*{box-sizing:border-box;font-family:Noto Sans Arabic,Inter,system-ui,sans-serif}:root{--bg: #f4f6fb;--panel: #ffffff;--text: #132238;--muted: #607086;--border: #d8e0ea;--primary: #2563eb;--danger: #c0392b;--surface-soft: #f8fbff;--focus-ring: rgba(37, 99, 235, .26)}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button:focus,input:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:2px}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:24px;display:grid;gap:12px;box-shadow:0 12px 30px #122a5014}.auth-header{display:flex;align-items:center;justify-content:space-between}.auth-card h1{margin:0;font-size:1.4rem}.auth-card label{display:grid;gap:6px}.auth-card input{border:1px solid var(--border);border-radius:10px;padding:10px 12px}.remember{display:flex;align-items:center;gap:8px;color:var(--muted)}.subtitle{margin:0;color:var(--muted);font-size:.92rem}.hint-text{color:var(--muted)}.error-text{margin:0;color:var(--danger)}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.sidebar{background:#0f1d2e;color:#f9fbff;border-inline-end:1px solid #22354d;display:flex;flex-direction:column;padding:18px 14px;gap:16px}.brand-block h2{margin:0 0 8px}.brand-block p{margin:8px 0 0;color:#b8c8db}.role-badge{font-size:.8rem;padding:3px 8px;border-radius:999px;border:1px solid #3d5678;color:#dbe9fa}.nav-list{display:grid;gap:6px}.nav-btn{text-align:start;border:1px solid transparent;background:transparent;color:#d8e4f4;border-radius:10px;padding:10px 12px;cursor:pointer}.nav-btn:hover{background:#182b42}.nav-btn.active{background:#1e3a5f;border-color:#335784}.sidebar-footer{margin-top:auto;display:grid;gap:8px}.content{padding:20px;display:grid;gap:18px;align-content:start}.page-header{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.page-header h1{margin:0}.quick-actions{display:flex;gap:8px;flex-wrap:wrap}.search-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 76%,var(--primary) 24%),color-mix(in srgb,var(--panel) 88%,var(--primary) 12%));border:1px solid var(--border);border-radius:12px;padding:12px;box-shadow:inset 0 1px #fff6}.search-input,.filter-select{border:1px solid var(--border);border-radius:10px;padding:9px 12px;background:var(--panel);color:var(--text);min-height:40px;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.search-input{min-width:220px;flex:1 1 220px}.filter-select{min-width:150px}.search-input:focus,.filter-select:focus,.inline-form input:focus,.inline-form select:focus,.inline-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}.grid-cards{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(180px,1fr))}.stat-card,.panel-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px 18px;box-shadow:0 8px 24px #1024420f}.error-banner{border-color:#f3b6b0;background:#fff3f1;color:#7a1f16}.success-banner{border-color:#b7e4c7;background:#edf9f1;color:#1f5f35}.error-banner p,.success-banner p{margin:0;color:inherit}.stat-card h3,.panel-card h3{margin:0 0 10px}.stat-card strong{font-size:1.7rem}.wide{grid-column:1 / -1}.activity-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.activity-list li{display:flex;justify-content:space-between;border-bottom:1px dashed var(--border);padding-bottom:6px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--border);text-align:start;padding:12px 10px}thead th{font-weight:700;color:color-mix(in srgb,var(--text) 82%,var(--muted) 18%);letter-spacing:.01em}tbody tr:nth-child(2n){background:var(--surface-soft)}tbody tr:hover{background:color-mix(in srgb,var(--surface-soft) 75%,var(--primary) 25%)}.actions-cell{display:flex;gap:6px;flex-wrap:wrap}.inline-form{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 14px}.new-document-form{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:14px;align-items:start}.new-document-main{display:grid;gap:12px;min-width:0}.new-document-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.new-document-sidebar{display:flex;align-self:stretch}.save-draft-btn{width:100%;min-height:100%}.batch-import-card{margin-top:2px}.inline-form input,.inline-form select,.inline-form textarea,.new-document-main input,.new-document-main select,.new-document-main textarea{border:1px solid var(--border);border-radius:10px;padding:9px 12px;min-width:150px;background:var(--panel);color:var(--text)}.new-document-main input,.new-document-main select,.new-document-main textarea{width:100%}.text-area-field{flex:1 1 100%;min-height:150px;resize:vertical}.attachment-item{border:1px solid var(--border);border-radius:8px;padding:10px;margin-top:8px;background:color-mix(in srgb,var(--panel) 88%,var(--primary) 12%)}.doc-detail-page{gap:14px}.doc-detail-content{display:grid;gap:14px}.doc-meta{background:color-mix(in srgb,var(--panel) 86%,var(--primary) 14%);border:1px solid var(--border);border-radius:12px;padding:12px}.doc-meta p{margin:0}.doc-meta p+p{margin-top:6px;color:var(--muted)}.doc-actions-card,.attachments-card{border-radius:12px}.batch-dropzone{border-style:dashed!important;border-width:2px!important;min-height:110px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 86%,var(--primary) 14%),color-mix(in srgb,var(--panel) 92%,var(--primary) 8%))}.upload-picker{flex:1 1 100%;display:flex;align-items:center;justify-content:center;min-height:110px;padding:16px;border:1px solid var(--border);border-radius:10px;cursor:pointer;font-weight:600;color:var(--muted);text-align:center}.upload-picker input{display:none}.status-pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.8rem}.status-pill.ok{background:#dcfce7;color:#166534}.status-pill.warn{background:#fee2e2;color:#991b1b}.primary-btn,.ghost-btn,.danger-btn{border-radius:10px;padding:9px 13px;border:1px solid transparent;cursor:pointer;font-weight:600;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.primary-btn:hover,.ghost-btn:hover,.danger-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #1226422e}.primary-btn:disabled,.ghost-btn:disabled,.danger-btn:disabled{opacity:.62;cursor:not-allowed;transform:none;box-shadow:none}.primary-btn{background:var(--primary);color:#fff}.ghost-btn{background:#fff;color:var(--text);border-color:var(--border)}.danger-btn{background:#2b1413;color:#ffdbd7;border-color:#6a2620}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{border-inline-end:none;border-bottom:1px solid #22354d}.grid-cards,.new-document-form,.new-document-meta-grid{grid-template-columns:1fr}.new-document-sidebar{display:block}.save-draft-btn{min-height:48px}}@media(min-width:1280px){.content{padding:24px 28px}.table-wrap table{font-size:.95rem}}@media(prefers-color-scheme:dark){:root{--bg: #0b1321;--panel: #111c2d;--text: #f3f7ff;--muted: #b8c8de;--border: #2b3d56;--primary: #4d8bff}.ghost-btn{background:#16243a;color:var(--text)}.search-toolbar{background:linear-gradient(180deg,#1a2b43,#16243a);box-shadow:inset 0 1px #ffffff08}tbody tr:nth-child(2n){background:#122238}tbody tr:hover{background:#1a2d48}.status-pill.ok{background:#163527;color:#9be5ba}.status-pill.warn{background:#401f21;color:#f1a9b0}.error-banner{border-color:#6b2e35;background:#3b1f24;color:#ffd6dc}.success-banner{border-color:#2f5c43;background:#173327;color:#c9f0d8}.doc-meta{background:#15253b}}