.inter-font{font-family:Inter,sans-serif}:root{--navy-950:#0d1b2a;--navy-900:#14253a;--navy-800:#1a3c6e;--navy-700:#1e4a85;--navy-600:#1a3c6e;--navy-500:#274d8f;--gold-500:#2e6be6;--gold-400:#4a8fff;--gold-300:#7eb3ff;--accent:#2e6be6;--accent-hover:#1a57d4;--success:#1db87a;--warning:#f59e0b;--danger:#e63946;--text-primary:#fff;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--surface:hsla(0,0%,100%,.06);--surface-hover:hsla(0,0%,100%,.1);--border:hsla(0,0%,100%,.08);--border-strong:hsla(0,0%,100%,.14);--sidebar-w:260px;--topbar-h:64px;--radius:12px;--radius-sm:8px;--shadow:0 4px 24px rgba(0,0,0,.3);--shadow-sm:0 2px 8px rgba(0,0,0,.2);--transition:0.3s cubic-bezier(.4,0,.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}html{scroll-behavior:smooth}.inter-font{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}body{background:var(--navy-950);background:radial-gradient(circle at 50% 0,#14253a 0,#0d1b2a 100%);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}.app-shell,body{min-height:100vh}.app-shell,.sidebar{display:flex}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:rgba(11,22,40,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border);flex-direction:column;z-index:100}.sidebar-logo{display:flex;align-items:center;gap:14px;padding:24px 20px;border-bottom:1px solid var(--border)}.sidebar-logo-icon{width:38px;height:38px;background:linear-gradient(135deg,#2e6be6,#4a8fff);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;box-shadow:0 4px 20px rgba(46,107,230,.4);color:#fff}.sidebar-logo-text{font-size:16px;font-weight:800;color:#fff;letter-spacing:-.02em}.sidebar-logo-sub{font-size:10px;color:var(--gold-400);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-top:-2px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 0}.nav-section-label{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);padding:24px 24px 10px;letter-spacing:.05em}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 24px;font-size:14px;color:var(--text-secondary);transition:all var(--transition);text-decoration:none}.nav-link:hover{color:#fff;background:hsla(0,0%,100%,.03)}.nav-link.active{color:#fff;background:linear-gradient(90deg,rgba(46,107,230,.15),transparent);border-left:2px solid var(--gold-500);padding-left:22px}.nav-link-icon{font-size:18px;width:24px;opacity:.7}.nav-link.active .nav-link-icon{opacity:1}.nav-badge{margin-left:auto;background:var(--gold-500);color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:100px;box-shadow:0 2px 8px rgba(46,107,230,.4)}.sidebar-footer{padding:20px;border-top:1px solid var(--border)}.sidebar-footer,.sidebar-user{display:flex;align-items:center;gap:12px}.sidebar-user{flex:1 1;padding:8px;border-radius:12px;cursor:pointer;transition:background .2s}.sidebar-user:hover{background:hsla(0,0%,100%,.05)}.sidebar-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#2e6be6,#4a8fff);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;box-shadow:0 4px 12px rgba(46,107,230,.3)}.sidebar-user-name{font-size:13px;font-weight:700;color:#fff}.sidebar-user-plan{font-size:11px;color:var(--gold-400);font-weight:500}.main-content{margin-left:var(--sidebar-w);min-height:100vh;display:flex;flex-direction:column;flex:1 1;background:transparent}.page-content{padding:40px}.section-header{margin-bottom:40px;display:flex;justify-content:space-between;align-items:flex-start}.section-title{font-size:32px;font-weight:800;color:#fff;letter-spacing:-.02em;margin-bottom:8px}.section-subtitle{font-size:15px;color:var(--text-secondary)}.card-elevated{background:hsla(0,0%,100%,.02);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);transition:transform var(--transition),border var(--transition)}.card-hover:hover{transform:translateY(-4px);border-color:var(--border-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all var(--transition);text-decoration:none}.btn-primary{background:linear-gradient(135deg,#2e6be6,#4a8fff);color:#fff;box-shadow:0 4px 15px rgba(46,107,230,.35);border-radius:8px}.btn-primary:hover{transform:scale(1.02);box-shadow:0 6px 20px rgba(46,107,230,.5)}.btn-secondary{background:hsla(0,0%,100%,.05);color:#fff;border:1px solid var(--border-strong)}.btn-secondary:hover{background:hsla(0,0%,100%,.1);border-color:#fff}.badge{padding:4px 10px;border-radius:100px;font-size:11px;font-weight:700;text-transform:uppercase}.badge-gold{background:rgba(46,107,230,.1);color:var(--gold-400);border:1px solid rgba(46,107,230,.3)}.badge-success{background:rgba(16,185,129,.1);color:#10b981;border:1px solid rgba(16,185,129,.3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .6s ease forwards}@media (max-width:1024px){.sidebar{transform:translateX(-100%);transition:transform .3s}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}}.document-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:24px;gap:24px;margin-top:30px}.document-card{padding:24px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}.doc-type-badge{display:inline-block;align-self:flex-start;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;background:rgba(46,107,230,.1);color:var(--gold-400)}.doc-card-title{font-size:18px;font-weight:700;color:#fff}.doc-card-preview{font-size:13px;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:60px}.doc-card-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.doc-date{font-size:12px;color:var(--text-muted)}.filter-bar{gap:16px;padding:20px;margin-top:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-bar,.filter-group{display:flex;align-items:center}.filter-group{flex:1 1;gap:10px;background:hsla(0,0%,100%,.03);border:1px solid var(--border);border-radius:10px;padding:0 12px}.filter-group input,.filter-group select{background:transparent;border:none;color:#fff;padding:10px 0;width:100%;outline:none;font-size:14px}.filter-group select option{background:var(--navy-900)}.empty-state{grid-column:1/-1;text-align:center;padding:60px;display:flex;flex-direction:column;align-items:center;gap:16px}.empty-icon{font-size:48px;opacity:.5}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:24px}.grid-2,.grid-3{display:grid;gap:24px}.grid-3{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.flex{display:flex}.flex-col{flex-direction:column}.flex-grow{flex-grow:1}.justify-between{justify-content:space-between}.items-center{align-items:center}.items-start{align-items:flex-start}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-auto{margin-top:auto}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-8{margin-top:32px}.mt-4{margin-top:16px}.p-2{padding:8px}.mx-auto{margin-left:auto;margin-right:auto}.max-w-md{max-width:448px}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.font-bold{font-weight:700}.font-black{font-weight:900}.leading-relaxed{line-height:1.625}.italic{font-style:italic}.text-center{text-align:center}.text-gold{color:var(--gold-400)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.hover\:underline:hover{text-decoration:underline}.hover\:text-gold:hover{color:var(--gold-400)}.hover\:text-white:hover{color:#fff}.cursor-pointer{cursor:pointer}.form-label{display:block;font-size:13px;font-weight:700;color:var(--text-secondary);margin-bottom:8px}.form-input{width:100%;background:hsla(0,0%,100%,.03);border:1px solid var(--border);border-radius:10px;padding:12px 16px;color:#fff;font-size:14px;transition:all .2s;outline:none}.form-input:focus{border-color:var(--gold-500);background:hsla(0,0%,100%,.05)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{padding:40px;width:100%;max-width:600px;position:relative;box-shadow:0 32px 64px rgba(0,0,0,.5)}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.space-y-4>*+*{margin-top:16px}.space-y-8>*+*{margin-top:32px}.timeline-container{position:relative}.timeline-container:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:hsla(0,0%,100%,.05)}.timeline-event{position:relative;padding-left:32px;margin-bottom:32px}.timeline-event:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;background:#14253a;border:3px solid #2e6be6;z-index:1;box-shadow:0 0 10px rgba(46,107,230,.4)}.timeline-content-inner{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:16px;padding:20px;transition:all .2s}.timeline-content-inner:hover{transform:translateX(4px);border-color:rgba(46,107,230,.25);background:hsla(0,0%,100%,.04)}