:root{--bg:#f8f9fa;--bg-card:#fff;--bg-sidebar:#1a1a2e;--bg-sidebar-hover:#16213e;--text:#1a1a2e;--text-muted:#6c757d;--text-light:#adb5bd;--border:#e9ecef;--primary:#4361ee;--primary-dark:#3a0ca3;--primary-light:#4895ef;--success:#06d6a0;--danger:#ef476f;--warning:#ffd166;--input-bg:#f1f3f5;--link-color:#4361ee;--sidebar-w:240px;--header-h:56px}[data-theme=dark]{--bg:#0f0f1a;--bg-card:#1a1a2e;--text:#e8e8f0;--text-muted:#8888a0;--text-light:#555570;--border:#2a2a40;--input-bg:#16162a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:var(--link-color);text-decoration:none}a:hover{text-decoration:underline}code{background:var(--input-bg);border-radius:4px;padding:.15em .4em;font-family:SF Mono,Fira Code,monospace;font-size:.85em}pre{background:var(--input-bg);white-space:pre;border-radius:8px;padding:1rem;font-family:SF Mono,Fira Code,monospace;font-size:.8em;line-height:1.5;overflow-x:auto}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);color:#fff;z-index:100;flex-direction:column;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{border-bottom:1px solid #ffffff14;align-items:center;gap:.5rem;padding:1.25rem 1.5rem;font-size:1.05rem;font-weight:700;display:flex}.sidebar-logo i{color:var(--primary-light)}.sidebar-nav{flex:1;padding:.75rem 0;overflow-y:auto}.nav-section{margin-bottom:.5rem;padding:0 .75rem}.nav-section-title{text-transform:uppercase;letter-spacing:.08em;color:#ffffff59;padding:.5rem .75rem;font-size:.65rem;font-weight:600}.nav-item{color:#ffffffa6;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.6rem .75rem;font-size:.85rem;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background:var(--bg-sidebar-hover);color:#fff;text-decoration:none}.nav-item.active{background:var(--primary-dark);color:#fff}.nav-item i{text-align:center;width:1.25rem;font-size:.9rem}.sidebar-footer{border-top:1px solid #ffffff14;padding:1rem 1.25rem}.sidebar-user{align-items:center;gap:.75rem;display:flex}.sidebar-avatar{background:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex}.sidebar-username{font-size:.85rem;font-weight:600}.sidebar-role{color:#ffffff73;font-size:.7rem}.main-content{margin-left:var(--sidebar-w);flex:1;min-height:100vh}.page-header{border-bottom:1px solid var(--border);background:var(--bg-card);padding:2rem 2.5rem 1.5rem}.page-header h1{align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.page-header h1 i{color:var(--primary)}.page-header p{color:var(--text-muted);margin-top:.25rem;font-size:.85rem}.page-body{max-width:960px;padding:2rem 2.5rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.btn{cursor:pointer;border:1.5px solid #0000;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-outline{color:var(--text);border-color:var(--border);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-sm{padding:.3rem .75rem;font-size:.75rem}.btn:disabled{opacity:.5;cursor:not-allowed}.form-control{border:1.5px solid var(--border);background:var(--input-bg);width:100%;color:var(--text);border-radius:8px;outline:none;padding:.55rem .85rem;font-size:.85rem;transition:border-color .15s}.form-control:focus{border-color:var(--primary)}textarea.form-control{resize:vertical;font-family:inherit}.badge{border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.badge-success{color:var(--success);background:#06d6a026}.badge-danger{color:var(--danger);background:#ef476f26}.badge-primary{color:var(--primary);background:#4361ee26}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem}.empty-state i{opacity:.4;margin-bottom:.75rem;font-size:2.5rem}.empty-state p{font-size:.9rem}.doc-table{border-collapse:collapse;width:100%;font-size:.85rem}.doc-table th,.doc-table td{text-align:left;border-bottom:1px solid var(--border);padding:.6rem .85rem}.doc-table th{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:600}.spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:1.25rem;height:1.25rem;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.mobile-header{z-index:50;background:var(--bg-card);border-bottom:1px solid var(--border);padding:.75rem 1rem;font-weight:700;display:none;position:sticky;top:0}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.page-header{padding:1.25rem 1rem 1rem}.page-body{padding:1.25rem 1rem}.mobile-header{align-items:center;gap:.75rem;display:flex}}