@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=Fira+Code:wght@400;500&display=swap");:root{--bg-primary:#f8fafc;--bg-secondary:#ffffff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--accent-color:#4f46e5;--accent-hover:#4338ca;--accent-light:#e0e7ff;--success:#10b981;--success-bg:#ecfdf5;--danger:#ef4444;--danger-bg:#fef2f2;--warning:#f59e0b;--warning-bg:#fefbeb;--info:#06b6d4;--info-bg:#ecfeff;--glass-bg:rgba(255,255,255,0.7);--glass-border:rgba(241,245,249,0.8);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--font-display:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"Fira Code",monospace}body.dark-mode{--bg-primary:#0b0f19;--bg-secondary:#111827;--bg-tertiary:#1f2937;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-muted:#6b7280;--border-color:#374151;--accent-color:#6366f1;--accent-hover:#4f46e5;--accent-light:#312e81;--success:#34d399;--success-bg:#064e3b;--danger:#f87171;--danger-bg:#7f1d1d;--warning:#fbbf24;--warning-bg:#78350f;--info:#22d3ee;--info-bg:#164e63;--glass-bg:rgba(17,24,39,0.8);--glass-border:rgba(55,65,81,0.8);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.5);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.3),0 2px 4px -1px rgba(0,0,0,0.2);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.4),0 4px 6px -4px rgba(0,0,0,0.3)}*{box-sizing:border-box;transition:background-color .2s ease,border-color .2s ease}body{margin:0;font-family:var(--font-body);color:var(--text-secondary);background:var(--bg-primary);font-size:14px;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:600;margin-top:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background:var(--bg-primary)}.app.has-panel{grid-template-columns:260px 1fr 340px}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:20px 16px;display:flex;flex-direction:column;height:100vh;position:-webkit-sticky;position:sticky;top:0}.sidebar-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.brand-name{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--accent-color)}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1 1;overflow-y:auto;margin-bottom:12px}.sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;width:100%;text-align:left;transition:all .15s ease}.sidebar-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-item.active{background:var(--accent-light);color:var(--accent-color)}.nav-heading{font-family:var(--font-display);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:16px 12px 6px;font-weight:700}.folder-tree{margin-left:8px;display:flex;flex-direction:column;gap:2px}.folder-node{margin-left:12px;border-left:1.5px solid var(--border-color);padding-left:8px}.user-widget{background:var(--bg-tertiary);border-radius:12px;padding:14px;gap:12px;margin-top:auto;border:1px solid var(--border-color)}.user-avatar,.user-widget{display:flex;align-items:center}.user-avatar{width:38px;height:38px;border-radius:50%;background:var(--accent-color);color:white;justify-content:center;font-weight:600;font-family:var(--font-display);font-size:16px}.user-info{flex:1 1;min-width:0}.user-name{font-weight:600;font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:var(--text-muted);text-transform:capitalize}.main{padding:24px 40px;display:flex;flex-direction:column;height:100vh;overflow-y:auto}.topbar{justify-content:space-between;margin-bottom:28px;gap:20px}.breadcrumbs,.topbar{display:flex;align-items:center}.breadcrumbs{gap:8px;font-family:var(--font-display);font-size:15px;font-weight:500;color:var(--text-muted)}.breadcrumbs span.current{color:var(--text-primary);font-weight:600}.search-bar{position:relative;display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:6px 12px;width:380px;box-shadow:var(--shadow-sm)}.search-bar input{border:none;background:transparent;outline:none;color:var(--text-primary);width:100%;font-family:var(--font-body);font-size:13px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin-bottom:32px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.stat-title{font-size:13px;color:var(--text-muted);margin-bottom:8px;font-weight:500}.stat-value{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--text-primary)}.document-table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden}.document-table{width:100%;border-collapse:collapse}.document-table th{background:var(--bg-tertiary);padding:12px 20px;text-align:left;font-weight:600;font-size:13px}.document-table td,.document-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.document-table td{padding:16px 20px}.document-table tr:last-child td{border-bottom:none}.document-table tr:hover td{background-color:var(--bg-primary)}.doc-name-cell{display:flex;align-items:center;gap:12px;font-weight:500;color:var(--text-primary)}.badge{font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;padding:4px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:4px}.badge-restricted{background:var(--warning-bg);color:var(--warning);border:1px solid rgba(245,158,11,.2)}.badge-locked{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(239,68,68,.2)}.badge-approved{background:var(--success-bg);color:var(--success);border:1px solid rgba(16,185,129,.2)}.badge-in-review{background:var(--warning-bg);color:var(--warning);border:1px solid rgba(245,158,11,.2)}.badge-draft{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.badge-success{background:var(--success-bg);color:var(--success);border:1px solid rgba(16,185,129,.2)}.badge-danger{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(239,68,68,.2)}.badge-info{background:var(--info-bg);color:var(--info);border:1px solid rgba(6,182,212,.2)}.field-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}input[type=email],input[type=password],input[type=text],select,textarea{font-family:var(--font-body);font-size:13px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);outline:none;transition:border-color .15s ease,box-shadow .15s ease}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(79,70,229,.15)}.selected-row td{background-color:var(--accent-light)!important}body.dark-mode .selected-row td{background-color:rgba(99,102,241,.15)!important}.link-btn{background:transparent;border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;padding:0;transition:color .15s ease}.link-btn:hover{color:var(--accent-color)}.details-panel{background:var(--bg-secondary);border-left:1px solid var(--border-color);height:100vh;position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:column;padding:24px;overflow-y:auto;box-shadow:var(--shadow-lg)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.panel-title{font-family:var(--font-display);font-size:18px;font-weight:700;margin:0}.comments-section{gap:16px;margin-top:24px;border-top:1px solid var(--border-color);padding-top:24px}.comment-bubble,.comments-section{display:flex;flex-direction:column}.comment-bubble{background:var(--bg-tertiary);border-radius:8px;padding:12px;gap:6px;position:relative}.comment-header{display:flex;justify-content:space-between;font-size:12px;font-weight:600}.comment-body{font-size:13px;line-height:1.5;color:var(--text-primary)}.comment-actions{display:flex;gap:10px;font-size:11px;color:var(--text-muted)}.comment-input-area{display:flex;gap:8px;margin-top:12px}.comment-input-area input{flex:1 1;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;color:var(--text-primary);font-family:var(--font-body)}.btn-primary{background:var(--accent-color);color:white;border:none;border-radius:8px;padding:10px 18px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background-color .15s ease,transform .1s ease}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{transform:scale(.98)}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;padding:8px 14px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-outline:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal,.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card,.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:32px;width:500px;max-width:90vw;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:16px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.upload-mode-tabs{display:flex;background:var(--bg-tertiary);border-radius:8px;padding:4px;gap:4px}.upload-mode-tab{flex:1 1;padding:8px 12px;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.upload-mode-tab.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.upload-file-note{font-size:11px;color:var(--text-muted);margin-top:6px;line-height:1.4}.checkbox-row{gap:8px;font-size:13px;color:var(--text-secondary);cursor:pointer;margin-top:4px}.checkbox-row,.login-container{display:flex;align-items:center}.login-container{min-height:100vh;justify-content:center;background:var(--bg-primary);position:relative;overflow:hidden}.login-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:20px;padding:40px;width:440px;box-shadow:var(--shadow-lg)}.pdf-preview-protect{position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.pdf-canvas-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;z-index:100}@media print{body{display:none!important}}