:root{--primary:#5CC99A;--primary-dark:#3FAF83;--primary-deep:#246B54;--primary-soft:rgba(92,201,154,0.12);--primary-deeper:#1D5A47;--primary-mid:#2A7A5E;--primary-ink:#1F7A5A;--on-primary:#0F3D2E;--primary-tint:#B8EDD5;--primary-gradient:linear-gradient(160deg,var(--primary-deeper),var(--primary-deep) 55%,var(--primary-mid));--primary-shadow:rgba(36,107,84,0.2);--font-caption:11px;--font-meta:12px;--secondary:var(--primary-deep);--secondary-soft:rgba(63,175,131,0.12);--accent:#FF6B35;--accent-soft:rgba(255,107,53,0.12);--info:#3B82F6;--info-ink:#1D4ED8;--info-soft:rgba(59,130,246,0.12);--warning:#F59E0B;--warning-ink:#B45309;--warning-soft:rgba(245,158,11,0.13);--success:#5CC99A;--success-soft:rgba(92,201,154,0.12);--error:#EF4444;--error-ink:#B91C1C;--error-soft:rgba(239,68,68,0.11);--background:#F6F7F9;--surface:#FFFFFF;--soft-surface:#F1F5F9;--border:#E2E8F0;--border-strong:#CBD5E1;--ink:#0F172A;--text-secondary:#475569;--text-muted:#5B6B7F;--disabled:#CBD5E1;--white:#FFFFFF;--sidebar-width:274px;--sidebar-collapsed:82px;--topbar-height:72px;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;--radius-xl:30px;--shadow-sm:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.04);--shadow-md:0 18px 45px rgba(15,23,42,.09);--shadow-lg:0 30px 80px rgba(15,23,42,.14);--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--background);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a,button{color:inherit}a{text-decoration:none}img{max-width:100%}svg{display:block}h1,h2,h3,h4,p{margin-top:0}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--primary-ink);outline-offset:2px}::selection{background:var(--primary-soft);color:var(--secondary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;border:3px solid transparent;background-clip:content-box}input,select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);min-height:44px;padding:0 13px;transition:border-color .2s,box-shadow .2s}input:hover,select:hover{border-color:var(--border-strong)}input:focus,select:focus{outline:none;border-color:var(--primary-dark);box-shadow:0 0 0 4px var(--primary-soft)}.portal-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);z-index:50;display:flex;flex-direction:column;background:var(--primary-gradient);color:white;transition:width .25s var(--ease),transform .25s var(--ease);box-shadow:14px 0 50px var(--primary-shadow)}.sidebar-brand{height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.09);overflow:hidden}.sidebar-brand img{width:124px;height:auto;object-fit:contain;filter:brightness(0) invert(1)}.sidebar-product{margin:18px 16px 10px;display:flex;align-items:center;gap:12px;padding:13px;border-radius:var(--radius-md);background:rgba(255,255,255,.075);overflow:hidden}.product-mark{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;background:var(--primary);color:var(--on-primary)}.sidebar-product div{min-width:0;display:flex;flex-direction:column;gap:2px;white-space:nowrap}.sidebar-product strong{font-size:15px}.sidebar-product small{color:rgba(255,255,255,.84);font-size:11px}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:2px 12px 20px}.nav-group{margin-top:17px}.nav-group-label{display:block;padding:0 11px 8px;font-size:var(--font-meta);font-weight:800;letter-spacing:.14em;text-transform:uppercase}.nav-group-label,.nav-item{color:rgba(255,255,255,.84);white-space:nowrap}.nav-item{min-height:43px;display:flex;align-items:center;gap:12px;margin:3px 0;padding:0 12px;border-radius:12px;font-size:13px;font-weight:650;transition:background .2s,color .2s,transform .2s;overflow:hidden}.nav-item svg{flex:0 0 auto}.nav-item:hover{color:white;background:rgba(255,255,255,.075);transform:translateX(2px)}.nav-item.active{color:var(--on-primary);background:var(--primary);box-shadow:0 10px 26px rgba(92,201,154,.2)}.nav-count{margin-left:auto;min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;border-radius:999px;background:var(--error);color:white;font-size:11px}.sidebar-user{margin:12px;padding:12px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:rgba(255,255,255,.045);overflow:hidden}.sidebar-user>div{min-width:0;display:flex;flex-direction:column;flex:1;white-space:nowrap}.sidebar-user strong{overflow:hidden;text-overflow:ellipsis;font-size:12px}.sidebar-user span{font-size:11px}.sidebar-user .icon-button,.sidebar-user span{color:rgba(255,255,255,.84)}.sidebar-user .icon-button:hover{background:rgba(255,255,255,.08);color:white}.portal-main{min-height:100vh;margin-left:var(--sidebar-width);transition:margin-left .25s var(--ease)}.topbar{position:sticky;top:0;z-index:35;height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid rgba(226,232,240,.85);background:rgba(255,255,255,.88);backdrop-filter:blur(18px)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:12px}.sync-state{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:11px;font-weight:650}.sync-state>span:first-child{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px var(--primary-soft);animation:syncPulse 2.2s infinite}@keyframes syncPulse{70%{box-shadow:0 0 0 10px rgba(92,201,154,0)}to{box-shadow:0 0 0 0 rgba(92,201,154,0)}}.company-chip{max-width:260px;gap:8px;padding:9px 12px;background:var(--soft-surface);color:var(--secondary);font-size:11px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-chip,.topbar-profile{display:flex;align-items:center;border-radius:12px}.topbar-profile{gap:9px;padding:5px 7px 5px 5px;transition:background .2s}.topbar-profile:hover{background:var(--soft-surface)}.topbar-profile>span{display:flex;flex-direction:column}.topbar-profile strong{font-size:11px}.topbar-profile small{color:var(--text-muted);font-size:var(--font-meta)}.notification-button,.notification-wrap{position:relative}.notification-button b{position:absolute;top:2px;right:1px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;border:2px solid white;border-radius:999px;background:var(--error);color:white;font-size:var(--font-caption)}.notification-popover{position:absolute;top:calc(100% + 12px);right:0;width:min(380px,calc(100vw - 28px));padding:10px;border:1px solid var(--border);border-radius:var(--radius-md);background:white;box-shadow:var(--shadow-lg);animation:popoverIn .2s var(--ease)}@keyframes popoverIn{0%{opacity:0;transform:translateY(-5px) scale(.98)}}.popover-head{display:flex;align-items:center;justify-content:space-between;padding:8px 7px 12px}.popover-head strong{font-size:13px}.popover-head a{color:var(--primary-ink);font-size:11px;font-weight:750}.popover-alert{display:flex;align-items:flex-start;gap:10px;padding:11px 8px;border-radius:12px}.popover-alert:hover{background:var(--soft-surface)}.alert-dot{width:9px;height:9px;flex:0 0 9px;margin-top:5px;border-radius:50%}.alert-dot.alert-danger{background:var(--error)}.alert-dot.alert-warning{background:var(--warning)}.alert-dot.alert-info{background:var(--info)}.alert-dot.alert-success{background:var(--primary)}.popover-alert div{min-width:0}.popover-alert strong{display:block;margin-bottom:2px;font-size:11px}.popover-alert p{margin:0 0 3px;color:var(--text-secondary);font-size:11px;line-height:1.45}.popover-alert small{color:var(--text-muted);font-size:var(--font-meta)}.content-area{width:min(1540px,100%);margin:0 auto;padding:30px 30px 50px}.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed)}.sidebar-collapsed .portal-main{margin-left:var(--sidebar-collapsed)}.sidebar-collapsed .sidebar-brand{justify-content:center;padding:0}.sidebar-collapsed .sidebar-brand img{width:44px;height:38px;object-fit:cover;object-position:left}.sidebar-collapsed .sidebar-product{margin-inline:12px;padding:10px}.sidebar-collapsed .nav-count,.sidebar-collapsed .nav-group-label,.sidebar-collapsed .nav-item span,.sidebar-collapsed .sidebar-product div,.sidebar-collapsed .sidebar-user>a,.sidebar-collapsed .sidebar-user>div{display:none}.sidebar-collapsed .nav-item{justify-content:center;padding:0}.sidebar-collapsed .sidebar-user{justify-content:center;padding:10px}.mobile-menu,.sidebar-close-mobile,.sidebar-overlay{display:none}.mobile-bottom-nav a{position:relative}.mobile-nav-count{position:absolute;top:4px;right:calc(50% - 24px);min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;border:2px solid white;border-radius:999px;background:var(--error-ink);color:white;font-size:9px;line-height:1}.topbar-context{display:flex;flex-direction:column;gap:2px}.topbar-context strong{color:var(--ink);font-size:12px}.topbar-context span{color:var(--text-muted);font-size:var(--font-meta)}.prototype-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid rgba(92,201,154,.35);border-radius:999px;background:var(--primary-soft);color:var(--primary-ink);font-size:var(--font-meta);font-weight:800;white-space:nowrap}.mobile-bottom-nav{display:none}