:root{--navy:#102a43;--ink:#334e68;--muted:#64748b;--blue:#2563eb;--gold:#c99a2e;--green:#16805d;--amber:#b7791f;--red:#c2413b;--line:rgba(148,163,184,.28);--glass:rgba(255,255,255,.72);--glass-strong:rgba(255,255,255,.82);--shadow:0 22px 55px rgba(71,85,105,.12),0 6px 18px rgba(37,99,235,.06);font-family:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink)}*{box-sizing:border-box}html{background:#f8fafc}body{margin:0;min-height:100vh;display:flex;flex-direction:column;color:var(--ink);background:#f8fafc;position:relative}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 83% 8%,rgba(96,165,250,.22),transparent 30%),radial-gradient(circle at 12% 82%,rgba(191,219,254,.28),transparent 33%),linear-gradient(135deg,#fff 0%,#f5f9ff 43%,#eaf3ff 100%)}body:after{content:"";position:fixed;inset:0;z-index:-1;opacity:.42;background-image:linear-gradient(rgba(37,99,235,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.055) 1px,transparent 1px),linear-gradient(30deg,transparent 49.7%,rgba(201,154,46,.045) 50%,transparent 50.3%);background-size:44px 44px,44px 44px,180px 180px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 86%)}button,input,select,textarea{font:inherit}a{color:inherit;transition:.18s ease}h1,h2,h3,h4,strong{color:var(--navy)}p{line-height:1.6}.app-frame{width:100%;min-height:100vh;display:grid;grid-template-columns:264px minmax(0,1fr);gap:20px;padding:16px}.app-content{min-width:0;display:flex;min-height:calc(100vh - 32px);flex-direction:column}.sidebar,.topbar,.panel,.metric-card,.login-card,.filters,.table-wrap,.empty-panel,.notification-dropdown,.boq-card,.error-page{background:#fff;background:var(--glass);border:1px solid rgba(255,255,255,.82);outline:1px solid rgba(148,163,184,.2);box-shadow:var(--shadow);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);position:relative}.sidebar:after,.topbar:after,.panel:after,.metric-card:after,.login-card:after{content:"";position:absolute;pointer-events:none;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.92)}.sidebar{position:sticky;top:16px;height:calc(100vh - 32px);padding:23px 18px 17px;border-radius:20px;display:flex;flex-direction:column;z-index:20;overflow:hidden}.sidebar:before{content:"";position:absolute;left:0;top:26px;bottom:26px;width:2px;background:linear-gradient(transparent,var(--gold) 18%,var(--gold) 82%,transparent);opacity:.8}.sidebar-brand{display:flex;justify-content:center;align-items:center;min-height:85px;padding:4px;text-decoration:none}.sidebar-brand img{width:184px;height:78px;object-fit:contain}.gold-rule{height:2px;width:56px;margin:10px auto 22px;border-radius:99px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.workspace-label,.panel-kicker{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.workspace-label{margin:0 12px 10px}.sidebar-nav{display:grid;gap:5px}.sidebar-nav a{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid transparent;border-radius:11px;color:#486581;text-decoration:none;font-size:13px;font-weight:700}.nav-dot{width:6px;height:6px;border:1.5px solid #9fb3c8;border-radius:50%}.sidebar-nav a:hover{color:var(--blue);background:rgba(239,246,255,.7);border-color:rgba(191,219,254,.65)}.sidebar-nav a.active{color:var(--blue);background:rgba(239,246,255,.9);border-color:rgba(191,219,254,.75);box-shadow:0 7px 18px rgba(37,99,235,.08)}.sidebar-nav a.active:before{content:"";position:absolute;left:0;width:3px;height:25px;border-radius:0 4px 4px 0;background:var(--blue)}.sidebar-nav a.active .nav-dot{border-color:var(--blue);background:var(--blue)}.sidebar-user{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(203,213,225,.66);border-radius:13px;background:rgba(255,255,255,.54)}.sidebar-user strong,.sidebar-user small{display:block}.sidebar-user strong{font-size:12px}.sidebar-user small{margin-top:2px;color:var(--muted);font-size:10px}.avatar{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;color:#fff;background:linear-gradient(145deg,var(--navy),#294f73);border:1px solid rgba(201,154,46,.55);font-size:11px;font-weight:800;box-shadow:0 7px 16px rgba(16,42,67,.17)}.sidebar-logout{margin-top:9px}.sidebar-logout .button{width:100%}.topbar{height:78px;position:sticky;top:16px;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px;border-radius:18px}.header-welcome{display:flex;flex-direction:column;gap:4px}.topbar-kicker{color:var(--navy);font-size:16px;font-weight:800}.header-welcome strong{color:var(--muted);font-size:12px;font-weight:600}.header-tools,.user-area,.actions,.quick-actions{display:flex;align-items:center;gap:10px}.header-search{width:min(300px,30vw);height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid rgba(148,163,184,.36);border-radius:12px;background:rgba(255,255,255,.66)}.header-search svg,.notifications-menu svg,.metric-icon svg,.empty-icon svg,.list-icon svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.header-search svg{width:17px;color:var(--muted)}.header-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.header-avatar{width:42px;height:42px}.notifications-menu{position:relative}.notifications-menu summary{width:42px;height:42px;display:grid;place-items:center;cursor:pointer;list-style:none;border:1px solid rgba(148,163,184,.36);border-radius:12px;background:rgba(255,255,255,.66)}.notifications-menu summary svg{width:19px;color:var(--navy)}.notifications-menu summary b{position:absolute;right:-6px;top:-6px;min-width:18px;padding:2px 5px;border-radius:99px;background:var(--red);color:#fff;font-size:9px;text-align:center}.notification-dropdown{position:absolute;right:0;top:51px;width:min(370px,calc(100vw - 30px));padding:9px;border-radius:16px;z-index:30}.notification-dropdown-title{padding:10px;color:var(--navy);font-weight:800}.notification-dropdown>a{display:block;padding:10px;border-radius:9px;text-decoration:none;font-size:12px}.notification-dropdown>a.unread{background:#eff6ff;border-left:3px solid var(--blue)}.notification-dropdown small{display:block;color:var(--muted);margin-top:4px}.notification-dropdown .view-all{text-align:center;color:var(--blue);font-weight:800}.dropdown-empty{padding:10px;color:var(--muted);font-size:12px}.page-shell{width:min(1360px,calc(100% - 18px));margin:0 auto;flex:1;padding:32px 0 52px}.dashboard-intro,.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.dashboard-intro h1,.page-heading h1{margin:0 0 7px;color:var(--navy);font-size:clamp(28px,3.2vw,40px);letter-spacing:-.035em}.dashboard-intro p,.page-heading p{margin:0;color:var(--muted)}.eyebrow{margin:0 0 7px!important;color:var(--blue)!important;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.quick-actions{align-items:flex-end;flex-wrap:wrap;justify-content:flex-end}.quick-actions>span{width:100%;text-align:right;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.button{min-height:41px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;border:1px solid transparent;border-radius:10px;font-weight:750;text-decoration:none;cursor:pointer}.button-primary{color:#fff;background:var(--blue);box-shadow:0 8px 20px rgba(37,99,235,.2)}.button-primary:hover{background:#1d4ed8;transform:translateY(-1px)}.button-outline{color:var(--navy);background:rgba(255,255,255,.66);border-color:rgba(148,163,184,.48)}.button-gold{color:#775814;background:rgba(255,252,241,.72);border-color:rgba(201,154,46,.66)}.button:disabled{opacity:.55;cursor:not-allowed}.button-full{width:100%}.dashboard-metrics,.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px}.ad-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{min-height:166px;padding:18px;border-radius:18px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.metric-card:before{content:"";position:absolute;right:-25px;top:-32px;width:90px;height:90px;border-radius:50%;border:15px solid rgba(37,99,235,.055);box-shadow:0 0 0 1px rgba(201,154,46,.18)}.metric-card:hover{transform:translateY(-3px);box-shadow:0 27px 60px rgba(71,85,105,.15),0 8px 20px rgba(37,99,235,.08)}.metric-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.metric-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:var(--blue);background:rgba(239,246,255,.82);border:1px solid rgba(147,197,253,.52)}.metric-icon svg{width:20px}.metric-icon.metric-danger{color:var(--red);background:rgba(254,242,242,.82);border-color:rgba(252,165,165,.5)}.metric-icon.metric-success{color:var(--green);background:rgba(236,253,245,.82);border-color:rgba(110,231,183,.45)}.metric-trend{width:25px;height:2px;border-radius:9px;background:linear-gradient(90deg,var(--blue) 64%,var(--gold) 64%)}.metric-label{display:block;color:#486581;font-size:12px;font-weight:750}.metric-card>strong{display:block;margin:5px 0 1px;color:var(--navy);font-size:30px;line-height:1.1}.metric-card>p{margin:4px 0 0;color:var(--muted);font-size:10px}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,.75fr);gap:18px}.panel{padding:21px;border-radius:18px;margin-bottom:18px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.panel-heading h2{margin:3px 0 0;font-size:18px}.panel-kicker{color:var(--blue)}.panel-kicker.gold{color:#98701c}.text-link,.row-action,.icon-link{color:var(--blue);font-weight:800;text-decoration:none}.text-link{font-size:12px}.row-action{display:inline-flex;padding:6px 9px;border-radius:8px;background:#eff6ff;font-size:11px}.icon-link{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(147,197,253,.7);border-radius:9px;background:rgba(239,246,255,.68)}.icon-link.gold{color:#8a6719;border-color:rgba(201,154,46,.55);background:rgba(255,251,235,.72)}.dashboard-table{background:rgba(255,255,255,.28);border:1px solid rgba(203,213,225,.52);border-radius:13px;box-shadow:none;outline:0;backdrop-filter:none}.table-wrap{overflow-x:auto;border-radius:15px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:12px;border-bottom:1px solid rgba(203,213,225,.46);vertical-align:top}th{color:var(--muted);background:rgba(241,245,249,.54);font-size:9px;letter-spacing:.08em;text-transform:uppercase}td{color:var(--ink);background:rgba(255,255,255,.24)}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:rgba(239,246,255,.58)}.badge{display:inline-block;padding:4px 7px;border:1px solid #fde68a;border-radius:99px;background:#fffbeb;color:#8a6415;font-size:9px;font-weight:800}.badge-blue{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.dashboard-side{min-width:0}.compact-panel{padding:18px}.compact-list{display:grid}.compact-list>a{display:flex;align-items:flex-start;gap:10px;padding:10px 3px;border-top:1px solid rgba(203,213,225,.43);text-decoration:none}.compact-list>a:first-child{border-top:0}.compact-list strong,.compact-list small{display:block}.compact-list strong{font-size:11px}.compact-list small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.4}.list-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;color:var(--blue);background:#eff6ff}.list-icon svg{width:15px}.status-dot{width:8px;height:8px;margin:5px 2px 0;border-radius:50%;background:#cbd5e1;flex:0 0 auto}.status-dot.unread{background:var(--blue);box-shadow:0 0 0 4px rgba(37,99,235,.1)}.commission-panel{border-color:rgba(201,154,46,.36)}.commission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.commission-grid>div{padding:10px 8px;border:1px solid rgba(203,213,225,.5);border-radius:10px;background:rgba(255,255,255,.42)}.commission-grid span,.commission-grid strong{display:block}.commission-grid span{color:var(--muted);font-size:9px}.commission-grid strong{margin-top:5px;font-size:12px}.commission-grid strong.positive{color:var(--green)}.commission-grid strong.pending{color:var(--amber)}.mini-empty,.premium-empty{text-align:center}.mini-empty{padding:14px 8px;border:1px dashed rgba(148,163,184,.45);border-radius:11px;background:rgba(248,250,252,.4)}.mini-empty p{margin:0 0 4px;color:var(--navy);font-size:11px;font-weight:700}.mini-empty span,.mini-empty a{color:var(--muted);font-size:9px}.premium-empty{padding:48px 24px}.empty-icon{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 13px;border-radius:16px;color:var(--blue);background:rgba(239,246,255,.78);border:1px solid rgba(147,197,253,.5)}.empty-icon svg{width:25px}.premium-empty h3{margin:0 0 5px;font-size:16px}.premium-empty p{max-width:460px;margin:0 auto;color:var(--muted);font-size:12px}.premium-empty .button{margin-top:15px}.guidelines p{margin-bottom:0;color:var(--muted);font-size:11px}.content-grid,.detail-grid,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field-wide{grid-column:1/-1}.field{margin-bottom:16px}.field label,.stack label{display:block;margin-bottom:6px;color:var(--navy);font-size:12px;font-weight:750}.field input,.field textarea,.field select,.stack input,.stack textarea,.stack select,.filters input,.filters select{width:100%;min-height:44px;padding:10px 12px;border:1px solid rgba(148,163,184,.52);border-radius:10px;color:var(--ink);background:rgba(255,255,255,.72);outline:0}.field textarea,.stack textarea{min-height:90px}.field input:focus,.field textarea:focus,.field select:focus,.stack input:focus,.stack textarea:focus,.stack select:focus,.filters input:focus,.filters select:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(37,99,235,.1)}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px;padding:12px;border-radius:14px}.filters input,.filters select{width:auto;min-width:145px}.stack{display:grid;gap:12px}.check{font-size:12px;font-weight:700}.field-error{display:block;margin-top:4px;color:var(--red);font-size:10px}.pagination{display:flex;gap:6px;margin:17px 0}.pagination a{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.72);text-decoration:none}.pagination a.active{color:#fff;background:var(--blue)}.empty-panel{padding:40px;text-align:center;border-radius:18px}.empty-panel h2{margin-top:0}.empty-panel p,.muted{color:var(--muted)}.followup-row,.notification-item{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid rgba(203,213,225,.5)}.notification-item.unread{padding-left:12px;border-left:3px solid var(--blue);background:rgba(239,246,255,.52)}.boq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.boq-card{padding:14px;border-radius:15px}.boq-preview{width:100%;height:190px;object-fit:contain;border-radius:10px;background:rgba(248,250,252,.7)}.danger-note{padding:12px;border-left:3px solid var(--gold);border-radius:8px;background:rgba(255,251,235,.7)}.alert{padding:11px 13px;margin-bottom:17px;border:1px solid #fecaca;border-radius:11px;color:#b42318;background:rgba(254,242,242,.88)}.alert-success{color:#047857;border-color:#a7f3d0;background:rgba(236,253,245,.88)}.panel dl{display:grid;grid-template-columns:130px 1fr;gap:9px}.panel dt{font-weight:750;color:var(--navy)}.panel dd{margin:0}.finance{font-variant-numeric:tabular-nums;white-space:nowrap}.auth-shell{min-height:100vh;flex:1;display:grid;place-items:center;padding:30px 18px}.login-card{width:min(100%,470px);padding:38px 40px;border-radius:20px}.login-brand{text-align:center;margin-bottom:25px}.login-logo{display:block;width:min(235px,80%);height:108px;object-fit:contain;margin:0 auto 19px}.login-brand h1{margin:0;color:var(--navy);font-size:26px}.tagline{margin:8px 0 0;color:#98701c;font-weight:750}.password-wrap{position:relative}.password-wrap input{padding-right:66px}.password-toggle{position:absolute;right:7px;top:7px;bottom:7px;border:0;border-radius:8px;color:var(--blue);background:#eff6ff;font-size:11px;font-weight:750}.security-note{text-align:center;color:var(--muted);font-size:10px}.error-page{width:min(680px,calc(100% - 30px));margin:auto;padding:52px 28px;text-align:center;border-radius:20px}.error-code{font-size:66px;font-weight:850;color:#cbd5e1}.site-footer{padding:18px;text-align:center;color:var(--muted);font-size:10px}.site-footer span{margin-left:7px;color:#947019}.print-only{display:none}.button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(37,99,235,.23);outline-offset:2px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.sidebar,.topbar,.panel,.metric-card,.login-card,.filters,.table-wrap,.empty-panel,.notification-dropdown,.boq-card,.error-page{background:#fff}}
@media(max-width:1180px){.app-frame{grid-template-columns:225px minmax(0,1fr);gap:14px;padding:12px}.sidebar{top:12px;height:calc(100vh - 24px)}.topbar{top:12px}.dashboard-metrics{grid-template-columns:repeat(3,1fr)}.dashboard-layout{grid-template-columns:minmax(0,1.4fr) minmax(270px,.7fr)}.header-search{width:220px}}
@media(max-width:1050px){.app-frame{display:block;padding:10px}.sidebar{position:sticky;top:10px;height:auto;padding:9px 12px;border-radius:17px}.sidebar:before,.gold-rule,.workspace-label,.sidebar-user,.sidebar-logout{display:none}.sidebar-brand{min-height:48px;justify-content:flex-start}.sidebar-brand img{width:110px;height:44px}.sidebar-nav{display:flex;overflow-x:auto;padding:3px 0}.sidebar-nav a{white-space:nowrap;padding:9px 11px}.sidebar-nav a.active:before{left:12px;bottom:1px;width:calc(100% - 24px);height:2px}.app-content{min-height:calc(100vh - 20px)}.topbar{top:86px}.dashboard-layout{grid-template-columns:1fr}.dashboard-side{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dashboard-side .panel{margin:0}.content-grid,.detail-grid{grid-template-columns:1fr}}
@media(max-width:700px){.app-frame{padding:7px}.sidebar{top:7px}.sidebar-brand{min-height:40px}.sidebar-brand img{width:94px;height:37px}.sidebar-nav a{font-size:11px;padding:8px 9px}.nav-dot{display:none}.topbar{top:73px;height:auto;min-height:64px;padding:10px 12px}.header-welcome strong,.header-avatar{display:none}.topbar-kicker{font-size:12px}.header-search{width:min(56vw,220px)}.header-search input{font-size:11px}.page-shell{width:min(100% - 12px,1360px);padding:22px 0 40px}.dashboard-intro,.page-heading{align-items:flex-start;flex-direction:column}.quick-actions{justify-content:flex-start}.quick-actions>span{text-align:left}.dashboard-metrics,.ad-metrics{grid-template-columns:1fr 1fr}.metric-card{min-height:145px;padding:15px}.metric-card>strong{font-size:26px}.dashboard-side{grid-template-columns:1fr}.commission-grid{grid-template-columns:repeat(3,1fr)}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.filters>*{width:100%!important}.table-wrap{background:transparent;border:0;outline:0;box-shadow:none;backdrop-filter:none}table,tbody,tr,td{display:block}thead{display:none}tr{padding:9px;margin-bottom:10px;border:1px solid rgba(255,255,255,.82);border-radius:13px;background:rgba(255,255,255,.75);box-shadow:0 8px 24px rgba(71,85,105,.08)}td{position:relative;padding:7px 7px 7px 43%;border:0;background:transparent!important}td:before{content:attr(data-label);position:absolute;left:7px;color:var(--navy);font-size:9px;font-weight:800;text-transform:uppercase}.notification-dropdown{position:fixed;top:142px;right:10px;left:10px;width:auto}.login-card{padding:28px 22px}.panel dl{grid-template-columns:1fr}.panel dd{margin-bottom:8px}.followup-row,.notification-item{flex-direction:column}}
@media(max-width:430px){.dashboard-metrics,.ad-metrics{grid-template-columns:1fr}.header-search{display:none}.quick-actions .button{width:100%}.commission-grid{grid-template-columns:1fr}}
@media print{body{background:#fff}.sidebar,.topbar,.quick-actions,.filters,.no-print,.button{display:none!important}.app-frame{display:block;padding:0}.page-shell{width:100%;padding:0}.panel,.metric-card,.table-wrap{background:#fff;box-shadow:none;outline:0;backdrop-filter:none}.print-only{display:block}@page{size:landscape;margin:10mm}}