@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap');
:root{--bg:#06111d;--bg2:#081827;--surface:#0c1d2d;--surface2:#102438;--surface3:#132a40;--line:#193650;--line2:#224864;--text:#f4f8fb;--muted:#8ea6b9;--muted2:#6e879a;--cyan:#5ce1e6;--cyan2:#26c2ce;--violet:#837bff;--green:#63e6be;--amber:#ffd166;--red:#ff7d8a;--shadow:0 24px 70px rgba(0,0,0,.3);--radius:18px;--radius-lg:28px;--sidebar:265px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img,svg{max-width:100%}.container{width:min(1180px,calc(100% - 40px));margin:auto}.brand{display:inline-flex;align-items:center;gap:11px;font:800 23px Manrope,sans-serif;letter-spacing:-.6px}.brand-mark{display:grid;place-items:center;width:36px;height:36px}.brand-mark svg{width:100%;height:100%;fill:#102e43;stroke:var(--cyan);stroke-width:1.6}.brand-mark .brand-mark-line{fill:none;stroke:var(--cyan);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800;color:var(--cyan)}.eyebrow:before{content:"";width:18px;height:1.5px;background:var(--cyan)}h1,h2,h3,h4{font-family:Manrope,Inter,sans-serif;margin:0;letter-spacing:-.03em}h1{font-size:clamp(42px,6vw,74px);line-height:1.03}h2{font-size:clamp(31px,4vw,48px);line-height:1.08}h3{font-size:20px}.gradient-text{background:linear-gradient(110deg,var(--cyan),#b5f7ef 45%,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.muted{color:var(--muted)}.text-sm{font-size:13px}.text-right{text-align:right}.section{padding:112px 0}.section-tight{padding:78px 0}.section-head{max-width:720px;margin-bottom:48px}.section-head p{font-size:17px;line-height:1.75;color:var(--muted);margin:18px 0 0}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 20px;border-radius:12px;font-weight:700;font-size:14px;border:1px solid transparent;transition:.2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--cyan),#4dd0dc);color:#06202c;box-shadow:0 12px 28px rgba(92,225,230,.18)}.btn-primary:hover{box-shadow:0 15px 35px rgba(92,225,230,.27)}.btn-outline{border-color:var(--line2);background:rgba(12,29,45,.65);color:var(--text)}.btn-outline:hover{border-color:#36617d;background:var(--surface2)}.btn-secondary{background:#172d43;border-color:#24455f;color:#eaf2f7}.btn-danger{background:#3c1e29;border-color:#67303e;color:#ffb2bb}.btn-sm{min-height:38px;padding:0 15px;border-radius:10px;font-size:13px}.btn-block{width:100%}.public-nav{position:sticky;top:0;z-index:50;background:rgba(6,17,29,.8);backdrop-filter:blur(17px);border-bottom:1px solid rgba(29,64,95,.45)}.nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between}.nav-links{display:flex;align-items:center;gap:24px}.nav-links>a:not(.btn){font-size:13px;color:#a8bdcb;font-weight:600}.nav-links>a:not(.btn):hover{color:white}.mobile-menu-btn{display:none;background:none;border:0;padding:8px}.mobile-menu-btn span,.sidebar-toggle span{display:block;width:21px;height:2px;background:#d4e1ea;margin:4px;border-radius:3px}
.hero{min-height:745px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 79% 42%,rgba(59,101,136,.18),transparent 32%),radial-gradient(circle at 20% 10%,rgba(92,225,230,.07),transparent 26%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(52,87,114,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(52,87,114,.08) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:35px}.hero-copy p{max-width:650px;color:#a9bdcb;font-size:18px;line-height:1.72;margin:24px 0 29px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-trust{display:flex;align-items:center;gap:26px;margin-top:38px;color:#7791a5;font-size:12px;font-weight:600}.hero-trust span{display:flex;align-items:center;gap:7px}.trust-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(99,230,190,.08)}.hero-art{position:relative}.hero-art img{width:100%;filter:drop-shadow(0 40px 60px rgba(0,0,0,.28))}.floating-stat{position:absolute;background:rgba(12,31,48,.88);backdrop-filter:blur(12px);border:1px solid #22445f;box-shadow:var(--shadow);border-radius:16px;padding:14px 16px;min-width:155px}.floating-stat strong{display:block;font:800 22px Manrope}.floating-stat span{font-size:11px;color:var(--muted)}.fs-1{left:3%;bottom:12%}.fs-2{right:1%;top:15%}.metrics-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#071522}.metrics{display:grid;grid-template-columns:repeat(4,1fr)}.metric{padding:28px 30px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric strong{font:800 25px Manrope;display:block}.metric span{font-size:12px;color:var(--muted)}.cards-4,.cards-3{display:grid;gap:18px}.cards-4{grid-template-columns:repeat(4,1fr)}.cards-3{grid-template-columns:repeat(3,1fr)}.service-card,.glass-card,.project-card,.stat-card,.table-card,.panel{background:linear-gradient(150deg,rgba(15,35,54,.9),rgba(9,25,40,.94));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 16px 40px rgba(0,0,0,.12)}.service-card{padding:26px;min-height:250px;transition:.25s ease}.service-card:hover{transform:translateY(-5px);border-color:#29546f}.service-icon{width:49px;height:49px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#12324a,#112638);border:1px solid #244863;margin-bottom:25px}.service-icon svg{width:25px;height:25px;fill:none;stroke:var(--cyan);stroke-width:1.7}.service-card h3{font-size:18px;margin-bottom:12px}.service-card p{color:var(--muted);line-height:1.66;font-size:14px}.service-card a{color:var(--cyan);font-weight:700;font-size:13px}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.visual-panel{background:linear-gradient(150deg,#0b1d2c,#07131f);padding:18px;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow)}.check-list{display:grid;gap:14px;margin:28px 0}.check-row{display:flex;gap:12px;color:#b4c5d0;font-size:14px;line-height:1.5}.check-row i{flex:0 0 22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#103b3d;color:var(--green);font-style:normal;font-weight:800;font-size:12px}.enterprise{background:linear-gradient(130deg,#0b2132,#0c1b2c 60%,#141d37);border:1px solid #21425f;border-radius:30px;padding:52px;display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;overflow:hidden}.enterprise:after{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(131,123,255,.18),transparent 64%);right:-70px;top:-120px}.enterprise-copy{max-width:690px;position:relative;z-index:1}.enterprise p{color:var(--muted);line-height:1.7}.join-card{padding:34px}.join-card .number{font:800 48px Manrope;color:#16364c}.join-card h3{margin:10px 0}.join-card p{color:var(--muted);line-height:1.6;font-size:14px}.public-footer{border-top:1px solid var(--line);background:#050e18;padding:62px 0 30px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px}.footer-brand p{color:var(--muted);font-size:13px;line-height:1.7;max-width:320px}.footer-col h4{font-size:13px;margin-bottom:18px}.footer-col a{display:block;color:#7f98aa;font-size:13px;margin:12px 0}.footer-bottom{border-top:1px solid #142c40;margin-top:45px;padding-top:24px;display:flex;justify-content:space-between;color:#60798b;font-size:12px}
.auth-page{min-height:100vh;background:radial-gradient(circle at 75% 20%,rgba(80,109,173,.12),transparent 28%),var(--bg)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-visual{padding:48px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);background:linear-gradient(145deg,#071723,#0a2130)}.auth-visual-copy{max-width:620px;margin:auto}.auth-visual-copy h2{font-size:45px}.auth-visual-copy p{font-size:17px;color:var(--muted);line-height:1.7}.auth-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.auth-feature{padding:16px;border:1px solid #1b3b54;background:#0b1e2e;border-radius:13px;font-size:13px;color:#a5bac8}.auth-main{display:flex;align-items:center;justify-content:center;padding:45px 32px}.auth-card{width:min(460px,100%)}.auth-card .brand{margin-bottom:34px}.auth-card h2{font-size:34px}.auth-card>p{color:var(--muted);line-height:1.6}.form-stack{display:grid;gap:16px;margin-top:28px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;font-size:12px;font-weight:700;color:#a9becb;margin:0 0 8px}.input,.select,.textarea{width:100%;border:1px solid #21405a;background:#0a1a29;color:white;border-radius:11px;outline:0;padding:12px 13px;transition:.2s}.input:focus,.select:focus,.textarea:focus{border-color:#3d7d95;box-shadow:0 0 0 3px rgba(92,225,230,.08)}.textarea{min-height:104px;resize:vertical}.password-wrap{position:relative}.password-wrap .input{padding-right:58px}.password-toggle{position:absolute;right:9px;top:8px;height:32px;border:0;background:transparent;color:var(--cyan);font-size:11px;font-weight:700}.auth-separator{display:flex;align-items:center;gap:12px;color:#678195;font-size:11px;margin:23px 0}.auth-separator:before,.auth-separator:after{content:"";height:1px;background:#17334b;flex:1}.oauth-btn{background:white;color:#1a2630;border:0}.oauth-btn svg{width:18px}.auth-note{text-align:center;color:#708a9d;font-size:12px;margin-top:22px}.auth-note a{color:var(--cyan);font-weight:700}.alert{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;border-radius:11px;font-size:13px;margin-bottom:18px;border:1px solid}.alert button{background:none;border:0;color:inherit;font-size:20px}.alert-success{background:#0d302c;border-color:#1b594f;color:#a7f3d0}.alert-error{background:#361c26;border-color:#693042;color:#ffc0c7}.alert-warning{background:#342b17;border-color:#665326;color:#ffe6a7}.code-box{padding:18px;border-radius:13px;border:1px dashed #31536d;background:#091825;word-break:break-all;color:#b6cad6;font:500 12px ui-monospace,monospace}.secret-key{font:800 22px ui-monospace,monospace;letter-spacing:.11em;color:var(--cyan);padding:16px;background:#091825;border:1px solid #1e3c54;border-radius:12px;text-align:center}
.app-shell{min-height:100vh;background:#06111d}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);background:#081725;border-right:1px solid #16324a;z-index:80;display:flex;flex-direction:column}.sidebar-top{height:82px;display:flex;align-items:center;padding:0 25px;border-bottom:1px solid #153147}.sidebar-nav{padding:22px 13px;display:grid;gap:5px}.side-link{height:46px;display:flex;align-items:center;gap:13px;padding:0 13px;border-radius:11px;color:#7f9aab;font-weight:600;font-size:13px;transition:.18s}.side-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.side-link:hover{background:#0c2132;color:#dce7ee}.side-link.active{background:linear-gradient(90deg,#103041,#0c2638);color:var(--cyan);box-shadow:inset 3px 0 var(--cyan)}.sidebar-bottom{margin-top:auto;padding:13px;border-top:1px solid #153147}.user-card{display:flex;gap:10px;align-items:center;padding:10px 8px;margin-bottom:7px}.user-card strong{display:block;font-size:12px}.user-card span{display:block;color:#698398;font-size:10px;margin-top:3px}.avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#154358,#20375a);border:1px solid #2d5772;color:#bdf9f2;font:800 12px Manrope}.avatar.small{width:35px;height:35px}.app-main{margin-left:var(--sidebar);min-height:100vh}.app-topbar{height:82px;position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:0 33px;border-bottom:1px solid #153147;background:rgba(6,17,29,.91);backdrop-filter:blur(16px)}.app-topbar h1{font-size:21px;margin-top:2px}.app-topbar .eyebrow{font-size:9px}.topbar-actions{display:flex;align-items:center;gap:12px}.icon-btn{position:relative;width:36px;height:36px;border:1px solid #1e3b53;background:#0b1c2b;border-radius:10px;display:grid;place-items:center;color:#94adbd}.icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-dot{position:absolute;right:5px;top:5px;width:6px;height:6px;border-radius:50%;background:var(--cyan);border:1px solid #071522}.sidebar-toggle{display:none}.app-content{padding:31px 34px 55px;max-width:1480px;margin:auto}.dashboard-hero{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:25px}.dashboard-hero h2{font-size:30px}.dashboard-hero p{color:var(--muted);margin:8px 0 0;font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.stat-card{padding:19px}.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#102a3c;border:1px solid #21435d}.stat-icon svg{width:19px;height:19px;fill:none;stroke:var(--cyan);stroke-width:1.7}.stat-card strong{display:block;font:800 26px Manrope;margin-top:20px}.stat-card .label{color:#7d97a9;font-size:11px}.delta{font-size:10px;font-weight:700;color:var(--green);background:#12342f;padding:4px 7px;border-radius:8px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr);gap:18px}.panel{padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.panel-head h3{font-size:16px}.panel-head a{font-size:11px;font-weight:700;color:var(--cyan)}.project-row{display:flex;gap:14px;align-items:center;padding:15px 0;border-top:1px solid #162f45}.project-row:first-of-type{border-top:0}.project-badge{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:12px;background:#112d41;color:var(--cyan)}.project-row-info{min-width:0;flex:1}.project-row h4{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-row p{font-size:10px;color:#708a9c;margin:5px 0 0}.progress{height:7px;border-radius:99px;background:#10263a;overflow:hidden}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--violet))}.quality-ring{width:166px;height:166px;border-radius:50%;display:grid;place-items:center;margin:15px auto;background:conic-gradient(var(--cyan) 0 96%,#142d43 96%)}.quality-ring:after{content:"";position:absolute}.quality-inner{width:138px;height:138px;border-radius:50%;background:#0b1d2c;display:grid;place-items:center;text-align:center}.quality-inner strong{display:block;font:800 31px Manrope}.quality-inner span{font-size:10px;color:var(--muted)}.quality-meta{display:flex;justify-content:space-between;color:#7c95a7;font-size:10px;margin-top:14px}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 22px}.filter-pill{border:1px solid #1c3c56;background:#0b1d2c;color:#7e98aa;padding:8px 13px;border-radius:999px;font-size:11px;font-weight:700}.filter-pill.active,.filter-pill:hover{border-color:#2d6576;background:#10313d;color:var(--cyan)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card{padding:21px;display:flex;flex-direction:column;min-height:280px}.project-card-top{display:flex;justify-content:space-between;align-items:start}.client-icon{width:42px;height:42px;border-radius:11px;background:linear-gradient(145deg,#15344c,#142841);display:grid;place-items:center;color:#b7fbf3;font-weight:800}.project-card h3{font-size:16px;margin:17px 0 9px}.project-card p{color:#7993a5;font-size:12px;line-height:1.55}.project-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.meta-box{background:#0a1927;border:1px solid #173249;padding:10px;border-radius:9px}.meta-box span{display:block;color:#698398;font-size:9px}.meta-box strong{font-size:11px}.project-card .btn{margin-top:auto}.badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:8px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.badge-success{background:#12352e;color:#73e7c0}.badge-warning{background:#3a301a;color:#ffda75}.badge-danger{background:#3b1e29;color:#ff9ca8}.badge-neutral{background:#172c3e;color:#8ca8b8}.table-card{overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#6f889b;font-weight:800;padding:14px 17px;background:#0a1a29;border-bottom:1px solid #173147}.data-table td{padding:15px 17px;border-bottom:1px solid #142c41;font-size:11px;color:#adbfca}.data-table tr:last-child td{border:0}.data-table strong{color:#eaf2f6}.workspace-layout{display:grid;grid-template-columns:1.45fr .55fr;gap:17px}.task-view{min-height:620px}.task-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #173147}.task-content{padding:28px 4px}.content-label{font-size:10px;color:#668297;text-transform:uppercase;letter-spacing:.1em}.moderation-text{font-size:22px;line-height:1.75;color:#d9e6ed;margin:18px 0 30px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.choice-btn{border:1px solid #1c3b53;background:#0a1a28;color:#9bb0bf;border-radius:12px;padding:14px;text-align:left;font-size:12px;font-weight:700;transition:.18s}.choice-btn:hover,.choice-btn.selected{border-color:#3a7787;background:#10303b;color:var(--cyan);box-shadow:0 0 0 2px rgba(92,225,230,.05)}.guideline-list{display:grid;gap:10px}.guideline{padding:13px;border-radius:10px;background:#0a1927;border:1px solid #173148;font-size:11px;color:#91a7b6;line-height:1.5}.wallet-balance{padding:28px;background:linear-gradient(135deg,#103346,#162b4a);border:1px solid #28546e;border-radius:20px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between}.wallet-balance strong{font:800 38px Manrope}.wallet-balance span{color:#91adbd;font-size:11px}.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cert-card{padding:20px}.cert-icon{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#10343b;color:var(--cyan);font-weight:900;margin-bottom:16px}.cert-card p{color:#7f98aa;font-size:11px;line-height:1.6}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.match-layout{display:grid;grid-template-columns:310px 1fr;gap:18px}.filters-panel .field{margin-bottom:13px}.candidate{display:grid;grid-template-columns:auto 1.5fr .7fr .7fr .7fr auto;gap:15px;align-items:center;padding:14px;border-bottom:1px solid #153047}.candidate:last-child{border:0}.candidate h4{font-size:12px}.candidate p{font-size:9px;color:#718b9e;margin:3px 0 0}.score{font:800 14px Manrope;color:#cbe3ec}.install-shell{min-height:100vh;display:flex;justify-content:center;padding:55px 20px;background:radial-gradient(circle at 50% 0,rgba(92,225,230,.08),transparent 30%),#06111d}.install-card{width:min(760px,100%);align-self:flex-start;background:#0b1d2d;border:1px solid #1c3a53;border-radius:24px;padding:32px;box-shadow:var(--shadow)}.install-card h1{font-size:34px}.install-steps{display:flex;gap:10px;margin:22px 0}.install-step{height:5px;flex:1;border-radius:99px;background:#173147}.install-step.active{background:var(--cyan)}
@media(max-width:1100px){.nav-links{gap:14px}.nav-links>a:not(.btn){display:none}.cards-4{grid-template-columns:repeat(2,1fr)}.projects-grid{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.match-layout{grid-template-columns:1fr}.filters-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.filters-panel .panel-head{grid-column:1/-1}.candidate{grid-template-columns:auto 1.3fr .7fr .7fr auto}.candidate>:nth-child(5){display:none}}
@media(max-width:850px){.container{width:min(100% - 28px,1180px)}.mobile-menu-btn{display:block}.nav-links{display:none;position:absolute;left:14px;right:14px;top:70px;background:#0b1c2b;border:1px solid #1f4058;border-radius:14px;padding:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links>a:not(.btn){display:block;padding:10px}.hero{min-height:auto;padding:76px 0}.hero-grid,.split-section{grid-template-columns:1fr}.hero-art{max-width:620px;margin:auto}.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.cards-3{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open:after{content:"";position:fixed;z-index:70;inset:0;background:rgba(0,0,0,.54)}.app-main{margin-left:0}.sidebar-toggle{display:grid}.workspace-layout{grid-template-columns:1fr}.cert-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.section{padding:78px 0}.hero-copy h1{font-size:44px}.hero-copy p{font-size:15px}.hero-trust{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-art{margin-top:25px}.floating-stat{display:none}.metrics{grid-template-columns:1fr 1fr}.metric{padding:20px 18px}.cards-4,.projects-grid,.cert-grid,.stat-grid{grid-template-columns:1fr}.enterprise{padding:30px;display:block}.enterprise .btn{margin-top:15px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.auth-main{padding:30px 20px}.form-row,.admin-form-grid{grid-template-columns:1fr}.app-topbar{padding:0 16px}.app-content{padding:23px 15px 45px}.dashboard-hero{display:block}.dashboard-hero .btn{margin-top:15px}.wallet-balance{display:block}.wallet-balance .btn{margin-top:15px}.candidate{grid-template-columns:auto 1fr auto}.candidate>:nth-child(3),.candidate>:nth-child(4),.candidate>:nth-child(5){display:none}.filters-panel{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr}.data-table{min-width:650px}.table-card{overflow:auto}}
.demo-banner{margin:0 0 22px;padding:14px 16px;border:1px solid rgba(84,218,229,.28);background:rgba(84,218,229,.07);border-radius:14px;color:#bceff3;font-size:14px;display:flex;gap:10px;align-items:flex-start}.demo-banner strong{color:#fff}.demo-credentials{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.demo-credential{padding:13px 14px;border:1px solid #183a55;border-radius:12px;background:#0a1c2c}.demo-credential span{display:block;color:#79a7c6;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.demo-credential strong{display:block;color:#fff;margin-top:4px;font-size:14px}.demo-actions{display:flex;gap:10px;flex-wrap:wrap}.progress-track{height:9px;background:#132c40;border-radius:20px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#52d9e5,#59a8ff);border-radius:20px}.status-line{display:flex;justify-content:space-between;gap:14px;font-size:13px;color:#8fb4cf;margin-top:7px}.mini-kpi{padding:14px;border:1px solid #183a55;border-radius:12px;background:#0a1c2c}.mini-kpi strong{display:block;color:#fff;font-size:20px}.mini-kpi span{color:#82a9c4;font-size:12px}.demo-watermark{position:fixed;right:16px;bottom:16px;z-index:50;padding:8px 12px;border-radius:999px;background:rgba(5,18,30,.9);border:1px solid rgba(84,218,229,.25);color:#8cecf2;font-size:11px;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}.qa-note{padding:12px 14px;border-radius:12px;background:#0a1c2c;border:1px solid #183a55;color:#a9c7db;font-size:13px;line-height:1.5}.simple-table-wrap{overflow:auto}.empty-state{text-align:center;padding:54px 20px}.empty-state h3{font-size:24px;margin:8px 0}.reset-link{color:#8eeef3!important}@media(max-width:760px){.demo-credentials{grid-template-columns:1fr}.demo-watermark{display:none}}

/* =========================================================
   WeMod Light Enterprise Theme
   Demo-only visual layer. Functional behavior is unchanged.
   ========================================================= */
:root{
  --bg:#f6f9fc;
  --bg2:#eef4f8;
  --surface:#ffffff;
  --surface2:#f8fbfd;
  --surface3:#edf5f8;
  --line:#dce7ee;
  --line2:#c8d9e3;
  --text:#102637;
  --muted:#61788a;
  --muted2:#7d91a0;
  --cyan:#13a8b4;
  --cyan2:#0d8f9b;
  --violet:#625ce8;
  --green:#1d9d74;
  --amber:#b7791f;
  --red:#d14f61;
  --shadow:0 18px 45px rgba(28,62,86,.10);
}
body{background:var(--bg);color:var(--text)}
.brand-mark svg{fill:#e9f8fa;stroke:var(--cyan)}
.brand-mark .brand-mark-line{stroke:var(--cyan)}
.gradient-text{background:linear-gradient(110deg,#0f91a0,#1aa9ad 45%,#5d57d8);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn-primary{background:linear-gradient(135deg,#28c7ce,#16aab6);color:#fff;box-shadow:0 10px 24px rgba(18,166,178,.20)}
.btn-primary:hover{box-shadow:0 14px 30px rgba(18,166,178,.28)}
.btn-outline{border-color:var(--line2);background:#fff;color:#173145}
.btn-outline:hover{border-color:#99b8c8;background:#f4f8fa}
.btn-secondary{background:#edf4f7;border-color:#d3e1e8;color:#244357}
.btn-danger{background:#fff1f3;border-color:#f3c8cf;color:#b23d50}
.public-nav{background:rgba(255,255,255,.90);border-bottom:1px solid rgba(205,220,229,.85);box-shadow:0 5px 20px rgba(30,59,79,.04)}
.nav-links>a:not(.btn){color:#60788a}.nav-links>a:not(.btn):hover{color:#102637}
.mobile-menu-btn span,.sidebar-toggle span{background:#244357}
.hero{background:radial-gradient(circle at 79% 42%,rgba(64,186,197,.13),transparent 32%),radial-gradient(circle at 18% 10%,rgba(98,92,232,.07),transparent 28%),linear-gradient(180deg,#fbfdff,#f6fafc)}
.hero:before{background-image:linear-gradient(rgba(69,108,134,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(69,108,134,.07) 1px,transparent 1px)}
.hero-copy p{color:#587184}.hero-trust{color:#6f8798}.trust-dot{background:#2aa47c;box-shadow:0 0 0 5px rgba(42,164,124,.10)}
.hero-art img{filter:drop-shadow(0 35px 50px rgba(43,91,119,.14))}
.floating-stat{background:rgba(255,255,255,.92);border:1px solid #d4e3ea;box-shadow:0 18px 45px rgba(38,75,98,.13)}
.metrics-bar{background:#fff;border-color:var(--line)}.metric{border-color:var(--line)}
.service-card,.glass-card,.project-card,.stat-card,.table-card,.panel{background:#fff;border-color:var(--line);box-shadow:0 14px 38px rgba(34,69,92,.07)}
.service-card:hover{border-color:#b8d1dc;box-shadow:0 18px 45px rgba(34,69,92,.10)}
.service-icon{background:linear-gradient(145deg,#eef9fa,#f6fbfc);border-color:#cfe4e8}
.visual-panel{background:#fff;border-color:var(--line);box-shadow:var(--shadow)}
.check-row{color:#526d80}.check-row i{background:#e8f7f1;color:#198460}
.enterprise{background:linear-gradient(135deg,#f2fbfc,#f5f7ff 70%,#eef0ff);border-color:#d6e5ec;box-shadow:0 18px 45px rgba(34,69,92,.07)}
.enterprise:after{background:radial-gradient(circle,rgba(98,92,232,.12),transparent 64%)}
.join-card .number{color:#c6dce5}
.public-footer{background:#eef4f7;border-top-color:#d8e4ea}.footer-col a{color:#60798b}.footer-bottom{border-top-color:#d5e2e8;color:#708796}
.auth-page{background:radial-gradient(circle at 75% 20%,rgba(49,177,188,.11),transparent 28%),#f6f9fc}
.auth-visual{border-right-color:#d9e7ed;background:linear-gradient(145deg,#edf9fa,#f5f8ff)}
.auth-feature{border-color:#d6e5eb;background:rgba(255,255,255,.78);color:#526f82}
.field label{color:#506c80}.input,.select,.textarea{border-color:#cbdce5;background:#fff;color:#173145}.input:focus,.select:focus,.textarea:focus{border-color:#75bbc3;box-shadow:0 0 0 3px rgba(25,164,176,.10)}
.password-toggle{color:#0b8e99}.auth-separator{color:#8094a2}.auth-separator:before,.auth-separator:after{background:#d9e5ea}.oauth-btn{border:1px solid #d9e4e9;color:#21384a}
.alert{box-shadow:none}.alert-success{background:#eaf8f2;border-color:#bfe6d6;color:#217255}.alert-error{background:#fff0f2;border-color:#f2c7cf;color:#a43d4d}.alert-info{background:#eaf7fa;border-color:#c0e4e9;color:#26727a}.alert-warning{background:#fff8e8;border-color:#f0ddb0;color:#85601f}
.app-shell{background:#f4f8fb}.sidebar{background:#fff;border-right-color:#dbe7ed;box-shadow:8px 0 30px rgba(31,67,90,.04)}.sidebar-top{border-bottom-color:#e3edf1}.sidebar-bottom{border-top-color:#e3edf1}.side-link{color:#6d8393}.side-link:hover{background:#f0f6f8;color:#183449}.side-link.active{background:linear-gradient(90deg,#e9f8fa,#f3fafb);color:#078b98;box-shadow:inset 3px 0 #18abb5}.user-card span{color:#8295a3}.avatar{background:linear-gradient(145deg,#e3f7f8,#edf1ff);border-color:#c6dfe5;color:#168b96}.app-topbar{border-bottom-color:#dce7ed;background:rgba(255,255,255,.92);box-shadow:0 6px 22px rgba(31,67,90,.035)}
.icon-btn{border-color:#d4e2e9;background:#fff;color:#61798a}.notification-dot{border-color:#fff}.stat-icon{background:#eef8f9;border-color:#d2e6e9}.delta{color:#1f8869;background:#e9f7f1}.project-row{border-top-color:#e1ebf0}.project-badge{background:#eef8fa;color:#0e929e}.project-row p{color:#7e93a1}.progress{background:#e8f0f4}.quality-ring{background:conic-gradient(var(--cyan) 0 96%,#e5eef2 96%)}.quality-inner{background:#fff}.quality-meta{color:#728897}
.filter-pill{border-color:#d4e2e9;background:#fff;color:#677f90}.filter-pill.active,.filter-pill:hover{border-color:#a7ced4;background:#edf9fa;color:#087f8b}.client-icon{background:linear-gradient(145deg,#eaf7f9,#f1f2ff);color:#138d98}.project-card p{color:#6e8494}.meta-box{background:#f7fafc;border-color:#e0e9ee}.meta-box span{color:#7d91a0}
.badge-success{background:#e8f7f1;color:#258061}.badge-warning{background:#fff6df;color:#946d20}.badge-danger{background:#fff0f2;color:#b74758}.badge-neutral{background:#eef3f6;color:#687e8d}
.data-table th{color:#738a99;background:#f7fafc;border-bottom-color:#dfe9ee}.data-table td{border-bottom-color:#e5edf1;color:#526d80}.data-table strong{color:#183449}
.task-header{border-bottom-color:#dfe9ee}.moderation-text{color:#213c4e}.choice-btn{border-color:#d4e2e9;background:#fff;color:#5f7788}.choice-btn:hover,.choice-btn.selected{border-color:#89c7ce;background:#ecf9fa;color:#087e89;box-shadow:0 0 0 2px rgba(19,168,180,.08)}.guideline{background:#f7fafc;border-color:#e0e9ee;color:#61798b}
.wallet-balance{background:linear-gradient(135deg,#e8f9fa,#eff3ff);border-color:#cee3e8}.wallet-balance span{color:#658092}.cert-icon{background:#e8f8f8;color:#0b8c98}.cert-card p{color:#718696}
.candidate{border-bottom-color:#e0e9ee}.candidate p{color:#7b91a0}.score{color:#254559}
.install-shell{background:radial-gradient(circle at 50% 0,rgba(31,174,184,.10),transparent 30%),#f5f9fb}.install-card{background:#fff;border-color:#d8e6ec;box-shadow:var(--shadow)}.install-step{background:#dfe9ee}
.demo-banner{border-color:#bfe3e7;background:#ecf9fa;color:#39727b}.demo-banner strong{color:#173c4b}.demo-credential{border-color:#dce8ed;background:#f8fbfc}.demo-credential span{color:#6a8798}.demo-credential strong{color:#15374a}.progress-track{background:#e6eef2}.mini-kpi{border-color:#dce8ed;background:#f8fbfc}.mini-kpi strong{color:#173c4b}.mini-kpi span{color:#718a9b}.demo-watermark{background:rgba(255,255,255,.94);border-color:#bfe1e5;color:#168b96;box-shadow:0 8px 22px rgba(31,67,90,.09)}.qa-note{background:#f8fbfc;border-color:#dce8ed;color:#577286}.reset-link{color:#138c97!important}
@media(max-width:1020px){.nav-links{background:#fff;border-color:#d7e5eb}.sidebar-open:after{background:rgba(36,61,78,.25)}}


/* =========================================================
   Theme Switcher + Dual Light/Dark Theme
   ========================================================= */
.brand-word{display:inline-flex;align-items:center;gap:10px}
.brand-mark svg{width:100%;height:100%}
.brand-mark svg rect{fill:linear-gradient(145deg,#e9f8fa,#f2f6ff)}
.brand-mark .brand-mark-dot{fill:var(--cyan)}
.theme-switch{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.72);color:var(--muted);font-size:12px;font-weight:700;backdrop-filter:blur(14px)}
.theme-switch span{line-height:1}
.theme-switch-track{position:relative;width:54px;height:30px;border:0;border-radius:999px;background:linear-gradient(135deg,#d9e8ef,#cfe0e8);padding:0;box-shadow:inset 0 0 0 1px rgba(70,100,120,.14)}
.theme-switch-thumb{position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 6px 18px rgba(24,48,66,.16);transition:transform .24s ease, background .24s ease}
html[data-theme="dark"] .theme-switch-thumb{transform:translateX(24px);background:#0f2133}
html[data-theme="dark"] .theme-switch-track{background:linear-gradient(135deg,#1a3146,#23405a)}
.theme-switch-compact{padding:6px 10px;font-size:11px}
.nav-links .theme-switch{margin-left:6px}
.topbar-actions .theme-switch{margin-right:4px}
@media(max-width:1020px){.nav-links .theme-switch{order:98;justify-content:center;width:100%;margin:8px 0 0}.topbar-actions .theme-switch span{display:none}.topbar-actions .theme-switch{padding:4px 6px}}

/* Dark theme overrides */
html[data-theme="dark"]:root,
html[data-theme="dark"]{
  --bg:#06111d;
  --bg2:#081827;
  --surface:#0c1d2d;
  --surface2:#102438;
  --surface3:#132a40;
  --line:#193650;
  --line2:#224864;
  --text:#f4f8fb;
  --muted:#8ea6b9;
  --muted2:#6e879a;
  --cyan:#5ce1e6;
  --cyan2:#26c2ce;
  --violet:#837bff;
  --green:#63e6be;
  --amber:#ffd166;
  --red:#ff7d8a;
  --shadow:0 24px 70px rgba(0,0,0,.3);
}
html[data-theme="dark"] body{background:var(--bg);color:var(--text)}
html[data-theme="dark"] .brand-mark svg{fill:#102e43;stroke:var(--cyan)}
html[data-theme="dark"] .brand-mark .brand-mark-dot{fill:var(--cyan)}
html[data-theme="dark"] .gradient-text{background:linear-gradient(110deg,var(--cyan),#b5f7ef 45%,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="dark"] .btn-primary{background:linear-gradient(135deg,#2ed9dc,#1db8c4);color:#07131f;box-shadow:0 10px 28px rgba(35,194,206,.24)}
html[data-theme="dark"] .btn-outline{border-color:var(--line2);background:rgba(12,29,45,.72);color:#dbeff4}
html[data-theme="dark"] .btn-outline:hover{border-color:#3c6d8d;background:#102438}
html[data-theme="dark"] .btn-secondary{background:#102438;border-color:#1a3851;color:#d9edf2}
html[data-theme="dark"] .btn-danger{background:#22111a;border-color:#552637;color:#ffb9c2}
html[data-theme="dark"] .public-nav{background:rgba(7,18,30,.86);border-bottom:1px solid rgba(25,54,80,.8);box-shadow:0 5px 20px rgba(0,0,0,.12)}
html[data-theme="dark"] .nav-links>a:not(.btn){color:#a4c0d1}html[data-theme="dark"] .nav-links>a:not(.btn):hover{color:#fff}
html[data-theme="dark"] .mobile-menu-btn span,html[data-theme="dark"] .sidebar-toggle span{background:#d7eef4}
html[data-theme="dark"] .hero{background:radial-gradient(circle at 79% 42%,rgba(44,199,208,.14),transparent 32%),radial-gradient(circle at 18% 10%,rgba(131,123,255,.09),transparent 28%),linear-gradient(180deg,#081420,#06111d)}
html[data-theme="dark"] .hero:before{background-image:linear-gradient(rgba(91,145,181,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(91,145,181,.08) 1px,transparent 1px)}
html[data-theme="dark"] .hero-copy p{color:#a2bed0}html[data-theme="dark"] .hero-trust{color:#88a7b9}.trust-dot{box-shadow:0 0 0 5px rgba(42,164,124,.10)}
html[data-theme="dark"] .hero-art img{filter:drop-shadow(0 35px 50px rgba(0,0,0,.22))}
html[data-theme="dark"] .floating-stat{background:rgba(10,23,36,.88);border:1px solid #183a55;box-shadow:0 18px 45px rgba(0,0,0,.25)}
html[data-theme="dark"] .metrics-bar{background:#071522;border-color:var(--line)}html[data-theme="dark"] .metric{border-color:var(--line)}
html[data-theme="dark"] .service-card,html[data-theme="dark"] .glass-card,html[data-theme="dark"] .project-card,html[data-theme="dark"] .stat-card,html[data-theme="dark"] .table-card,html[data-theme="dark"] .panel{background:#0b1d2d;border-color:#18354d;box-shadow:0 14px 38px rgba(0,0,0,.18)}
html[data-theme="dark"] .service-card:hover{border-color:#295b78;box-shadow:0 18px 45px rgba(0,0,0,.24)}
html[data-theme="dark"] .service-icon{background:linear-gradient(145deg,#0f2335,#0a1b2a);border-color:#20445d}
html[data-theme="dark"] .visual-panel{background:#0b1d2d;border-color:#18354d;box-shadow:var(--shadow)}
html[data-theme="dark"] .check-row{color:#abc5d4}.check-row i{background:#103427;color:#6fe1b4}
html[data-theme="dark"] .enterprise{background:linear-gradient(135deg,#102437,#0b1e30 70%,#19193d);border-color:#20445d;box-shadow:0 18px 45px rgba(0,0,0,.20)}
html[data-theme="dark"] .enterprise:after{background:radial-gradient(circle,rgba(131,123,255,.15),transparent 64%)}
html[data-theme="dark"] .public-footer{background:#071420;border-top-color:#18354d}.footer-col a{color:#9bb5c6}.footer-bottom{border-top-color:#18354d;color:#87a3b5}
html[data-theme="dark"] .auth-page{background:radial-gradient(circle at 75% 20%,rgba(49,177,188,.11),transparent 28%),#06111d}
html[data-theme="dark"] .auth-visual{border-right-color:#18354d;background:linear-gradient(145deg,#0a1d2d,#11192a)}
html[data-theme="dark"] .auth-feature{border-color:#1a3a54;background:rgba(10,23,35,.8);color:#a6c3d4}
html[data-theme="dark"] .field label{color:#9fb8c8}.input,.select,.textarea{transition:border-color .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease}
html[data-theme="dark"] .input,html[data-theme="dark"] .select,html[data-theme="dark"] .textarea{border-color:#224763;background:#091a2a;color:#eef7fb}
html[data-theme="dark"] .input:focus,html[data-theme="dark"] .select:focus,html[data-theme="dark"] .textarea:focus{border-color:#59dce4;box-shadow:0 0 0 3px rgba(37,194,206,.13)}
html[data-theme="dark"] .password-toggle{color:#58dce4}.auth-separator{color:#7e9cae}.auth-separator:before,html[data-theme="dark"] .auth-separator:after{background:#18354d}.oauth-btn{border:1px solid #1d415b;color:#dceff5;background:#0a1c2b}
html[data-theme="dark"] .alert-success{background:#0f2b21;border-color:#1f5f46;color:#8de1bb}html[data-theme="dark"] .alert-error{background:#2d1520;border-color:#723246;color:#ffb0bb}html[data-theme="dark"] .alert-info{background:#0b2630;border-color:#1e5861;color:#8bd9df}html[data-theme="dark"] .alert-warning{background:#2b2413;border-color:#7a6525;color:#ffd889}
html[data-theme="dark"] .app-shell{background:#06111d}.sidebar{transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
html[data-theme="dark"] .sidebar{background:#081726;border-right-color:#18354d;box-shadow:8px 0 30px rgba(0,0,0,.16)}.sidebar-top{border-bottom-color:#18354d}.sidebar-bottom{border-top-color:#18354d}.side-link{transition:all .18s ease}
html[data-theme="dark"] .side-link{color:#9ab7c8}html[data-theme="dark"] .side-link:hover{background:#0f2436;color:#e6f5f9}html[data-theme="dark"] .side-link.active{background:linear-gradient(90deg,#102b3a,#112b35);color:#67e2e5;box-shadow:inset 3px 0 #31d2d7}.user-card span{color:#85a1b2}.avatar{background:linear-gradient(145deg,#103345,#172546);border-color:#2a576a;color:#86f0f3}.app-topbar{border-bottom-color:#18354d;background:rgba(6,17,29,.92);box-shadow:0 6px 22px rgba(0,0,0,.18)}
html[data-theme="dark"] .icon-btn{border-color:#1f425b;background:#0b1e30;color:#a8c2d2}.notification-dot{border-color:#0b1e30}.stat-icon{background:#0f2536;border-color:#21465e}.delta{color:#7ce3b7;background:#0f2b21}.project-row{border-top-color:#173a54}.project-badge{background:#103344;color:#71e7ec}.project-row p{color:#90acbe}.progress{background:#10283b}.quality-ring{background:conic-gradient(var(--cyan) 0 96%,#10283b 96%)}.quality-inner{background:#091927}.quality-meta{color:#86a3b4}
html[data-theme="dark"] .filter-pill{border-color:#1e425b;background:#0b1e30;color:#9eb8c9}.filter-pill.active,html[data-theme="dark"] .filter-pill:hover{border-color:#3e7787;background:#102c3d;color:#70e7ec}.client-icon{background:linear-gradient(145deg,#123243,#1e274c);color:#8cf0f3}.project-card p{color:#9bb2c1}.meta-box{background:#0a1c2a;border-color:#173750}.meta-box span{color:#88a3b5}
html[data-theme="dark"] .badge-success{background:#103326;color:#7de4ba}.badge-warning{background:#2b2414;color:#ffd98b}.badge-danger{background:#301721;color:#ffb1bc}.badge-neutral{background:#102539;color:#a5becd}
html[data-theme="dark"] .data-table th{color:#83a1b2;background:#0a1c2a;border-bottom-color:#173750}.data-table td{border-bottom-color:#173a54;color:#b8d0de}.data-table strong{color:#eff7fb}
html[data-theme="dark"] .task-header{border-bottom-color:#173750}.moderation-text{color:#dceef5}.choice-btn{transition:all .18s ease}
html[data-theme="dark"] .choice-btn{border-color:#1f425b;background:#0a1c2a;color:#a4bed0}.choice-btn:hover,html[data-theme="dark"] .choice-btn.selected{border-color:#4fced7;background:#103043;color:#8cecf2;box-shadow:0 0 0 2px rgba(19,168,180,.12)}.guideline{background:#0a1c2a;border-color:#173750;color:#9bb4c4}
html[data-theme="dark"] .wallet-balance{background:linear-gradient(135deg,#0f2737,#141b3d);border-color:#21455d}.wallet-balance span{color:#94adbc}.cert-icon{background:#0f2737;color:#70e6eb}.cert-card p{color:#97adbc}
html[data-theme="dark"] .candidate{border-bottom-color:#173750}.candidate p{color:#92aaba}.score{color:#e9f6fb}
html[data-theme="dark"] .install-shell{background:radial-gradient(circle at 50% 0,rgba(31,174,184,.10),transparent 30%),#06111d}.install-card{background:#0b1e30;border-color:#18354d;box-shadow:var(--shadow)}.install-step{background:#173750}
html[data-theme="dark"] .demo-banner{border-color:#1d5660;background:#0b2934;color:#9ddbe2}.demo-banner strong{color:#f0fcff}.demo-credential{border-color:#173750;background:#0b1e30}.demo-credential span{color:#9ab3c2}.demo-credential strong{color:#eaf6fb}.progress-track{background:#10283b}.mini-kpi{border-color:#173750;background:#0b1e30}.mini-kpi strong{color:#eef8fb}.mini-kpi span{color:#93acbc}.demo-watermark{background:rgba(5,18,30,.9);border-color:rgba(84,218,229,.25);color:#8cecf2;box-shadow:none}.qa-note{background:#0a1c2c;border-color:#183a55;color:#a9c7db}.reset-link{color:#8eeef3!important}
html[data-theme="dark"] .theme-switch{background:rgba(10,24,38,.78);border-color:#21445c;color:#9ab4c5}
@media(max-width:1020px){html[data-theme="dark"] .nav-links{background:#081726;border-color:#173750}.sidebar-open:after{background:rgba(0,0,0,.45)}}


/* =========================================================
   WeMod official logo integration + palette alignment
   ========================================================= */
:root{
  --cyan:#0f56d8;
  --cyan2:#0c46ba;
  --violet:#10b545;
  --green:#10b545;
}
html[data-theme="dark"]{
  --cyan:#4b82ff;
  --cyan2:#2d65ef;
  --violet:#35d463;
  --green:#35d463;
}
.brand{display:inline-flex;align-items:center;max-width:100%}
.brand-logo-set{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;line-height:0}
.brand-logo{display:block;height:auto;max-width:100%}
.brand-logo-full{width:min(240px,48vw)}
.brand-logo-compact{width:52px}
.brand-logo-dark{display:none}
html[data-theme="dark"] .brand-logo-light{display:none}
html[data-theme="dark"] .brand-logo-dark{display:block}
.public-nav .brand-logo-full{width:min(232px,48vw)}
.sidebar .brand-logo-full{width:174px}
.auth-visual .brand-logo-full{width:210px}
.auth-card .brand-logo-full{width:180px}
.footer-brand .brand-logo-full{width:200px}
.sidebar-top .brand{padding:2px 0}
.footer-brand .brand{margin-bottom:16px}
@media(max-width:760px){
  .public-nav .brand-logo-full{width:170px}
  .auth-visual .brand-logo-full,.auth-card .brand-logo-full{width:170px}
  .sidebar .brand-logo-full{width:160px}
}

.gradient-text{background:linear-gradient(110deg,var(--cyan),#286eef 40%,var(--green));-webkit-background-clip:text;background-clip:text;color:transparent}
.btn-primary{background:linear-gradient(135deg,var(--cyan),var(--green));color:#fff}
html[data-theme="dark"] .btn-primary{background:linear-gradient(135deg,var(--cyan),var(--green));color:#08131f}
.eyebrow{color:var(--green)}
.eyebrow:before{background:var(--green)}
.service-icon svg,.client-icon,.cert-icon,.brand-accent{color:var(--cyan)}
.filter-pill.active,.filter-pill:hover,.choice-btn:hover,.choice-btn.selected{border-color:color-mix(in srgb,var(--cyan) 40%, white);}
.choice-btn.selected{background:color-mix(in srgb,var(--cyan) 10%, white)}
.project-badge{background:color-mix(in srgb,var(--cyan) 10%, white);color:var(--cyan2)}
.delta,.badge-success{background:color-mix(in srgb,var(--green) 12%, white);color:#167c47}
.trust-dot{background:var(--green)}
html[data-theme="dark"] .trust-dot{background:var(--green)}
html[data-theme="dark"] .project-badge{background:rgba(75,130,255,.16);color:#8fb1ff}
html[data-theme="dark"] .delta,html[data-theme="dark"] .badge-success{background:rgba(53,212,99,.14);color:#8defad}
html[data-theme="dark"] .choice-btn.selected{background:rgba(75,130,255,.14)}
.theme-switch-track{background:linear-gradient(135deg,#d8e6ff,#dff4e4)}
html[data-theme="dark"] .theme-switch-track{background:linear-gradient(135deg,#2146a7,#145627)}


/* =========================================================
   Stable internal layout + restored first WeMod logo
   ========================================================= */
.public-nav{position:sticky!important;top:0!important;overflow:visible!important}
.sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;overflow:visible!important}
.app-main{margin-left:var(--sidebar)!important;min-height:100vh!important}
.app-topbar{position:sticky!important;top:0!important;overflow:visible!important}

/* Keep restored original logo prominent */
.public-nav .brand-logo-full{width:min(270px,56vw)!important}
.sidebar .brand-logo-full{width:198px!important}
.auth-card .brand-logo-full{width:204px!important}
.auth-visual .brand-logo-full{width:228px!important}
.footer-brand .brand-logo-full{width:236px!important}
.brand-logo-compact{width:70px!important}
.sidebar-top .brand{padding:6px 0 8px!important}
.public-nav .brand{padding:4px 0!important}

/* Safe highlighted text: avoids browser gradient rendering blocks */
.gradient-text{
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:currentColor!important;
  color:#165be8!important;
}
html[data-theme="dark"] .gradient-text{color:#9bbaff!important}

/* Dark-mode readability reinforcement */
html[data-theme="dark"] body{color:#dce9f2!important}
html[data-theme="dark"] .app-topbar{background:rgba(8,19,31,.97)!important;border-bottom-color:#28445e!important}
html[data-theme="dark"] .sidebar{background:#0c1b2b!important;border-right-color:#28445e!important}
html[data-theme="dark"] .sidebar-top,html[data-theme="dark"] .sidebar-bottom{border-color:#28445e!important}
html[data-theme="dark"] .app-topbar h1,html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4{color:#f7fbff!important}
html[data-theme="dark"] p,html[data-theme="dark"] .muted,html[data-theme="dark"] .project-row p,html[data-theme="dark"] .quality-meta,html[data-theme="dark"] .guideline,html[data-theme="dark"] .data-table td{color:#c3d5e2!important}
html[data-theme="dark"] .service-card,html[data-theme="dark"] .glass-card,html[data-theme="dark"] .project-card,html[data-theme="dark"] .stat-card,html[data-theme="dark"] .table-card,html[data-theme="dark"] .panel{background:#132336!important;border-color:#28445e!important}
html[data-theme="dark"] .data-table th{color:#cfe0ec!important;background:#102030!important;border-bottom-color:#28445e!important}
html[data-theme="dark"] .data-table strong,html[data-theme="dark"] .user-card strong{color:#f7fbff!important}
html[data-theme="dark"] .icon-btn{background:#13283c!important;border-color:#35536e!important;color:#e5f0f7!important}
html[data-theme="dark"] .side-link{color:#cbdbe6!important}
html[data-theme="dark"] .side-link:hover{background:#173049!important;color:#f7fbff!important}
html[data-theme="dark"] .side-link.active{background:linear-gradient(90deg,#183553,#173447)!important;color:#98efae!important;box-shadow:inset 3px 0 #18bb4b!important}
html[data-theme="dark"] .quality-inner{background:#102132!important;color:#f7fbff!important}
html[data-theme="dark"] .theme-switch{background:rgba(17,34,53,.96)!important;border-color:#355676!important;color:#dce9f2!important}

@media(max-width:850px){
  .sidebar{transform:translateX(-100%)!important}
  .sidebar-open .sidebar{transform:translateX(0)!important}
  .app-main{margin-left:0!important}
}
@media(max-width:760px){
  .public-nav .brand-logo-full{width:210px!important}
  .auth-visual .brand-logo-full,.auth-card .brand-logo-full{width:188px!important}
}

/* =========================================================
   Internal application palette coherence — Light + Dark
   Applies to Moderator and Admin portals globally.
   ========================================================= */
:root{
  --app-blue:#165BE8;
  --app-blue-2:#0F49D8;
  --app-cyan:#24AEEA;
  --app-green:#18B94A;
  --app-green-2:#10983A;
  --app-ink:#102A3D;
  --app-muted:#6F8798;
  --app-bg:#F4F8FB;
  --app-panel:#FFFFFF;
  --app-line:#DCE7EE;
  --app-soft-blue:#EEF4FF;
  --app-soft-cyan:#ECF9FC;
  --app-soft-green:#ECF9F0;
}

/* ---------- LIGHT MODE: application shell ---------- */
.app-shell{
  background:linear-gradient(180deg,#F7FAFC 0%,#F2F7FA 100%)!important;
  color:var(--app-ink)!important;
}
.sidebar{
  background:#FFFFFF!important;
  border-right:1px solid var(--app-line)!important;
  box-shadow:8px 0 28px rgba(33,65,88,.045)!important;
}
.sidebar-top{
  background:#FFFFFF!important;
  border-bottom:1px solid var(--app-line)!important;
}
.sidebar-bottom{
  background:#FFFFFF!important;
  border-top:1px solid var(--app-line)!important;
}
.side-link{
  color:#668095!important;
}
.side-link:hover{
  background:#F2F7FB!important;
  color:var(--app-blue-2)!important;
}
.side-link.active{
  background:linear-gradient(90deg,#EAF3FF 0%,#EFFAF4 100%)!important;
  color:var(--app-blue-2)!important;
  box-shadow:inset 3px 0 var(--app-green)!important;
}
.side-link.active svg{
  stroke:var(--app-blue)!important;
}
.reset-link{color:#24A7BF!important}
.user-card strong{color:#193449!important}
.user-card span{color:#8095A5!important}
.avatar{
  background:linear-gradient(145deg,#EAF3FF,#ECF9F0)!important;
  border:1px solid #C9DDE8!important;
  color:var(--app-blue-2)!important;
}

.app-topbar{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid var(--app-line)!important;
  box-shadow:0 8px 24px rgba(33,65,88,.05)!important;
  backdrop-filter:blur(16px)!important;
}
.app-topbar:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:2px;
  background:linear-gradient(90deg,var(--app-blue),var(--app-cyan) 55%,var(--app-green));
  opacity:.75;
  pointer-events:none;
}
.app-topbar h1{color:#123047!important}
.app-topbar .eyebrow{color:var(--app-green)!important}
.app-topbar .eyebrow:before{background:var(--app-green)!important}
.icon-btn{
  background:#FFFFFF!important;
  border:1px solid #D2E1E9!important;
  color:#57758A!important;
  box-shadow:0 5px 14px rgba(28,63,87,.045)!important;
}
.icon-btn:hover{
  background:var(--app-soft-blue)!important;
  border-color:#BFD3EA!important;
  color:var(--app-blue)!important;
}
.notification-dot{
  background:var(--app-green)!important;
  border-color:#FFFFFF!important;
}
.theme-switch{
  background:#F7FAFC!important;
  border-color:#D6E3EA!important;
  color:#637B8D!important;
}
.theme-switch-track{
  background:linear-gradient(135deg,#DCEBFF,#E1F6E7)!important;
}
.theme-switch-thumb{background:#FFFFFF!important}

.app-content{color:var(--app-ink)!important}
.dashboard-hero h2,.panel-head h3,.project-card h3,.stat-card strong,.wallet-balance strong,.data-table strong,.candidate h4{
  color:#102D43!important;
}
.dashboard-hero p,.project-card p,.project-row p,.quality-meta,.cert-card p,.candidate p,.meta-box span{
  color:#7B91A1!important;
}

.stat-card,.panel,.project-card,.table-card,.glass-card{
  background:#FFFFFF!important;
  border-color:var(--app-line)!important;
  box-shadow:0 16px 38px rgba(33,65,88,.07)!important;
}
.stat-card:before,.panel:before,.project-card:before,.table-card:before,.glass-card:before{
  background:linear-gradient(90deg,var(--app-blue),var(--app-cyan) 55%,var(--app-green))!important;
}
.stat-icon{
  background:linear-gradient(145deg,var(--app-soft-blue),var(--app-soft-cyan))!important;
  border:1px solid #CFE0EE!important;
  color:var(--app-blue)!important;
}
.stat-icon svg{stroke:var(--app-blue)!important}
.delta,.badge-success{
  background:var(--app-soft-green)!important;
  color:var(--app-green-2)!important;
}
.project-badge{
  background:var(--app-soft-blue)!important;
  color:var(--app-blue-2)!important;
}
.project-row{border-color:#E2EBF0!important}
.panel-head a{color:var(--app-blue)!important}
.progress{background:#E8EFF4!important}
.progress span{background:linear-gradient(90deg,var(--app-blue),var(--app-green))!important}

.quality-ring{
  background:conic-gradient(var(--app-blue) 0 96%,#E5EDF2 96%)!important;
}
.quality-inner{
  background:#FFFFFF!important;
  color:#11334C!important;
  box-shadow:inset 0 0 0 1px #ECF1F4!important;
}
.quality-inner strong{color:var(--app-blue-2)!important}
.quality-inner span{color:#8A9CAA!important}

.badge-neutral{
  background:#EEF4FF!important;
  color:var(--app-blue-2)!important;
}
.badge-warning{background:#FFF6E1!important;color:#986B0B!important}
.badge-danger{background:#FFF0F2!important;color:#B84357!important}

.data-table th{
  background:#F7FAFC!important;
  color:#718999!important;
  border-bottom-color:#DCE7EE!important;
}
.data-table td{
  color:#526E82!important;
  border-bottom-color:#E4EDF1!important;
}

.filter-pill{
  background:#FFFFFF!important;
  border-color:#D3E1E8!important;
  color:#687F90!important;
}
.filter-pill.active,.filter-pill:hover{
  background:var(--app-soft-blue)!important;
  border-color:#BFD4F4!important;
  color:var(--app-blue-2)!important;
}
.client-icon,.cert-icon{
  background:linear-gradient(145deg,var(--app-soft-blue),var(--app-soft-green))!important;
  color:var(--app-blue)!important;
  border-color:#D4E3EB!important;
}
.meta-box,.guideline,.qa-note{
  background:#F8FBFC!important;
  border-color:#DCE7ED!important;
  color:#607A8D!important;
}
.choice-btn{
  background:#FFFFFF!important;
  border-color:#D2E1E8!important;
  color:#5D7486!important;
}
.choice-btn:hover,.choice-btn.selected{
  background:var(--app-soft-blue)!important;
  border-color:#AFCBF1!important;
  color:var(--app-blue-2)!important;
  box-shadow:0 0 0 2px rgba(22,91,232,.07)!important;
}
.wallet-balance{
  background:linear-gradient(135deg,#EDF5FF,#EFFAF3)!important;
  border-color:#D2E3EA!important;
}
.wallet-balance span{color:#6E8799!important}

/* ---------- DARK MODE: application shell ---------- */
html[data-theme="dark"] .app-shell{
  background:linear-gradient(180deg,#101C2A 0%,#0D1825 100%)!important;
  color:#E5EFF6!important;
}
html[data-theme="dark"] .sidebar{
  background:linear-gradient(180deg,#132235 0%,#102031 100%)!important;
  border-right-color:#2A435B!important;
  box-shadow:8px 0 30px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] .sidebar-top,
html[data-theme="dark"] .sidebar-bottom{
  background:transparent!important;
  border-color:#29445D!important;
}
html[data-theme="dark"] .side-link{color:#B8CAD7!important}
html[data-theme="dark"] .side-link:hover{
  background:#1A3045!important;
  color:#F4FAFE!important;
}
html[data-theme="dark"] .side-link.active{
  background:linear-gradient(90deg,#1A3552,#183A35)!important;
  color:#A8F5BD!important;
  box-shadow:inset 3px 0 #42D56B!important;
}
html[data-theme="dark"] .side-link.active svg{stroke:#81AFFF!important}
html[data-theme="dark"] .reset-link{color:#6BD5E8!important}
html[data-theme="dark"] .user-card strong{color:#F4FAFE!important}
html[data-theme="dark"] .user-card span{color:#99AFC0!important}
html[data-theme="dark"] .avatar{
  background:linear-gradient(145deg,#1B3550,#1C3B29)!important;
  border-color:#36556E!important;
  color:#F4FAFE!important;
}

html[data-theme="dark"] .app-topbar{
  background:rgba(19,34,52,.97)!important;
  border-bottom-color:#2B465F!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] .app-topbar h1{color:#F7FBFE!important}
html[data-theme="dark"] .app-topbar .eyebrow{color:#69E58C!important}
html[data-theme="dark"] .app-topbar .eyebrow:before{background:#69E58C!important}
html[data-theme="dark"] .icon-btn{
  background:#1A3045!important;
  border-color:#385873!important;
  color:#D7E7F2!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .icon-btn:hover{
  background:#203A53!important;
  border-color:#4A6B87!important;
  color:#FFFFFF!important;
}
html[data-theme="dark"] .notification-dot{
  background:#55DE78!important;
  border-color:#1A3045!important;
}
html[data-theme="dark"] .theme-switch{
  background:#1B3044!important;
  border-color:#3B5870!important;
  color:#D4E3ED!important;
}
html[data-theme="dark"] .theme-switch-track{
  background:linear-gradient(135deg,#2B4B94,#22633A)!important;
}
html[data-theme="dark"] .theme-switch-thumb{background:#F6FAFD!important}

html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .project-card,
html[data-theme="dark"] .table-card,
html[data-theme="dark"] .glass-card{
  background:#17283A!important;
  border-color:#2E4962!important;
  box-shadow:0 18px 42px rgba(0,0,0,.20)!important;
}
html[data-theme="dark"] .dashboard-hero h2,
html[data-theme="dark"] .panel-head h3,
html[data-theme="dark"] .project-card h3,
html[data-theme="dark"] .stat-card strong,
html[data-theme="dark"] .wallet-balance strong,
html[data-theme="dark"] .data-table strong,
html[data-theme="dark"] .candidate h4{
  color:#F5FAFE!important;
}
html[data-theme="dark"] .dashboard-hero p,
html[data-theme="dark"] .project-card p,
html[data-theme="dark"] .project-row p,
html[data-theme="dark"] .quality-meta,
html[data-theme="dark"] .cert-card p,
html[data-theme="dark"] .candidate p,
html[data-theme="dark"] .meta-box span{
  color:#A9BDCC!important;
}
html[data-theme="dark"] .stat-icon{
  background:linear-gradient(145deg,#203B5A,#1D3C30)!important;
  border-color:#365875!important;
}
html[data-theme="dark"] .stat-icon svg{stroke:#86AFFF!important}
html[data-theme="dark"] .delta,
html[data-theme="dark"] .badge-success{
  background:#193729!important;
  color:#95F0AE!important;
}
html[data-theme="dark"] .project-badge{
  background:#203755!important;
  color:#B8D0FF!important;
}
html[data-theme="dark"] .project-row{border-color:#29455E!important}
html[data-theme="dark"] .panel-head a{color:#8AB2FF!important}
html[data-theme="dark"] .progress{background:#263D52!important}
html[data-theme="dark"] .progress span{background:linear-gradient(90deg,#5B88FF,#54DF77)!important}

html[data-theme="dark"] .quality-ring{
  background:conic-gradient(#5B88FF 0 96%,#2A4156 96%)!important;
}
html[data-theme="dark"] .quality-inner{
  background:#17283A!important;
  color:#F5FAFE!important;
  box-shadow:inset 0 0 0 1px #2D4B65!important;
}
html[data-theme="dark"] .quality-inner strong{color:#F5FAFE!important}
html[data-theme="dark"] .quality-inner span{color:#9FB4C4!important}

html[data-theme="dark"] .badge-neutral{
  background:#203755!important;
  color:#C0D5FF!important;
}
html[data-theme="dark"] .badge-warning{background:#3B321C!important;color:#FFE18A!important}
html[data-theme="dark"] .badge-danger{background:#3B222A!important;color:#FFB4BF!important}

html[data-theme="dark"] .data-table th{
  background:#142536!important;
  color:#B2C7D5!important;
  border-bottom-color:#2A465E!important;
}
html[data-theme="dark"] .data-table td{
  color:#D2E0E9!important;
  border-bottom-color:#29445B!important;
}
html[data-theme="dark"] .filter-pill{
  background:#17283A!important;
  border-color:#35526B!important;
  color:#B8CBD8!important;
}
html[data-theme="dark"] .filter-pill.active,
html[data-theme="dark"] .filter-pill:hover{
  background:#203755!important;
  border-color:#4B6F9E!important;
  color:#D9E7FF!important;
}
html[data-theme="dark"] .client-icon,
html[data-theme="dark"] .cert-icon{
  background:linear-gradient(145deg,#203B5A,#1B3B29)!important;
  color:#B9D2FF!important;
  border-color:#365875!important;
}
html[data-theme="dark"] .meta-box,
html[data-theme="dark"] .guideline,
html[data-theme="dark"] .qa-note{
  background:#142536!important;
  border-color:#2C4861!important;
  color:#B3C7D5!important;
}
html[data-theme="dark"] .choice-btn{
  background:#17283A!important;
  border-color:#35526B!important;
  color:#C3D3DE!important;
}
html[data-theme="dark"] .choice-btn:hover,
html[data-theme="dark"] .choice-btn.selected{
  background:#203755!important;
  border-color:#5278A8!important;
  color:#E6EFFF!important;
  box-shadow:0 0 0 2px rgba(91,136,255,.10)!important;
}
html[data-theme="dark"] .wallet-balance{
  background:linear-gradient(135deg,#1C3854,#1B3B2A)!important;
  border-color:#355772!important;
}
html[data-theme="dark"] .wallet-balance span{color:#A9BFCE!important}

/* Same coherence for admin forms and auth controls */
.app-shell .input,.app-shell .select,.app-shell .textarea{
  background:#FFFFFF!important;
  color:#17344A!important;
  border-color:#D0DFE7!important;
}
html[data-theme="dark"] .app-shell .input,
html[data-theme="dark"] .app-shell .select,
html[data-theme="dark"] .app-shell .textarea{
  background:#142536!important;
  color:#F0F7FB!important;
  border-color:#35536C!important;
}
.app-shell .field label{color:#5C7486!important}
html[data-theme="dark"] .app-shell .field label{color:#B7CAD7!important}


/* Clean vector logo fix for dark mode */
.brand-logo{background:transparent !important; box-shadow:none !important; border:0 !important;}
.brand-logo-set{background:transparent !important;}
html[data-theme="dark"] .brand-logo-dark{filter:none !important;}


/* 2026 ribbon-W logo integration */
.public-nav .brand-logo-full{width:min(190px,38vw)!important}
.sidebar .brand-logo-full{width:168px!important}
.auth-visual .brand-logo-full{width:188px!important}
.auth-card .brand-logo-full{width:176px!important}
.footer-brand .brand-logo-full{width:180px!important}
.brand-logo-compact{width:62px!important}
.brand-logo{display:block;background:transparent!important;border:0!important;box-shadow:none!important}
.brand-logo-set{display:inline-flex;align-items:center;justify-content:flex-start;background:transparent!important}
html[data-theme="dark"] .brand-logo-dark{filter:none!important}
@media(max-width:760px){.public-nav .brand-logo-full{width:156px!important}.auth-visual .brand-logo-full,.auth-card .brand-logo-full{width:156px!important}.sidebar .brand-logo-full{width:154px!important}}


/* Definitive logo visibility fix: exactly one theme asset is shown. */
.brand-logo-light{display:block!important;}
.brand-logo-dark{display:none!important;}
html[data-theme="dark"] .brand-logo-light{display:none!important;}
html[data-theme="dark"] .brand-logo-dark{display:block!important;}
.brand-logo-set{overflow:visible!important;white-space:nowrap!important;}
.public-nav .brand{flex:0 0 auto!important;}


/* =========================================================
   Exact user-provided WeMod logo — definitive integration
   ========================================================= */
.brand-logo-set{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;overflow:visible!important;line-height:0!important}
.brand-logo{height:auto!important;max-width:100%!important;background:transparent!important;border:0!important;box-shadow:none!important;object-fit:contain!important}
.brand-logo-light{display:block!important}
.brand-logo-dark{display:none!important}
html[data-theme="dark"] .brand-logo-light{display:none!important}
html[data-theme="dark"] .brand-logo-dark{display:block!important}
.public-nav .brand-logo-full{width:188px!important}
.sidebar .brand-logo-full{width:176px!important}
.auth-visual .brand-logo-full{width:210px!important}
.auth-card .brand-logo-full{width:190px!important}
.footer-brand .brand-logo-full{width:204px!important}
.brand-logo-compact{width:64px!important}
.nav-inner{min-height:104px!important;height:104px!important}
.sidebar-top{height:108px!important;min-height:108px!important;padding:5px 20px!important;justify-content:center!important}
.public-nav .brand{padding:2px 0!important}
.sidebar-top .brand{padding:0!important}
html[data-theme="dark"] .brand-logo-dark{filter:none!important;opacity:1!important}
@media(max-width:850px){.nav-inner{height:88px!important;min-height:88px!important}.public-nav .brand-logo-full{width:154px!important}.sidebar .brand-logo-full{width:160px!important}}


/* Definitive user-approved logo */
.brand-logo-light{display:block!important}
.brand-logo-dark{display:none!important}
html[data-theme="dark"] .brand-logo-light{display:none!important}
html[data-theme="dark"] .brand-logo-dark{display:block!important}
.brand-logo{width:100%;height:auto;object-fit:contain;background:transparent!important;border:0!important;box-shadow:none!important}
.public-nav .brand-logo-full{width:230px!important;max-width:32vw!important}
.sidebar .brand-logo-full{width:190px!important;max-width:100%!important}
.auth-card .brand-logo-full{width:210px!important}
.auth-visual .brand-logo-full{width:230px!important}
.footer-brand .brand-logo-full{width:220px!important}
.brand-logo-compact{width:64px!important}
.sidebar-top{min-height:96px!important;height:auto!important;padding:10px 16px!important}
.sidebar-top .brand{width:100%;justify-content:center!important}
@media(max-width:760px){.public-nav .brand-logo-full{width:180px!important;max-width:55vw!important}.sidebar .brand-logo-full{width:172px!important}}


/* Final exact transparent PNG logo fix */
.brand-logo-set{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;line-height:0!important;background:transparent!important}
.brand-logo{display:block!important;max-width:100%!important;height:auto!important;object-fit:contain!important;background:transparent!important;border:0!important;box-shadow:none!important}
.brand-logo-light{display:block!important}
.brand-logo-dark{display:none!important}
html[data-theme="dark"] .brand-logo-light{display:none!important}
html[data-theme="dark"] .brand-logo-dark{display:block!important}
.public-nav .brand-logo-full{width:240px!important;max-width:36vw!important}
.sidebar .brand-logo-full{width:190px!important;max-width:100%!important}
.auth-card .brand-logo-full{width:210px!important}
.auth-visual .brand-logo-full{width:230px!important}
.footer-brand .brand-logo-full{width:210px!important}
.brand-logo-compact{width:72px!important}
.sidebar-top{padding:16px 14px 18px!important}
.sidebar-top .brand{display:flex!important;justify-content:center!important;width:100%!important}
.public-nav .brand{display:flex!important;align-items:center!important}
@media(max-width:760px){.public-nav .brand-logo-full{width:180px!important;max-width:58vw!important}.sidebar .brand-logo-full{width:172px!important}}


/* Public header height fix for exact transparent PNG logo */
.public-nav{overflow:visible!important}
.nav-inner{height:156px!important;min-height:156px!important;align-items:center!important}
.public-nav .brand{height:100%!important;display:flex!important;align-items:center!important;padding:0!important}
.public-nav .brand-logo-set{display:flex!important;align-items:center!important;justify-content:flex-start!important;height:100%!important}
.public-nav .brand-logo-full{width:230px!important;max-width:34vw!important}
.public-nav .brand-logo{max-height:136px!important;width:auto!important;object-fit:contain!important}
@media(max-width:850px){.nav-inner{height:124px!important;min-height:124px!important}.public-nav .brand-logo-full{width:190px!important;max-width:52vw!important}.public-nav .brand-logo{max-height:108px!important}}
@media(max-width:620px){.nav-inner{height:106px!important;min-height:106px!important}.public-nav .brand-logo-full{width:166px!important;max-width:58vw!important}.public-nav .brand-logo{max-height:94px!important}}


/* Exact original dark PNG: preserve native aspect ratio, no stretching */
.public-nav .brand-logo-light,
.public-nav .brand-logo-dark{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
.sidebar .brand-logo-light,
.sidebar .brand-logo-dark,
.auth-card .brand-logo-light,
.auth-card .brand-logo-dark,
.auth-visual .brand-logo-light,
.auth-visual .brand-logo-dark,
.footer-brand .brand-logo-light,
.footer-brand .brand-logo-dark{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
.public-nav .brand-logo-full{width:230px!important;max-width:34vw!important}
.sidebar .brand-logo-full{width:190px!important}
.auth-card .brand-logo-full{width:210px!important}
.auth-visual .brand-logo-full{width:230px!important}
.footer-brand .brand-logo-full{width:210px!important}
.nav-inner{height:190px!important;min-height:190px!important}
@media(max-width:850px){.nav-inner{height:160px!important;min-height:160px!important}.public-nav .brand-logo-full{width:195px!important;max-width:52vw!important}}
@media(max-width:620px){.nav-inner{height:140px!important;min-height:140px!important}.public-nav .brand-logo-full{width:170px!important;max-width:58vw!important}}


/* =========================================================
   FINAL DARK BUTTON OVERRIDE — exactly match light gradient
   ========================================================= */
html[data-theme="dark"] body .btn.btn-primary,
html[data-theme="dark"] body a.btn.btn-primary,
html[data-theme="dark"] body button.btn.btn-primary,
html[data-theme="dark"] body input.btn.btn-primary {
  background-color: transparent !important;
  background-image: linear-gradient(135deg, #0F56D8 0%, #10B545 100%) !important;
  color: #FFFFFF !important;
  border-color: transparent !important;
  box-shadow: 0 12px 30px rgba(15,86,216,.22), 0 6px 18px rgba(16,181,69,.14) !important;
}
html[data-theme="dark"] body .btn.btn-primary:hover,
html[data-theme="dark"] body a.btn.btn-primary:hover,
html[data-theme="dark"] body button.btn.btn-primary:hover,
html[data-theme="dark"] body input.btn.btn-primary:hover {
  background-color: transparent !important;
  background-image: linear-gradient(135deg, #145FE5 0%, #14C24E 100%) !important;
  color: #FFFFFF !important;
  border-color: transparent !important;
  box-shadow: 0 16px 34px rgba(15,86,216,.28), 0 8px 22px rgba(16,181,69,.18) !important;
}
html[data-theme="dark"] body .btn.btn-primary:active {
  background-image: linear-gradient(135deg, #0D4CC4 0%, #0F9F3C 100%) !important;
}

/* Remove stray left edge from dark primary buttons */
html[data-theme="dark"] body .btn.btn-primary,
html[data-theme="dark"] body a.btn.btn-primary,
html[data-theme="dark"] body button.btn.btn-primary,
html[data-theme="dark"] body input.btn.btn-primary {
  border: 0 !important;
  outline: 0 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background-clip: border-box !important;
  background-origin: border-box !important;
  overflow: hidden !important;
  box-shadow: 0 12px 30px rgba(15,86,216,.20), 0 6px 18px rgba(16,181,69,.12) !important;
}
html[data-theme="dark"] body .btn.btn-primary::before,
html[data-theme="dark"] body .btn.btn-primary::after {
  content: none !important;
  display: none !important;
}
html[data-theme="dark"] body .btn.btn-primary:focus,
html[data-theme="dark"] body .btn.btn-primary:focus-visible {
  border: 0 !important;
  outline: 0 !important;
}

/* =========================================================
   Language selector + wallet alignment + currency UI
   ========================================================= */
.language-switch{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px;
  border:1px solid var(--line2);
  border-radius:999px;
  background:rgba(255,255,255,.9);
  box-shadow:0 8px 22px rgba(32,68,91,.06);
  flex:0 0 auto;
}
.language-switch>a{
  min-width:34px;
  height:30px;
  padding:0 8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  color:#617b8c;
  transition:.18s ease;
}
.language-switch>a:hover{color:#123f66;background:#f0f6f9}
.language-switch>a.active{
  color:#07343a;
  background:linear-gradient(135deg,#5ce1e6,#63e6be);
  box-shadow:0 4px 12px rgba(56,205,194,.18);
}
.language-switch>span{display:none}
.language-switch-compact{padding:4px}
.language-switch-compact>a{min-width:30px;height:28px;padding:0 7px}
.auth-card>.language-switch{margin:0 0 18px auto;width:max-content;display:flex}
.topbar-actions>.language-switch{margin-right:2px}
.nav-links>.language-switch{margin-left:-8px}

html[data-theme="dark"] .language-switch{
  background:#13283c;
  border-color:#35536e;
  box-shadow:none;
}
html[data-theme="dark"] .language-switch>a{color:#bcd0dd}
html[data-theme="dark"] .language-switch>a:hover{color:#f7fbff;background:#1a334b}
html[data-theme="dark"] .language-switch>a.active{
  color:#082f35;
  background:linear-gradient(135deg,#5ce1e6,#63e6be);
}

.wallet-balance{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:32px!important;
  min-height:152px!important;
  padding:30px 34px!important;
}
.wallet-balance-main{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
}
.wallet-balance-label{
  display:block;
  margin:0 0 8px!important;
  color:var(--muted)!important;
  font-size:12px!important;
  font-weight:650;
  letter-spacing:.01em;
}
.wallet-balance-amount{
  display:block;
  margin:0!important;
  color:var(--text)!important;
  font-family:Manrope,Inter,sans-serif;
  font-size:38px!important;
  line-height:1.05!important;
  letter-spacing:-.035em;
}
.wallet-balance-paid{
  display:flex;
  align-items:baseline;
  gap:7px;
  margin-top:13px;
  font-size:13px;
  color:var(--muted);
}
.wallet-balance-paid strong{
  color:var(--text)!important;
  font-size:13px!important;
  line-height:1!important;
  letter-spacing:0!important;
}
.wallet-settings-btn{flex:0 0 auto;align-self:center}

html[data-theme="dark"] .wallet-balance-label,
html[data-theme="dark"] .wallet-balance-paid{color:#a9bdcb!important}
html[data-theme="dark"] .wallet-balance-amount,
html[data-theme="dark"] .wallet-balance-paid strong{color:#f7fbff!important}

/* Keep all dark primary CTAs identical to the light blue → green gradient. */
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] a.btn-primary,
html[data-theme="dark"] button.btn-primary,
html[data-theme="dark"] input.btn-primary{
  background:linear-gradient(135deg,#0F56D8 0%,#10B545 100%)!important;
  color:#fff!important;
  border:0!important;
  outline:0!important;
  box-shadow:0 12px 28px rgba(15,86,216,.18),0 8px 22px rgba(16,181,69,.10)!important;
}
html[data-theme="dark"] .btn-primary:hover,
html[data-theme="dark"] a.btn-primary:hover,
html[data-theme="dark"] button.btn-primary:hover,
html[data-theme="dark"] input.btn-primary:hover{
  background:linear-gradient(135deg,#0F56D8 0%,#10B545 100%)!important;
  border:0!important;
  box-shadow:0 16px 34px rgba(15,86,216,.22),0 10px 26px rgba(16,181,69,.13)!important;
}

@media(max-width:1020px){
  .nav-links>.language-switch{margin:8px 0 0;width:100%;justify-content:center}
}
@media(max-width:620px){
  .wallet-balance{display:block!important;padding:25px 22px!important}
  .wallet-settings-btn{margin-top:22px;width:100%}
  .wallet-balance-amount{font-size:34px!important}
  .topbar-actions>.language-switch a{min-width:27px;padding:0 5px}
}

/* Production operations refinements */
.filters-panel{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(120px,1fr)) auto auto;gap:12px;align-items:end}
.filters-panel .field{margin:0}
.sidebar-bottom form{margin:0}
.sidebar-bottom button.side-link{font-family:inherit;background:transparent;cursor:pointer}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}
@media(max-width:1100px){.filters-panel{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.filters-panel{grid-template-columns:1fr}}


/* Homepage section CTA */
.section-cta-center{display:flex;justify-content:center;align-items:center;margin-top:32px}
.section-cta-center .btn{min-width:240px;justify-content:center}

/* Enterprise inquiry modal */
body.modal-open{overflow:hidden}
.enterprise-modal[hidden]{display:none!important}
.enterprise-modal{position:fixed;z-index:300;inset:0;display:grid;place-items:center;padding:24px;opacity:0;transition:opacity .18s ease}
.enterprise-modal.open{opacity:1}
.enterprise-modal-backdrop{position:absolute;inset:0;background:rgba(8,24,38,.54);backdrop-filter:blur(10px)}
.enterprise-modal-dialog{position:relative;z-index:1;width:min(760px,100%);max-height:min(88vh,820px);overflow:auto;background:#fff;border:1px solid #d7e5ec;border-radius:26px;box-shadow:0 30px 90px rgba(20,48,68,.22);padding:34px;transform:translateY(12px) scale(.985);transition:transform .18s ease}
.enterprise-modal.open .enterprise-modal-dialog{transform:translateY(0) scale(1)}
.enterprise-modal-close{position:absolute;right:20px;top:18px;width:38px;height:38px;border:1px solid #d7e5ec;border-radius:12px;background:#f7fafc;color:#173145;font-size:24px;line-height:1;display:grid;place-items:center}
.enterprise-modal-close:hover{background:#edf5f8}
.enterprise-modal-head{padding-right:48px;margin-bottom:26px}
.enterprise-modal-head h2{font-size:34px;margin:7px 0 10px}
.enterprise-modal-head p{margin:0;color:#637d90;line-height:1.65;max-width:620px}
.enterprise-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.enterprise-field-wide{grid-column:1/-1}
.enterprise-contact-form .field>span{display:block;font-size:12px;font-weight:800;color:#405f73;margin-bottom:8px}
.enterprise-contact-form .input,.enterprise-contact-form .select,.enterprise-contact-form .textarea{background:#f9fbfd;border-color:#cbdde6;color:#102d42}
.enterprise-contact-form .textarea{min-height:138px}
.enterprise-contact-form .input:focus,.enterprise-contact-form .select:focus,.enterprise-contact-form .textarea:focus{border-color:#4ddfd0;box-shadow:0 0 0 3px rgba(77,223,208,.14)}
.enterprise-consent{display:flex;align-items:flex-start;gap:10px;margin:18px 0;color:#5e788a;font-size:12px;line-height:1.5}
.enterprise-consent input{margin-top:3px;accent-color:#22cdbd}
.enterprise-form-actions{display:flex;justify-content:flex-end;margin-top:18px}
.enterprise-form-actions .btn{min-width:180px}
.enterprise-form-status{min-height:0;border-radius:12px;font-size:13px;line-height:1.45;margin-top:12px}
.enterprise-form-status.success,.enterprise-form-status.error{padding:12px 14px;border:1px solid}
.enterprise-form-status.success{background:#edfbf4;border-color:#bfead1;color:#18774a}
.enterprise-form-status.error{background:#fff2f4;border-color:#efcbd2;color:#a43f54}
.enterprise-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
html[data-theme="dark"] .enterprise-modal-backdrop{background:rgba(2,10,18,.70)}
html[data-theme="dark"] .enterprise-modal-dialog{background:#112235;border-color:#29465f;box-shadow:0 34px 100px rgba(0,0,0,.48)}
html[data-theme="dark"] .enterprise-modal-close{background:#152a40;border-color:#31516c;color:#e7f2f8}
html[data-theme="dark"] .enterprise-modal-close:hover{background:#193249}
html[data-theme="dark"] .enterprise-modal-head p{color:#b8ccd9}
html[data-theme="dark"] .enterprise-contact-form .field>span{color:#c7d8e3}
html[data-theme="dark"] .enterprise-contact-form .input,html[data-theme="dark"] .enterprise-contact-form .select,html[data-theme="dark"] .enterprise-contact-form .textarea{background:#0c1d2d;border-color:#2a4b65;color:#eff8fb}
html[data-theme="dark"] .enterprise-consent{color:#b5c8d5}
html[data-theme="dark"] .enterprise-form-status.success{background:#102e25;border-color:#245a46;color:#9ce7c1}
html[data-theme="dark"] .enterprise-form-status.error{background:#321923;border-color:#663445;color:#ffc0cb}
@media(max-width:700px){.enterprise-modal{padding:12px}.enterprise-modal-dialog{padding:26px 20px;border-radius:20px;max-height:92vh}.enterprise-form-grid{grid-template-columns:1fr}.enterprise-field-wide{grid-column:auto}.enterprise-modal-head h2{font-size:28px}.enterprise-form-actions .btn{width:100%}.section-cta-center{margin-top:24px}.section-cta-center .btn{width:100%;max-width:340px}}


/* =========================================================
   Public header + anchor correction — 2026-10-24
   Reapplies the compact homepage header after Enterprise UI updates
   and keeps anchored section headings fully visible.
   ========================================================= */
.public-nav .nav-inner{
  height:154px!important;
  min-height:154px!important;
  align-items:center!important;
}
.public-nav .brand{
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  padding:0!important;
}
.public-nav .brand-logo-set{
  height:auto!important;
  display:flex!important;
  align-items:center!important;
}
.public-nav .brand-logo-full{
  width:230px!important;
  max-width:34vw!important;
}
.public-nav .brand-logo-light,
.public-nav .brand-logo-dark{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
}

html{scroll-padding-top:174px!important}
#about,#services,#join,#enterprise{scroll-margin-top:174px!important}

@media(max-width:850px){
  .public-nav .nav-inner{height:132px!important;min-height:132px!important}
  .public-nav .brand-logo-full{width:185px!important;max-width:52vw!important}
  html{scroll-padding-top:148px!important}
  #about,#services,#join,#enterprise{scroll-margin-top:148px!important}
}

@media(max-width:620px){
  .public-nav .nav-inner{height:116px!important;min-height:116px!important}
  .public-nav .brand-logo-full{width:160px!important;max-width:58vw!important}
  html{scroll-padding-top:132px!important}
  #about,#services,#join,#enterprise{scroll-margin-top:132px!important}
}


/* =========================================================
   Enterprise modal clean trigger — language independent
   ========================================================= */
.enterprise:after{pointer-events:none!important}
.enterprise>.btn,.enterprise-contact-launch{position:relative!important;z-index:3!important}
.enterprise-modal{display:none!important;opacity:0!important;pointer-events:none!important}
.enterprise-modal:target{display:grid!important;opacity:1!important;pointer-events:auto!important}
.enterprise-modal:target .enterprise-modal-dialog{transform:translateY(0) scale(1)!important}


/* =========================================================
   Footer contact link + generic contact popup
   ========================================================= */
.footer-bottom-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap}
.footer-contact-link{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 13px;border:1px solid #24506a;border-radius:999px;background:rgba(91,222,218,.06);color:#73e3db!important;font-size:12px;font-weight:800;letter-spacing:.01em;transition:.2s ease}
.footer-contact-link:hover{background:rgba(91,222,218,.12);border-color:#3b718b;transform:translateY(-1px)}
.footer-contact-link:after{content:'→';margin-left:7px;font-size:13px}
#contact-info-modal:target{display:grid!important;opacity:1!important;pointer-events:auto!important}
#contact-info-modal:target .enterprise-modal-dialog{transform:translateY(0) scale(1)!important}
@media(max-width:620px){.footer-bottom{align-items:flex-start;gap:14px}.footer-bottom-actions{justify-content:flex-start;gap:12px}.footer-contact-link{min-height:36px}}


/* Footer contact CTA repositioned beside logo */
.footer-brand-top{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:12px}
.footer-brand-top .brand{margin-bottom:0!important;flex:0 1 auto}
.footer-brand-top .footer-contact-primary{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:32px;padding:7px 14px;border:0;border-radius:10px;
  background:linear-gradient(90deg,#0f56d8 0%,#10b545 100%);
  color:#fff!important;font-size:11.5px;font-weight:800;letter-spacing:.01em;
  box-shadow:0 10px 24px rgba(15,86,216,.16);transition:.2s ease;white-space:nowrap
}
.footer-brand-top .footer-contact-primary:after{content:'→';margin-left:7px;font-size:12px}
.footer-brand-top .footer-contact-primary:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 12px 28px rgba(15,86,216,.2)}
html[data-theme="dark"] .footer-brand-top .footer-contact-primary{background:linear-gradient(90deg,#0f56d8 0%,#10b545 100%);color:#fff!important}
@media(max-width:620px){
  .footer-brand-top{align-items:flex-start;gap:14px}
  .footer-brand-top .footer-contact-primary{min-height:34px;padding:8px 14px}
}


/* =========================================================
   Compact footer for authenticated dashboard/admin pages
   ========================================================= */
.app-main{display:flex!important;flex-direction:column!important;min-height:100vh!important}
.app-content{width:100%;flex:1 0 auto!important}
.app-footer{flex:0 0 auto;margin-top:auto;border-top:1px solid #cfdde5;background:#eef4f7;color:#123047;padding:20px 34px 14px}
.app-footer-main{max-width:1410px;width:100%;margin:0 auto;display:grid;grid-template-columns:minmax(320px,1.55fr) repeat(3,minmax(150px,.72fr));gap:30px;align-items:start}
.app-footer-brand-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.app-footer-brand .brand-logo-full{width:150px!important;max-width:100%!important}
.app-footer-brand p{margin:10px 0 0;max-width:390px;color:#5d7789;font-size:11px;line-height:1.55}
.app-footer-contact{min-height:32px!important;padding:7px 13px!important;font-size:11px!important;white-space:nowrap}
.app-footer-col h4{margin:2px 0 8px;color:#102f44;font-size:11px;font-weight:800}
.app-footer-col a{display:block;margin:5px 0;color:#7893a6;font-size:10.5px;line-height:1.35}
.app-footer-col a:hover{color:#087f94}
.app-footer-bottom{max-width:1410px;width:100%;margin:15px auto 0;padding-top:11px;border-top:1px solid #c8d9e2;display:flex;justify-content:space-between;gap:20px;color:#7790a2;font-size:9.5px}
html[data-theme="dark"] .app-footer{background:#071420;border-top-color:#18354d;color:#edf7fb}
html[data-theme="dark"] .app-footer-brand p{color:#8fa9ba}
html[data-theme="dark"] .app-footer-col h4{color:#eef7fb}
html[data-theme="dark"] .app-footer-col a{color:#8fa9ba}
html[data-theme="dark"] .app-footer-col a:hover{color:#71e2d8}
html[data-theme="dark"] .app-footer-bottom{border-top-color:#18354d;color:#7895a8}
@media(max-width:1050px){.app-footer-main{grid-template-columns:1.4fr repeat(3,1fr);gap:20px}.app-footer-brand .brand-logo-full{width:138px!important}}
@media(max-width:850px){.app-footer{padding:20px 22px 14px}.app-footer-main{grid-template-columns:1fr 1fr}.app-footer-brand{grid-column:1/-1}.app-footer-bottom{display:block}.app-footer-bottom span{display:block;margin-top:4px}}
@media(max-width:560px){.app-footer-main{grid-template-columns:1fr}.app-footer-brand{grid-column:auto}.app-footer-brand-row{align-items:center}.app-footer-brand .brand-logo-full{width:145px!important}.app-footer-bottom{margin-top:12px}}


/* Dashboard footer light-mode contact CTA refinement */
html:not([data-theme="dark"]) .app-footer .app-footer-contact{
  background:linear-gradient(90deg,#155fc7 0%,#0a9f83 100%);
  border-color:transparent;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(21,95,199,.18);
}
html:not([data-theme="dark"]) .app-footer .app-footer-contact:hover{
  background:linear-gradient(90deg,#1153b2 0%,#078b73 100%);
  border-color:transparent;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(21,95,199,.24);
}


/* =========================================================
   Dashboard bottom alignment — footer matches sidebar sign-out block
   ========================================================= */
@media (min-width:851px){
  :root{--dashboard-bottom-bar-height:137px}

  .sidebar-bottom{
    height:var(--dashboard-bottom-bar-height)!important;
    min-height:var(--dashboard-bottom-bar-height)!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }

  .app-footer{
    height:var(--dashboard-bottom-bar-height)!important;
    min-height:var(--dashboard-bottom-bar-height)!important;
    max-height:var(--dashboard-bottom-bar-height)!important;
    box-sizing:border-box!important;
    padding:9px 34px 7px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    overflow:hidden!important;
  }

  .app-footer-main{
    flex:1 1 auto!important;
    min-height:0!important;
    align-items:center!important;
    gap:24px!important;
  }

  .app-footer-brand-row{gap:14px!important;flex-wrap:nowrap!important}
  .app-footer-brand .brand-logo-full{width:118px!important}
  .app-footer-contact{min-height:29px!important;padding:6px 11px!important;font-size:10px!important}

  .app-footer-col h4{margin:0 0 4px!important;font-size:10px!important;line-height:1.15!important}
  .app-footer-col a{margin:2px 0!important;font-size:9.5px!important;line-height:1.25!important}

  .app-footer-bottom{
    flex:0 0 auto!important;
    margin:5px auto 0!important;
    padding-top:5px!important;
    font-size:9px!important;
    line-height:1.15!important;
  }
}


/* Theme selector height only — match IT/EN selector */
.theme-switch{
  padding-top:3px!important;
  padding-bottom:3px!important;
}
.theme-switch-compact{
  padding-top:3px!important;
  padding-bottom:3px!important;
}
\n\n/* =========================================================\n   Homepage-only compact public footer\n   Removes unused vertical space without affecting app footer.\n   ========================================================= */\n.public-footer.public-footer-home{padding:28px 0 14px!important}\n.public-footer-home .footer-grid{gap:34px!important;align-items:start}\n.public-footer-home .footer-brand-top{margin-bottom:0!important}\n.public-footer-home .footer-col h4{margin-bottom:11px!important}\n.public-footer-home .footer-col a{margin:8px 0!important}\n.public-footer-home .footer-bottom{margin-top:20px!important;padding-top:13px!important}\n@media(max-width:850px){\n  .public-footer.public-footer-home{padding:24px 0 14px!important}\n  .public-footer-home .footer-grid{gap:24px!important}\n  .public-footer-home .footer-bottom{margin-top:18px!important}\n}\n@media(max-width:620px){\n  .public-footer.public-footer-home{padding:22px 0 13px!important}\n  .public-footer-home .footer-grid{gap:20px!important}\n}\n