:root{--mdg-sidebar:#172033;--mdg-sidebar-2:#202b41;--mdg-bg:#f4f6f9;--mdg-border:#e4e8ef;--mdg-primary:#0d6efd;--mdg-text:#202631;--mdg-muted:#6c757d}
*{box-sizing:border-box}body{background:var(--mdg-bg);color:var(--mdg-text);min-height:100vh}.app-shell{min-height:100vh;display:flex}.sidebar{width:280px;background:linear-gradient(180deg,var(--mdg-sidebar),#111827);color:#fff;position:fixed;left:0;top:0;bottom:0;display:flex;flex-direction:column;z-index:1030}.brand-block{display:flex;align-items:center;gap:.8rem;padding:1.15rem 1rem;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:42px;height:42px;border-radius:12px;background:#0d6efd;display:grid;place-items:center;font-weight:800;box-shadow:0 5px 20px rgba(13,110,253,.35)}.brand-name{font-weight:800;letter-spacing:.1px}.brand-sub{font-size:.78rem;color:#9ca3af}.nav-scroll{overflow:auto;padding:.65rem}.nav-group{font-size:.67rem;font-weight:800;color:#718096;letter-spacing:.09em;padding:.95rem .65rem .35rem}.side-link{display:flex;align-items:center;gap:.7rem;color:#c8d0dc;text-decoration:none;padding:.56rem .7rem;border-radius:.55rem;margin:.08rem 0;font-size:.88rem;transition:.12s}.side-link:hover{background:rgba(255,255,255,.07);color:#fff}.side-link.active{background:#0d6efd;color:#fff;box-shadow:0 4px 14px rgba(13,110,253,.28)}.side-link i{width:18px;text-align:center}.sidebar-footer{font-size:.72rem;color:#8290a6;padding:.8rem 1rem;border-top:1px solid rgba(255,255,255,.08)}.sidebar-footer strong{color:#cbd5e1}.main{margin-left:280px;min-width:0;flex:1;min-height:100vh;display:flex;flex-direction:column}.topbar{min-height:76px;background:#fff;border-bottom:1px solid var(--mdg-border);padding:.8rem 1.4rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;position:sticky;top:0;z-index:1020}.content{padding:1.35rem;flex:1}.app-footer{padding:.75rem 1.4rem;background:#fff;border-top:1px solid var(--mdg-border);display:flex;justify-content:space-between;color:#6b7280;font-size:.75rem}.stat-card{background:#fff;border:1px solid var(--mdg-border);border-radius:.8rem;padding:1.15rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.035);height:100%}.stat-label{color:#6b7280;font-size:.82rem;font-weight:600}.stat-value{font-size:2rem;font-weight:800;line-height:1.2;margin-top:.35rem}.card{border-radius:.8rem}.card-header{padding:.85rem 1rem;border-bottom:1px solid #edf0f4}.table>thead>tr>th{background:#f8f9fb;color:#667085;font-size:.74rem;text-transform:uppercase;letter-spacing:.035em;font-weight:700;white-space:nowrap}.table td{font-size:.88rem}.content-preview{white-space:pre-wrap;word-break:break-word;max-height:540px;overflow:auto;background:#f8fafc;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.entity-list{max-height:420px;overflow:auto}.info-icon{width:48px;height:48px;border-radius:14px;background:#e7f1ff;color:#0d6efd;display:grid;place-items:center;font-size:1.4rem;flex:0 0 auto}.module-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--mdg-border);border-radius:.8rem;padding:1.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.035)}.module-card strong{font-size:2.2rem}.module-card span{color:#6b7280}.login-page{background:radial-gradient(circle at top left,#e7f1ff,transparent 45%),#f4f6f9;display:grid;place-items:center;padding:1rem}.login-card{width:min(460px,100%);border-radius:1rem}.brand-login{font-size:1.7rem;font-weight:850}.mobile-menu{display:none}.form-control,.form-select,.btn{border-radius:.5rem}.badge{font-weight:650}
@media(max-width:991.98px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.mobile-menu{display:inline-flex}.content{padding:1rem}.topbar{padding:.7rem 1rem}.app-footer{padding:.7rem 1rem;flex-direction:column;gap:.2rem}.sidebar{width:285px}}
@media(max-width:575.98px){.topbar .btn-outline-primary{display:none}.topbar h1{font-size:1.05rem}.content{padding:.75rem}.stat-value{font-size:1.65rem}.table td,.table th{white-space:nowrap}}

/* V1.1 practical document workspace */
.min-w-0{min-width:0}.sidebar-backdrop{display:none}.mode-pill{align-items:center;gap:.4rem;padding:.38rem .6rem;border:1px solid #dbe3ef;background:#f8fafc;border-radius:.55rem;font-size:.75rem;color:#475467;white-space:nowrap}.drop-zone{display:flex;min-height:190px;border:2px dashed #b7c5da;border-radius:.85rem;background:#f8fbff;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;cursor:pointer;transition:.15s}.drop-zone:hover,.drop-zone.dragover{border-color:var(--mdg-primary);background:#eef5ff}.drop-zone .drop-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#e7f1ff;color:#0d6efd;font-size:1.2rem;margin-bottom:.6rem}.drop-zone span,.drop-zone small{color:#667085}.upload-list{display:grid;gap:.4rem}.upload-item{display:flex;justify-content:space-between;gap:1rem;padding:.45rem .6rem;border:1px solid #e4e8ef;border-radius:.5rem;background:#fff;font-size:.82rem}.upload-item span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-type-badge{display:inline-block;min-width:42px;text-align:center;border:1px solid #d9e0ea;border-radius:.45rem;background:#f8fafc;padding:.25rem .4rem;font-size:.7rem;font-weight:800;color:#475467}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.35rem;background:#f59e0b}.status-dot.ok{background:#16a34a}.doc-filename{max-width:520px}.document-hero{background:#fff;border:1px solid var(--mdg-border);border-radius:.8rem;padding:1.1rem 1.2rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.035)}.doc-status-row{display:flex;gap:.4rem;flex-wrap:wrap}.document-preview-frame{width:100%;height:min(68vh,760px);border:0;background:#eef2f6;display:block;border-radius:0 0 .8rem .8rem}.preview-large{max-height:68vh;border:0;border-radius:0;background:#fbfcfe}.empty-preview{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;color:#667085;gap:.6rem}.empty-preview i{font-size:2.2rem;color:#98a2b3}.compact-kv>div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid #edf0f4;font-size:.84rem}.compact-kv>div:last-child{border-bottom:0}.compact-kv span{color:#667085}.compact-kv strong{font-weight:650;text-align:right}.compact-kv .d-block{display:block}.hash-block{display:block;white-space:normal;word-break:break-all;margin-top:.35rem;background:#f8fafc;padding:.45rem;border-radius:.4rem;border:1px solid #edf0f4}.side-content{max-height:320px}.capability-summary>div:first-child{display:flex;justify-content:space-between;font-size:.82rem;margin-bottom:.35rem}.capability-summary .progress{height:7px}.topbar{box-shadow:0 1px 0 rgba(16,24,40,.02)}
@media(max-width:991.98px){.sidebar-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:1025}.sidebar-backdrop.show{display:block}.document-preview-frame{height:58vh}.document-table th:nth-child(5),.document-table td:nth-child(5),.document-table th:nth-child(6),.document-table td:nth-child(6){display:none}}
@media(max-width:575.98px){.topbar .top-upload{display:inline-flex}.document-hero{padding:.9rem}.document-table th:nth-child(3),.document-table td:nth-child(3),.document-table th:nth-child(4),.document-table td:nth-child(4){display:none}.drop-zone{min-height:150px}.document-preview-frame{height:52vh}.content-preview{font-size:12px}.mode-pill{display:none!important}}