@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Manrope:wght@500;600;700;800&display=swap");#netlify-drawer,[data-netlify-feedback],iframe[src*="netlify.com"],netlify-drawer{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}:root{--navy:#071c2c;--navy-mid:#0d2d47;--navy-light:#1a4a6e;--navy-muted:rgba(7,28,44,0.08);--navy-muted-md:rgba(7,28,44,0.14);--purple:#30256f;--purple-light:#4a3d8a;--ink:#15212a;--ink-mid:#2c3e50;--ink-light:#4a5568;--ink-muted:#6b7a8d;--ink-faint:#8fa0b0;--bg-page:#ffffff;--bg-surface:#f8fafc;--bg-card:#ffffff;--bg-card-hover:#f3f7fb;--bg-elevated:#f0f5fa;--bg-subtle:#e8eef5;--border:#dce6ee;--border-mid:#c8d8e5;--border-navy:rgba(7,28,44,0.18);--green:#16a34a;--green-bg:#f0fdf4;--green-border:#bbf7d0;--amber:#d97706;--amber-bg:#fffbeb;--amber-border:#fde68a;--red:#dc2626;--red-bg:#fef2f2;--red-border:#fecaca;--blue:#2563eb;--blue-bg:#eff6ff;--blue-border:#bfdbfe;--font-body:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-display:"Manrope",-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Courier New",monospace;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:28px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-pill:9999px;--shadow-xs:0 1px 2px rgba(7,28,44,0.06);--shadow-sm:0 2px 6px rgba(7,28,44,0.08),0 1px 2px rgba(7,28,44,0.04);--shadow-md:0 4px 16px rgba(7,28,44,0.10),0 2px 4px rgba(7,28,44,0.06);--shadow-lg:0 8px 32px rgba(7,28,44,0.12),0 4px 8px rgba(7,28,44,0.06);--shadow-xl:0 20px 60px rgba(7,28,44,0.15),0 8px 16px rgba(7,28,44,0.08);--sidebar-w:260px;--sidebar-collapsed-w:80px;--space-1:var(--sp-1);--space-2:var(--sp-2);--space-3:var(--sp-3);--space-4:var(--sp-4);--space-5:var(--sp-5);--space-6:var(--sp-6);--space-7:var(--sp-7);--space-8:var(--sp-8);--radius-sm:var(--r-sm);--radius-md:var(--r-md);--radius-lg:var(--r-lg);--radius-xl:var(--r-xl);--text-primary:var(--ink);--text-secondary:var(--ink-mid);--text-muted:var(--ink-muted);--success:var(--green);--success-muted:var(--green-bg);--warning:var(--amber);--warning-muted:var(--amber-bg);--danger:var(--red);--danger-muted:var(--red-bg);--info:var(--blue);--info-muted:var(--blue-bg)}*,:after,:before{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased}body{margin:0;font-family:var(--font-body);background:var(--bg-page);color:var(--ink);overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes spinLoader{to{transform:rotate(1turn)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sectionSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeUp .32s cubic-bezier(.22,1,.36,1) both}.animate-fade{animation:fadeIn .25s ease both}.slide-in{animation:slideIn .28s cubic-bezier(.22,1,.36,1) both}.scale-in{animation:scaleIn .28s cubic-bezier(.22,1,.36,1) both}.presentation-section-animate{animation:sectionSlideUp .38s cubic-bezier(.16,1,.3,1) both}.app-shell{min-height:100vh;width:100%;position:relative;display:flex}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:linear-gradient(180deg,#061826,#081f32 45%,#051420);display:flex;flex-direction:column;z-index:200;overflow:hidden;border-right:1px solid rgba(56,189,248,.14);box-shadow:4px 0 24px rgba(0,0,0,.28);transition:width .32s cubic-bezier(.25,1,.5,1),transform .32s cubic-bezier(.25,1,.5,1);will-change:width,transform}.sidebar:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(56,189,248,.025) 1px,transparent 0),linear-gradient(90deg,rgba(56,189,248,.025) 1px,transparent 0);background-size:24px 24px;pointer-events:none}.app-shell.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-w)}.app-shell.sidebar-collapsed .sidebar-brand{padding:16px 12px;align-items:center}.app-shell.sidebar-collapsed .sidebar-brand-top{justify-content:center}.app-shell.sidebar-collapsed .sidebar-brand-plate{display:none!important}.app-shell.sidebar-collapsed .sidebar-brand-collapsed{display:flex!important}.app-shell.sidebar-collapsed .sidebar-brand-text{opacity:0;max-height:0;transform:translateX(-12px);pointer-events:none}.app-shell.sidebar-collapsed .sidebar-section-label{opacity:0;max-height:0;padding-top:0;padding-bottom:0;transform:translateX(-10px);pointer-events:none}.app-shell.sidebar-collapsed .nav-item{margin:3px 12px;padding:8px 0;justify-content:center;gap:0}.app-shell.sidebar-collapsed .nav-item-icon{width:32px;height:32px}.app-shell.sidebar-collapsed .nav-item-text{opacity:0;max-width:0;transform:translateX(-12px);pointer-events:none}.app-shell.sidebar-collapsed .nav-badge{opacity:0;transform:scale(.4);pointer-events:none}.app-shell.sidebar-collapsed .sidebar-accreditation{opacity:0;max-height:0;padding:0;margin:0;border:none;pointer-events:none}.app-shell.sidebar-collapsed .sidebar-user{padding:8px 0;justify-content:center;background:transparent;border-color:transparent;gap:0}.app-shell.sidebar-collapsed .sidebar-user-info{opacity:0;max-width:0;transform:translateX(-12px);pointer-events:none}.app-shell.sidebar-collapsed .sidebar-close-btn,.app-shell.sidebar-collapsed .sidebar-logout-btn{display:none!important}#global-search::placeholder{color:rgba(255,255,255,.55)}#global-search:focus{color:#ffffff}.sidebar-brand{padding:16px 16px 14px;border-bottom:1px solid rgba(56,189,248,.12);display:flex;flex-direction:column;gap:10px;flex-shrink:0;background:linear-gradient(180deg,rgba(2,132,199,.08),transparent);position:relative;transition:padding .32s cubic-bezier(.25,1,.5,1)}.sidebar-brand-top{display:flex;align-items:center;justify-content:space-between;width:100%}.sidebar-brand-plate{background:#ffffff;border-radius:8px;padding:6px 12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 14px rgba(0,0,0,.35);transition:all .3s cubic-bezier(.25,1,.5,1)}.sidebar-brand-img{height:22px;width:auto;object-fit:contain;display:block}.sidebar-brand-collapsed{display:none;width:44px;height:44px;background:linear-gradient(135deg,#0284c7,#071c2c);border:1px solid #38bdf8;border-radius:8px;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(2,132,199,.35)}.thi-collapsed-taka{font-family:var(--font-display);font-size:13px;font-weight:900;color:#ffffff;letter-spacing:.04em}.sidebar-brand-text{display:flex;flex-direction:column;gap:2px;transition:opacity .22s cubic-bezier(.25,1,.5,1),transform .28s cubic-bezier(.25,1,.5,1),max-height .32s cubic-bezier(.25,1,.5,1);max-height:80px;opacity:1;transform:translateX(0);overflow:hidden}.sidebar-brand-company{font-family:var(--font-display);font-size:10.5px;font-weight:800;color:#ffffff;letter-spacing:.07em;text-transform:uppercase;line-height:1.2}.sidebar-brand-sub{font-size:9.5px;font-weight:700;color:#38bdf8;letter-spacing:.04em;text-transform:uppercase}.sidebar-brand-status{display:inline-flex;align-items:center;gap:6px;font-size:8.5px;font-weight:700;color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;margin-top:3px}.sidebar-status-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;flex-shrink:0}.sidebar-nav{flex:1 1;overflow-y:auto;padding:10px 0;scrollbar-width:thin;scrollbar-color:rgba(56,189,248,.2) transparent}.sidebar-section-group{margin-bottom:6px}.sidebar-section-label{font-family:var(--font-display);font-size:9px;font-weight:800;color:#64748b;letter-spacing:.12em;text-transform:uppercase;padding:10px 18px 4px;gap:6px;transition:opacity .2s cubic-bezier(.25,1,.5,1),transform .25s cubic-bezier(.25,1,.5,1),max-height .3s ease;max-height:36px;opacity:1}.nav-item,.sidebar-section-label{display:flex;align-items:center;white-space:nowrap;overflow:hidden}.nav-item{gap:11px;margin:2px 10px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600;color:#94a3b8;cursor:pointer;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease,padding .32s cubic-bezier(.25,1,.5,1);position:relative;text-decoration:none;-webkit-user-select:none;user-select:none;border:1px solid transparent}.nav-item:hover{color:#ffffff;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08);transform:translateX(2px)}.nav-item.active{color:#ffffff;background:linear-gradient(90deg,rgba(2,132,199,.22),rgba(7,28,44,.6));border:1px solid rgba(56,189,248,.35);box-shadow:0 2px 12px rgba(2,132,199,.16);font-weight:700}.nav-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:#38bdf8;border-radius:0 2px 2px 0;box-shadow:0 0 8px rgba(56,189,248,.8)}.nav-item-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);flex-shrink:0;color:#94a3b8;transition:all .2s ease}.nav-item:hover .nav-item-icon{color:#e2e8f0;background:rgba(255,255,255,.08)}.nav-item.active .nav-item-icon{background:rgba(56,189,248,.2);color:#38bdf8;box-shadow:0 0 10px rgba(56,189,248,.25)}.nav-item-text{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em;transition:opacity .22s cubic-bezier(.25,1,.5,1),transform .28s cubic-bezier(.25,1,.5,1),max-width .32s cubic-bezier(.25,1,.5,1);max-width:170px;opacity:1;transform:translateX(0)}.nav-badge{margin-left:auto;font-family:var(--font-mono,monospace);font-size:9.5px;font-weight:800;padding:1.5px 6px;border-radius:6px;min-width:18px;text-align:center;letter-spacing:.02em;transition:opacity .2s cubic-bezier(.25,1,.5,1),transform .25s cubic-bezier(.25,1,.5,1);opacity:1}.nav-badge.badge-alert{background:rgba(225,29,72,.2);color:#fda4af;border:1px solid rgba(244,63,94,.45)}.nav-badge.badge-info{background:rgba(2,132,199,.2);color:#7dd3fc;border:1px solid rgba(56,189,248,.45)}.sidebar-footer{padding:12px 14px 14px;border-top:1px solid rgba(56,189,248,.12);flex-shrink:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.25));display:flex;flex-direction:column;gap:8px}.sidebar-accreditation{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:6px 8px;display:flex;flex-direction:column;gap:4px;transition:opacity .2s cubic-bezier(.25,1,.5,1),max-height .3s ease;max-height:50px;opacity:1;overflow:hidden}.sidebar-accreditation-badges{display:flex;align-items:center;justify-content:space-between;gap:4px}.iso-badge{font-size:7.5px;font-weight:800;color:#38bdf8;background:rgba(56,189,248,.1);padding:1.5px 4px;border-radius:4px;border:1px solid rgba(56,189,248,.22);letter-spacing:.04em}.esdm-label{font-size:8px;font-weight:700;color:#64748b;text-align:center;letter-spacing:.06em;text-transform:uppercase}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:background .18s,border-color .18s,padding .32s cubic-bezier(.25,1,.5,1);white-space:nowrap;overflow:hidden}.sidebar-user:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}.sidebar-avatar-wrap{position:relative;flex-shrink:0}.sidebar-avatar{width:32px;height:32px;background:linear-gradient(135deg,#0284c7,#071c2c);border:1px solid #38bdf8;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:800;color:#ffffff;letter-spacing:.02em;box-shadow:0 2px 8px rgba(0,0,0,.25)}.sidebar-avatar-beacon{position:absolute;bottom:-1px;right:-1px;width:7px;height:7px;background:#22c55e;border-radius:50%;border:1.5px solid #071c2c}.sidebar-user-info{flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;transition:opacity .22s cubic-bezier(.25,1,.5,1),transform .28s cubic-bezier(.25,1,.5,1),max-width .32s cubic-bezier(.25,1,.5,1);max-width:140px;opacity:1;transform:translateX(0)}.sidebar-user-name{font-size:12px;font-weight:700;color:#ffffff;line-height:1.2}.sidebar-user-name,.sidebar-user-role{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:10px;font-weight:600;color:#38bdf8}.sidebar-user-dept{font-size:9px;color:rgba(255,255,255,.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout-btn{background:transparent;border:none;color:#94a3b8;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease;flex-shrink:0}.sidebar-logout-btn:hover{background:rgba(225,29,72,.15);color:#f43f5e}.main-area{margin-left:var(--sidebar-w);min-height:100vh;min-width:0;width:calc(100% - var(--sidebar-w));flex:1 1;display:flex;flex-direction:column;background:var(--bg-surface);transition:margin-left .32s cubic-bezier(.25,1,.5,1),width .32s cubic-bezier(.25,1,.5,1);will-change:margin-left,width}.app-shell.sidebar-collapsed .main-area{margin-left:var(--sidebar-collapsed-w);width:calc(100% - var(--sidebar-collapsed-w))}.topbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 var(--sp-8);height:60px;gap:var(--sp-4)}.topbar,.topbar-breadcrumb{display:flex;align-items:center}.topbar-breadcrumb{gap:var(--sp-2);font-size:13px;color:var(--ink-muted)}.topbar-breadcrumb span{color:var(--ink);font-weight:600}.topbar-search{flex:1 1;max-width:400px;margin-left:auto;position:relative}.topbar-search input{width:100%;padding:8px 14px 8px 36px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-pill);font-family:var(--font-body);font-size:13px;color:var(--ink);outline:none;transition:all .18s}.topbar-search input::placeholder{color:var(--ink-faint)}.topbar-search input:focus{border-color:var(--navy);background:#fff;box-shadow:0 0 0 3px rgba(7,28,44,.06)}.topbar-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ink-faint);font-size:14px;pointer-events:none}.topbar-actions{gap:var(--sp-2)}.topbar-actions,.topbar-btn{display:flex;align-items:center}.topbar-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:1px solid var(--border);justify-content:center;cursor:pointer;font-size:16px;color:var(--ink-light);transition:all .18s;position:relative}.topbar-btn:hover{background:var(--bg-elevated);border-color:var(--border-mid)}.topbar-notif-dot{position:absolute;top:7px;right:7px;width:7px;height:7px;background:#e53e3e;border-radius:50%;border:2px solid #fff}.topbar-avatar{width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;cursor:pointer;letter-spacing:.02em;flex-shrink:0}.page-content{min-height:0;padding:var(--sp-6) var(--sp-8);width:100%;box-sizing:border-box}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--sp-8);gap:var(--sp-4)}.page-eyebrow{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);margin-bottom:var(--sp-2)}.page-title{font-family:var(--font-display);font-size:26px;font-weight:800;color:var(--navy);margin:0 0 var(--sp-1);letter-spacing:-.02em;line-height:1.2}.page-subtitle{font-size:14px;color:var(--ink-muted);margin:0;line-height:1.5}.page-actions{display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:9px 18px;font-family:var(--font-body);font-size:13.5px;font-weight:600;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;transition:all .18s;white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn-primary:hover:not(:disabled){background:var(--navy-mid);box-shadow:var(--shadow-sm)}.btn-secondary{background:#fff;color:var(--navy);border-color:var(--border-mid)}.btn-secondary:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-mid)}.btn-ghost{background:transparent;color:var(--ink-light);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--navy-muted);color:var(--navy)}.btn-danger{background:var(--red);color:#fff;border-color:var(--red)}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-success{background:var(--green);color:#fff;border-color:var(--green)}.btn-success:hover:not(:disabled){background:#15803d}.btn-sm{padding:6px 12px;font-size:12.5px}.btn-lg{padding:12px 24px;font-size:14px}.stat-grid{display:grid;gap:var(--sp-4);margin-bottom:var(--sp-8)}.stat-grid-4{grid-template-columns:repeat(4,1fr)}.stat-grid-3{grid-template-columns:repeat(3,1fr)}.stat-grid-2{grid-template-columns:repeat(2,1fr)}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-6);box-shadow:var(--shadow-xs);transition:all .2s}.stat-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-mid)}.stat-card.clickable{cursor:pointer}.stat-card.active,.stat-card.clickable:hover{border-color:var(--navy)}.stat-card.active{background:var(--bg-elevated)}.stat-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);margin-bottom:var(--sp-3)}.stat-value{font-family:var(--font-display);font-size:32px;font-weight:800;color:var(--navy);letter-spacing:-.03em;line-height:1;margin-bottom:var(--sp-2)}.stat-meta{font-size:12.5px;color:var(--ink-muted);line-height:1.4}.stat-trend{display:inline-flex;align-items:center;gap:3px;margin-top:var(--sp-2);font-size:12px;font-weight:600}.stat-trend.up{color:var(--green)}.stat-trend.down{color:var(--red)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border)}.card-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--navy);letter-spacing:-.01em}.card-body{padding:var(--sp-5) var(--sp-6)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--r-pill);font-size:11px;font-weight:700;letter-spacing:.03em;white-space:nowrap}.badge-current{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.badge-draft{background:var(--bg-elevated);color:var(--ink-muted);border:1px solid var(--border)}.badge-pending{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border)}.badge-rejected{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.badge-superseded{background:var(--bg-subtle);color:var(--ink-muted);border:1px solid var(--border-mid)}.badge-archived{background:var(--bg-subtle);color:var(--ink-faint);border:1px solid var(--border)}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-xs);width:100%}table{width:100%;border-collapse:collapse;font-size:13.5px}thead th{background:var(--bg-elevated);padding:10px var(--sp-5);text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-muted);white-space:nowrap}tbody tr,thead th{border-bottom:1px solid var(--border)}tbody tr{transition:background .12s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--bg-card-hover)}tbody td{padding:12px var(--sp-5);color:var(--ink);vertical-align:middle}.doc-number{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--navy);letter-spacing:.02em}.toolbar{gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap}.search-box,.toolbar{display:flex;align-items:center}.search-box{gap:var(--sp-2);padding:0 var(--sp-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);height:38px;min-width:260px;transition:all .18s}.search-box:focus-within{border-color:var(--navy);box-shadow:0 0 0 3px rgba(7,28,44,.06)}.search-box input{border:none;outline:none;font-family:var(--font-body);font-size:13.5px;color:var(--ink);background:transparent;width:100%}.search-box input::placeholder{color:var(--ink-faint)}.search-box-icon{color:var(--ink-faint);font-size:14px;flex-shrink:0}.filter-select{height:38px;padding:0 var(--sp-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);font-family:var(--font-body);font-size:13px;color:var(--ink);cursor:pointer;outline:none;transition:all .18s}.filter-select:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(7,28,44,.06)}.form-group{margin-bottom:var(--sp-5)}.form-label{display:block;font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:var(--sp-2);letter-spacing:.01em}.form-label .req{color:var(--red)}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);font-family:var(--font-body);font-size:13.5px;color:var(--ink);outline:none;transition:all .18s;line-height:1.5}.form-input::placeholder,.form-textarea::placeholder{color:var(--ink-faint)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(7,28,44,.06);background:#fff}.form-textarea{resize:vertical;min-height:96px}.form-grid{display:grid;gap:var(--sp-4)}.form-grid-2{grid-template-columns:1fr 1fr}.step-wizard{gap:0;margin-bottom:var(--sp-8);padding:var(--sp-5) var(--sp-6);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs)}.step-item,.step-wizard{display:flex;align-items:center}.step-item{flex:1 1}.step-circle{width:32px;height:32px;border-radius:50%;border:2px solid var(--border-mid);background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--ink-faint);flex-shrink:0;transition:all .2s}.step-circle.done{background:var(--navy);border-color:var(--navy);color:#fff}.step-circle.active{background:var(--bg-card);border-color:var(--navy);color:var(--navy);box-shadow:0 0 0 4px rgba(7,28,44,.08)}.step-text{margin-left:var(--sp-3);flex-shrink:0}.step-num{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint)}.step-name{font-size:13px;font-weight:600;color:var(--ink-muted)}.step-text.active .step-name{color:var(--navy)}.step-text.done .step-name{color:var(--ink-light)}.step-connector{flex:1 1;height:2px;background:var(--border);margin:0 var(--sp-3);transition:background .3s}.step-connector.done{background:var(--navy)}.modal-overlay{position:fixed;inset:0;background:rgba(7,28,44,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9000;display:flex;align-items:center;justify-content:center;padding:var(--sp-6)}.modal{background:var(--bg-card);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);width:100%;max-width:520px;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border)}.modal-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--navy)}.modal-body{padding:var(--sp-6)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--border);background:var(--bg-elevated)}.upload-zone{border:2px dashed var(--border-mid);border-radius:var(--r-lg);padding:var(--sp-12) var(--sp-8);text-align:center;cursor:pointer;transition:all .2s;background:var(--bg-surface)}.upload-zone.drag-over,.upload-zone:hover{border-color:var(--navy);background:rgba(7,28,44,.03)}.upload-zone.has-file{border-color:var(--green);border-style:solid;background:var(--green-bg)}.upload-icon{font-size:36px;margin-bottom:var(--sp-3)}.upload-title{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:var(--sp-2)}.upload-sub{font-size:12.5px;color:var(--ink-muted)}.approval-flow{display:flex;flex-direction:column;gap:0}.approval-step{display:flex;align-items:flex-start;gap:var(--sp-4);position:relative}.approval-step-icon{width:36px;height:36px;border-radius:50%;border:2px solid var(--border-mid);background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--ink-faint);flex-shrink:0;z-index:1;transition:all .2s}.approval-step-icon.done{background:var(--navy);border-color:var(--navy);color:#fff}.approval-step-icon.active{border-color:var(--navy);color:var(--navy)}.approval-step-icon.pending{border-color:var(--border-mid);color:var(--ink-faint)}.approval-step-body{flex:1 1;padding-bottom:var(--sp-6);position:relative}.approval-step-body:before{content:"";position:absolute;left:-30px;top:36px;bottom:0;width:2px;background:var(--border)}.approval-step:last-child .approval-step-body:before{display:none}.checklist{display:flex;flex-direction:column;gap:var(--sp-2)}.checklist-item{display:flex;align-items:center;gap:var(--sp-3);padding:10px var(--sp-4);background:var(--bg-elevated);border-radius:var(--r-md);border:1px solid var(--border);font-size:13.5px;color:var(--ink);transition:all .15s}.checklist-item:has(input:checked){background:var(--green-bg);border-color:var(--green-border);color:var(--ink-light)}.checklist-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--navy);cursor:pointer;flex-shrink:0}.checklist-item label{cursor:pointer;flex:1 1}.progress-track{height:6px;background:var(--bg-elevated);border-radius:99px;overflow:hidden}.progress-fill{height:100%;border-radius:99px;transition:width .7s cubic-bezier(.22,1,.36,1)}.tab-bar{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:var(--sp-6)}.tab-item{padding:10px var(--sp-5);font-size:13.5px;font-weight:500;color:var(--ink-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .18s;white-space:nowrap}.tab-item.active,.tab-item:hover{color:var(--navy)}.tab-item.active{border-bottom-color:var(--navy);font-weight:600}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:var(--sp-4);position:relative}.timeline-track{flex-direction:column}.timeline-dot,.timeline-track{display:flex;align-items:center;width:36px;flex-shrink:0}.timeline-dot{height:36px;border-radius:50%;justify-content:center;font-size:15px;border:2px solid transparent;z-index:1}.timeline-line{flex:1 1;width:2px;background:var(--border);margin:4px 0;min-height:24px}.timeline-item:last-child .timeline-line{display:none}.timeline-body{flex:1 1;padding-bottom:var(--sp-5)}.timeline-event{font-size:14px;font-weight:600;color:var(--navy);margin-bottom:var(--sp-1)}.timeline-meta{font-size:12.5px;color:var(--ink-muted);line-height:1.5}.empty-state{text-align:center;padding:var(--sp-16) var(--sp-8)}.empty-icon{font-size:48px;margin-bottom:var(--sp-4);opacity:.5}.empty-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--navy);margin-bottom:var(--sp-2)}.empty-sub{font-size:13.5px;color:var(--ink-muted)}.alert{display:flex;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-md);font-size:13px;line-height:1.5}.alert-info{background:var(--blue-bg);border:1px solid var(--blue-border);color:#1d4ed8}.alert-warning{background:var(--amber-bg);border:1px solid var(--amber-border);color:#92400e}.alert-success{background:var(--green-bg);border:1px solid var(--green-border);color:#15803d}.alert-error{background:var(--red-bg);border:1px solid var(--red-border);color:#991b1b}.radial-layout{display:grid;grid-template-columns:minmax(500px,560px) 1fr;gap:var(--sp-8);align-items:start}.radial-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-6);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.radial-eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);text-align:center}.radial-hint{font-size:12.5px;color:var(--ink-muted);text-align:center}.action-panel{display:flex;flex-direction:column;gap:var(--sp-4)}.action-header{background:var(--navy);border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-6);color:#fff}.action-greeting{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.5);margin-bottom:var(--sp-2)}.action-message{font-family:var(--font-display);font-size:18px;font-weight:700;line-height:1.3}.action-items{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-3)}.action-item{display:flex;align-items:center;gap:var(--sp-3);padding:10px var(--sp-3);border-radius:var(--r-md);background:rgba(255,255,255,.07);cursor:pointer;transition:background .15s;font-size:13px;color:rgba(255,255,255,.8)}.action-item:hover{background:rgba(255,255,255,.12)}.action-item-count{margin-left:auto;background:rgba(255,255,255,.15);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--r-pill)}.action-arrow{color:rgba(255,255,255,.35);font-size:12px}.segment-info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-6);box-shadow:var(--shadow-sm);animation:fadeUp .25s cubic-bezier(.22,1,.36,1)}.segment-info-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);margin-bottom:var(--sp-2)}.segment-info-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--navy);margin-bottom:var(--sp-3)}.segment-info-desc{font-size:13.5px;color:var(--ink-light);line-height:1.6;margin-bottom:var(--sp-5)}.segment-subitem-list{display:flex;flex-direction:column;gap:var(--sp-2)}.segment-subitem{display:flex;align-items:center;gap:var(--sp-3);padding:9px var(--sp-4);border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;transition:all .15s;font-size:13px;font-weight:500;color:var(--ink);text-decoration:none}.segment-subitem:hover{background:var(--navy-muted);border-color:var(--border-navy);color:var(--navy)}.segment-subitem-arrow{margin-left:auto;color:var(--ink-faint);font-size:12px;transition:transform .15s}.segment-subitem:hover .segment-subitem-arrow{transform:translateX(3px)}.dist-item{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) 0;border-bottom:1px solid var(--border)}.dist-item:last-child{border-bottom:none}.dist-doc-info{flex:1 1;min-width:0}.dist-doc-number{font-family:var(--font-mono);font-size:11.5px;color:var(--navy);font-weight:600}.dist-doc-title{font-size:12.5px;color:var(--ink-muted);margin-top:2px}.dist-pct{font-family:var(--font-display);font-size:14px;font-weight:700;width:44px;text-align:right}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--bg-page)}.login-left{background:var(--navy);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--sp-12);position:relative;overflow:hidden}.login-left:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--navy-mid) 0,var(--navy) 60%)}.login-left-graphic{position:absolute;top:-80px;right:-80px;width:400px;height:400px;border-radius:50%;background:rgba(255,255,255,.04)}.login-left-graphic-2{position:absolute;bottom:100px;left:-60px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.03)}.login-left-content{position:relative;z-index:1}.login-company-logo{width:48px;height:48px;background:rgba(255,255,255,.12);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:var(--sp-8)}.login-tagline{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.4);margin-bottom:var(--sp-3)}.login-headline{font-family:var(--font-display);font-size:36px;font-weight:800;color:#fff;line-height:1.2;letter-spacing:-.03em;margin-bottom:var(--sp-5)}.login-body{font-size:14px;color:rgba(255,255,255,.55);line-height:1.7;max-width:380px}.login-right{display:flex;align-items:center;justify-content:center;padding:var(--sp-12);background:var(--bg-page)}.login-form-wrap{width:100%;max-width:400px}.login-form-title{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--navy);margin-bottom:var(--sp-2);letter-spacing:-.02em}.login-form-sub{font-size:14px;color:var(--ink-muted);margin-bottom:var(--sp-8)}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin:var(--sp-6) 0}.role-card{padding:var(--sp-4);border:2px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:all .18s;background:var(--bg-card)}.role-card:hover{border-color:var(--navy);background:var(--bg-elevated)}.role-card.active{border-color:var(--navy);background:var(--navy-muted)}.role-card-icon{font-size:20px;margin-bottom:var(--sp-2)}.role-card-name{font-size:13px;font-weight:600;color:var(--navy)}.role-card-desc{font-size:11.5px;color:var(--ink-muted);margin-top:2px}.login-divider{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-5) 0;color:var(--ink-faint);font-size:12px}.login-divider:after,.login-divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.role-selected-preview{padding:var(--sp-3) var(--sp-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-md);font-size:13px;color:var(--ink-muted);margin-bottom:var(--sp-5)}.role-selected-preview strong{color:var(--navy)}.view-toggle{display:flex;gap:2px;background:var(--bg-elevated);padding:3px;border-radius:var(--r-md);border:1px solid var(--border)}.view-toggle-btn{padding:5px 12px;border-radius:6px;font-size:12.5px;font-weight:500;border:none;background:transparent;color:var(--ink-muted);cursor:pointer;transition:all .15s}.view-toggle-btn.active{background:var(--bg-card);color:var(--navy);font-weight:600;box-shadow:var(--shadow-xs)}.doc-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);transition:all .18s;cursor:pointer}.doc-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-mid);transform:translateY(-2px)}.doc-card-number{font-family:var(--font-mono);font-size:11.5px;color:var(--navy);font-weight:600;margin-bottom:var(--sp-2)}.doc-card-title{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:var(--sp-3);line-height:1.4}.doc-card-meta{gap:var(--sp-2);margin-bottom:var(--sp-3)}.doc-card-footer,.doc-card-meta{display:flex;align-items:center;justify-content:space-between}.doc-card-footer{padding-top:var(--sp-3);border-top:1px solid var(--border);font-size:12px;color:var(--ink-muted)}.queue-item{padding:var(--sp-4) var(--sp-5);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;transition:all .18s;background:var(--bg-card)}.queue-item:hover{border-color:var(--border-mid);box-shadow:var(--shadow-sm)}.queue-item.active{border-color:var(--navy);background:rgba(7,28,44,.03)}.recipient-row{gap:var(--sp-3);padding:10px var(--sp-4);border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-elevated)}.recipient-row,.user-avatar{display:flex;align-items:center}.user-avatar{width:34px;height:34px;border-radius:50%;background:var(--navy-muted-md);color:var(--navy);justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;letter-spacing:.02em}.mobile-only{display:none!important}.desktop-only{display:block}.mobile-menu-btn{display:none;width:36px;height:36px;border-radius:var(--r-md);background:transparent;border:1px solid var(--border);color:var(--navy);font-size:18px;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .18s ease}.mobile-menu-btn:hover{background:var(--bg-elevated);border-color:var(--border-mid)}.desktop-menu-btn{display:inline-flex;width:36px;height:36px;border-radius:var(--r-md);background:transparent;border:1px solid var(--border);color:var(--navy);font-size:16px;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .18s ease}.desktop-menu-btn:hover{background:var(--bg-elevated);border-color:var(--border-mid)}.sidebar-close-btn{display:none;background:transparent;border:none;color:rgba(255,255,255,.6);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s ease}.sidebar-close-btn:hover{color:#fff;background:rgba(255,255,255,.1)}.sidebar-backdrop{position:fixed;inset:0;background:rgba(7,28,44,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:190;animation:fadeIn .2s ease}.grid-pillars-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dashboard-stage-card{width:100%;padding:36px 32px;background:#ffffff;border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow-sm);text-align:center;position:relative}.stage-title{font-family:var(--font-display);font-size:26px;font-weight:800;color:var(--navy);margin:4px 0 8px;letter-spacing:-.02em}.grid-workspace-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.grid-split-2{display:grid;grid-template-columns:300px 1fr;gap:var(--sp-6);align-items:start}.grid-meta-3{gap:var(--sp-4)}.grid-kpi-3,.grid-meta-3{display:grid;grid-template-columns:repeat(3,1fr)}.grid-kpi-3{gap:14px}.grid-modal-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-modal-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.modal-tabs-scroll{display:flex;background:#ffffff;border-bottom:1px solid #dce6ee;padding:0 24px;gap:6px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.modal-tabs-scroll::-webkit-scrollbar{display:none}.modal-tab-btn{flex-shrink:0;white-space:nowrap;padding:12px 14px;font-size:13px;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer;transition:all .15s ease}.modal-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #dce6ee;border-radius:10px}.modal-table-scroll table{min-width:540px}@media (max-width:1100px){.grid-modal-4,.grid-pillars-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.mobile-only{display:block!important}.mobile-menu-btn{display:inline-flex}.desktop-menu-btn{display:none}.sidebar-close-btn{display:block}.app-shell{grid-template-columns:1fr}.main-area{margin-left:0!important;width:100%!important}.sidebar{transform:translateX(-100%);box-shadow:0 0 40px rgba(0,0,0,.45);z-index:300}.sidebar.open{transform:translateX(0)!important}.topbar{padding:0 var(--sp-4);gap:var(--sp-3)}.topbar-search{max-width:240px}.grid-split-2,.grid-workspace-2{grid-template-columns:1fr}.grid-kpi-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stat-grid-4{grid-template-columns:1fr 1fr}.form-grid-2,.login-page{grid-template-columns:1fr}.login-left{display:none}.page-content{padding:var(--sp-4)}.grid-meta-3{grid-template-columns:1fr 1fr}.grid-modal-2{grid-template-columns:1fr}}@media (max-width:640px){.topbar-search{display:none}.topbar-breadcrumb{font-size:12px}.dashboard-stage-card{padding:20px 14px}.stage-title{font-size:20px}.grid-kpi-3,.grid-meta-3,.grid-modal-4,.grid-pillars-4,.stat-grid-4{grid-template-columns:1fr}.search-box{min-width:100%;width:100%}.toolbar{flex-direction:column;align-items:stretch}.filter-select{width:100%}}.page-content{padding:24px;flex:1 1;overflow-y:auto;overflow-x:hidden}@media (max-width:1024px){.page-content{padding:16px}.full-dashboard-stage-grid{grid-template-columns:1fr!important;height:auto!important}.radial-canvas-column{border-right:none!important;border-bottom:1px solid #e8eef5!important;min-height:auto!important;padding:16px 12px!important}.radial-detail-column{padding:16px!important}.exec-modal-grid{grid-template-columns:1fr!important}}@media (max-width:640px){.page-content{padding:12px}.exec-modal-content{width:96vw!important;max-height:92vh!important;padding:16px 12px!important}.table-responsive-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch}}