@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap");:root{--color-blue-900:#0f1e6b;--color-blue-700:#1a3aad;--color-blue-600:#2250d9;--color-blue-500:#3b6bff;--color-blue-300:#93b4ff;--color-blue-100:#dde8ff;--color-blue-50:#eef3ff;--color-gray-900:#0c0e14;--color-gray-800:#1a1d2b;--color-gray-700:#2e3347;--color-gray-500:#64698a;--color-gray-400:#9ca3af;--color-gray-300:#c4c8dc;--color-gray-100:#f0f2f8;--color-gray-50:#f7f8fc;--color-white:#fff;--color-success:#16a34a;--color-success-bg:#dcfce7;--color-warning:#d97706;--color-warning-bg:#fef3c7;--color-danger:#dc2626;--color-danger-bg:#fee2e2;--color-info:#2563eb;--color-info-bg:#dbeafe;--font-sans:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--font-mono:"IBM Plex Mono","Fira Code",monospace;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--text-5xl:48px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.6;--leading-relaxed:1.7;--tracking-tight:-.6px;--tracking-wide:.6px;--tracking-wider:1.2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-xs:4px;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(15,30,107,.06);--shadow:0 1px 3px rgba(15,30,107,.08),0 8px 24px rgba(15,30,107,.08);--shadow-md:0 4px 12px rgba(15,30,107,.1),0 1px 3px rgba(15,30,107,.06);--shadow-lg:0 4px 6px rgba(15,30,107,.06),0 20px 60px rgba(15,30,107,.14);--shadow-focus:0 0 0 3px var(--color-blue-100);--z-base:0;--z-raised:10;--z-overlay:50;--z-modal:100;--z-nav:200;--z-toast:300;--transition-fast:.12s ease;--transition-base:.18s ease;--transition-slow:.3s ease;--container:1200px;--nav-height:64px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);background:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{color:var(--color-gray-900)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-extrabold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-md)}p{color:var(--color-gray-500);line-height:var(--leading-relaxed)}a{color:var(--color-blue-600);text-decoration:none}a:hover{color:var(--color-blue-700)}code,kbd,pre{font-family:var(--font-mono);font-size:.9em}.container{max-width:var(--container);margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-24) var(--space-6)}.section-sm{padding:var(--space-16) var(--space-6)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-gray-500)}.text-primary{color:var(--color-blue-600)}.text-strong{color:var(--color-gray-900);font-weight:var(--font-bold)}.font-mono{font-family:var(--font-mono)}.font-bold{font-weight:var(--font-bold)}.font-semibold{font-weight:var(--font-semibold)}.label-caps{font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-blue-600)}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.bg-white{background:var(--color-white)}.bg-gray-50{background:var(--color-gray-50)}.bg-gray-100{background:var(--color-gray-100)}.bg-navy{background:var(--color-blue-900)}.bg-blue-50{background:var(--color-blue-50)}.border{border:1px solid var(--color-gray-100)}.rounded{border-radius:var(--radius)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.shadow{box-shadow:var(--shadow)}.shadow-lg{box-shadow:var(--shadow-lg)}.divider{border:none;border-top:1px solid var(--color-gray-100);margin:var(--space-6) 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1;padding:10px 20px;border-radius:var(--radius-sm);border:none;cursor:pointer;text-decoration:none;white-space:nowrap;transition:all var(--transition-base);outline:none}.btn:focus-visible{box-shadow:var(--shadow-focus)}.btn-sm{font-size:var(--text-xs);padding:7px 14px;border-radius:var(--radius-xs)}.btn-lg{font-size:var(--text-md);padding:14px 28px}.btn-lg,.btn-xl{border-radius:var(--radius)}.btn-xl{font-size:var(--text-lg);padding:16px 36px}.btn-full{width:100%}.btn-primary{background:var(--color-blue-500);color:var(--color-white)}.btn-primary:hover{background:var(--color-blue-600);transform:translateY(-1px);box-shadow:0 4px 16px rgba(59,107,255,.35);color:var(--color-white)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-gray-100);color:var(--color-gray-900)}.btn-secondary:hover{background:var(--color-gray-300);color:var(--color-gray-900)}.btn-outline{background:transparent;color:var(--color-blue-600);border:1.5px solid var(--color-blue-300)}.btn-outline:hover{background:var(--color-blue-50);color:var(--color-blue-700)}.btn-ghost{background:transparent;color:var(--color-gray-700)}.btn-ghost:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.btn-danger{background:var(--color-danger);color:var(--color-white)}.btn-danger:hover{background:#b91c1c;color:var(--color-white);transform:translateY(-1px)}.btn-white{background:var(--color-white);color:var(--color-blue-900)}.btn-white:hover{background:var(--color-blue-50);transform:translateY(-1px);color:var(--color-blue-900)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:4px 10px;border-radius:var(--radius-full);line-height:1;white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge-default{background:var(--color-gray-100);color:var(--color-gray-500)}.badge-blue{background:var(--color-blue-50);border:1px solid var(--color-blue-100);color:var(--color-blue-700)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-sent{background:var(--color-gray-100);color:var(--color-gray-500)}.badge-opened{background:var(--color-warning-bg);color:var(--color-warning)}.badge-viewed{background:var(--color-info-bg);color:var(--color-info)}.badge-downloaded{background:var(--color-success-bg);color:var(--color-success)}.badge-overdue{background:var(--color-danger-bg);color:var(--color-danger)}.card{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius);padding:var(--space-6);transition:box-shadow var(--transition-base),border-color var(--transition-base)}.card:hover{box-shadow:var(--shadow);border-color:var(--color-gray-300)}.card-flat{border:1px solid var(--color-gray-100);border-radius:var(--radius)}.card-flat,.card-raised{background:var(--color-white);padding:var(--space-6)}.card-raised{box-shadow:var(--shadow-lg)}.card-navy,.card-raised{border-radius:var(--radius-lg)}.card-navy{background:var(--color-blue-900);padding:var(--space-8)}.card-highlight{border:1.5px solid var(--color-blue-500);background:var(--color-blue-50);border-radius:var(--radius);padding:var(--space-6)}.card-header{padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-100)}.card-title{font-size:var(--text-md);font-weight:var(--font-bold);color:var(--color-gray-900);margin-bottom:var(--space-1)}.card-subtitle{font-size:var(--text-sm);color:var(--color-gray-500)}.input{display:block;width:100%;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);color:var(--color-gray-900);background:var(--color-white);border:1.5px solid var(--color-gray-300);border-radius:var(--radius-sm);padding:10px 14px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;line-height:1.4}.input::placeholder{color:var(--color-gray-400)}.input:focus{border-color:var(--color-blue-500);box-shadow:var(--shadow-focus)}.input:disabled{background:var(--color-gray-50);color:var(--color-gray-400);cursor:not-allowed}.input-sm{padding:7px 12px;font-size:var(--text-sm)}.input-lg{padding:13px 16px;font-size:var(--text-md)}.input-error{border-color:var(--color-danger)}.input-error:focus{box-shadow:0 0 0 3px var(--color-danger-bg)}.select{display:block;width:100%;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);color:var(--color-gray-900);background-color:var(--color-white);border:1.5px solid var(--color-gray-300);border-radius:var(--radius-sm);padding:10px 36px 10px 14px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;line-height:1.4;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}.select:focus{border-color:var(--color-blue-500);box-shadow:var(--shadow-focus)}.select:disabled{background-color:var(--color-gray-50);color:var(--color-gray-400);cursor:not-allowed}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-800)}.form-label.required:after{content:" *";color:var(--color-danger)}.form-hint{color:var(--color-gray-500)}.form-error,.form-hint{font-size:var(--text-xs)}.form-error{color:var(--color-danger);font-weight:var(--font-medium)}.table-wrap{border:1px solid var(--color-gray-100);border-radius:var(--radius);overflow:hidden}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table thead tr{background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-100)}.table th{padding:10px 16px;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:var(--tracking-wide);text-align:left;white-space:nowrap}.table td{padding:14px 16px;color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-50);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--color-gray-50)}.table .col-doc{font-weight:var(--font-semibold);color:var(--color-gray-900)}.table .col-meta{font-size:var(--text-xs);color:var(--color-gray-500)}.table .col-mono{font-family:var(--font-mono);font-size:var(--text-xs)}.timeline{display:flex;flex-direction:column}.tl-item{display:flex;align-items:flex-start;gap:var(--space-3);padding-bottom:var(--space-4);position:relative}.tl-item:last-child{padding-bottom:0}.tl-item:not(:last-child):before{content:"";position:absolute;left:11px;top:24px;bottom:0;width:1px;background:var(--color-gray-100)}.tl-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.tl-dot svg{width:11px;height:11px}.tl-dot-sent{background:var(--color-gray-100)}.tl-dot-opened{background:var(--color-warning-bg)}.tl-dot-viewed{background:var(--color-info-bg)}.tl-dot-downloaded{background:var(--color-success-bg)}.tl-label{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-gray-800);text-transform:uppercase;letter-spacing:.5px}.tl-time{font-family:var(--font-mono)}.tl-detail,.tl-time{font-size:var(--text-xs);color:var(--color-gray-500);margin-top:2px}.icon-box{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-box svg{width:22px;height:22px}.icon-box-sm{width:32px;height:32px}.icon-box-sm svg{width:16px;height:16px}.icon-box-lg{width:56px;height:56px}.icon-box-lg svg{width:28px;height:28px}.icon-blue{background:var(--color-blue-50);color:var(--color-blue-600)}.icon-green{background:var(--color-success-bg);color:var(--color-success)}.icon-amber{background:var(--color-warning-bg);color:var(--color-warning)}.icon-indigo{background:#eef2ff;color:#4f46e5}.icon-teal{background:#f0fdfa;color:#0d9488}.icon-rose{background:#fff1f2;color:#e11d48}.icon-gray{background:var(--color-gray-100);color:var(--color-gray-500)}.section-label{font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-blue-600);margin-bottom:var(--space-3)}.section-title{font-size:clamp(26px,3.5vw,40px);font-weight:var(--font-extrabold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-gray-900);margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-lg);color:var(--color-gray-500);max-width:560px;line-height:var(--leading-relaxed);margin-bottom:var(--space-12)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center;color:var(--color-gray-500)}.empty-state .icon-box{margin-bottom:var(--space-4)}.empty-state h3{font-size:var(--text-lg);color:var(--color-gray-800);margin-bottom:var(--space-2)}.empty-state p{max-width:320px}.alert,.empty-state p{font-size:var(--text-sm)}.alert{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-sm);line-height:var(--leading-normal)}.alert svg{width:16px;height:16px;flex-shrink:0;margin-top:1px}.alert-info{background:var(--color-info-bg);color:var(--color-info);border:1px solid #bfdbfe}.alert-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid #bbf7d0}.alert-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid #fde68a}.alert-danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #fecaca}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{border-radius:var(--radius-xs);background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-50) 50%,var(--color-gray-100) 75%);background-size:800px 100%;animation:skeleton-shimmer 1.5s linear infinite}.modal-overlay{position:fixed;inset:0;background:rgba(12,14,20,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-8);max-width:560px;width:100%}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-6)}.modal-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-gray-900)}@media (max-width:768px){.hide-mobile{display:none!important}.section{padding:var(--space-16) var(--space-4)}.modal{padding:var(--space-6);margin:var(--space-4)}}@media (min-width:769px){.hide-desktop{display:none!important}}body{background:var(--color-gray-50)}.auth-body{background:var(--color-white);min-height:100vh}.shell{display:flex;min-height:100vh}.shell-sidebar{width:240px;flex-shrink:0;background:var(--color-blue-900);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:var(--z-nav);overflow-y:auto}.shell-main{flex:1 1;margin-left:240px;display:flex;flex-direction:column;min-height:100vh}.shell-topbar{height:var(--nav-height);background:var(--color-white);border-bottom:1px solid var(--color-gray-100);display:flex;align-items:center;padding:0 var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-raised)}.shell-content{flex:1 1;padding:var(--space-8) var(--space-8)}.sidebar-logo{padding:var(--space-5) var(--space-5);border-bottom:1px solid hsla(0,0%,100%,.08)}.sidebar-logo-text{font-size:17px;font-weight:var(--font-extrabold);color:var(--color-white);letter-spacing:-.3px;text-decoration:none}.sidebar-logo-text span{color:var(--color-blue-300)}.sidebar-nav{flex:1 1;padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:2px}.sidebar-section-label{font-size:10px;font-weight:var(--font-bold);letter-spacing:1.2px;text-transform:uppercase;color:hsla(0,0%,100%,.3);padding:var(--space-4) var(--space-3) var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:9px var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);color:hsla(0,0%,100%,.6);text-decoration:none;transition:all var(--transition-fast);cursor:pointer;border:none;background:none;width:100%;text-align:left}.nav-item svg{width:16px;height:16px;flex-shrink:0;opacity:.7}.nav-item:hover{background:hsla(0,0%,100%,.08);color:var(--color-white)}.nav-item:hover svg{opacity:1}.nav-item.active{background:rgba(59,107,255,.25);color:var(--color-white);font-weight:var(--font-semibold)}.nav-item.active svg{opacity:1;color:var(--color-blue-300)}.sidebar-footer{padding:var(--space-4) var(--space-4);border-top:1px solid hsla(0,0%,100%,.08)}.sidebar-user{gap:var(--space-3)}.sidebar-avatar,.sidebar-user{display:flex;align-items:center}.sidebar-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:rgba(59,107,255,.4);justify-content:center;font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-white);flex-shrink:0}.sidebar-user-info{flex:1 1;min-width:0}.sidebar-user-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:11px;color:hsla(0,0%,100%,.4)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.page-title{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--color-gray-900);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-1)}.page-subtitle{font-size:var(--text-sm);color:var(--color-gray-500)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-5);gap:var(--space-5);margin-bottom:var(--space-8)}.stat-card{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius);padding:var(--space-5) var(--space-6)}.stat-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2)}.stat-value{font-size:var(--text-3xl);font-weight:var(--font-extrabold);color:var(--color-gray-900);letter-spacing:var(--tracking-tight);font-family:var(--font-mono);line-height:1}.stat-sub{font-size:var(--text-xs);color:var(--color-gray-500);margin-top:var(--space-2)}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.shell-sidebar{width:200px}.shell-main{margin-left:200px}}@media (max-width:768px){.shell-sidebar{display:none}.shell-main{margin-left:0}.shell-content{padding:var(--space-4)}.stats-grid{grid-template-columns:1fr 1fr}}