:root{--portal:#17324d;--portal2:#244f73;--paper:#f4f7fa;--line:#dde5ec;--accent:#0d6efd}body{background:var(--paper);color:#263746}.portal-nav{background:linear-gradient(90deg,var(--portal),var(--portal2));min-height:64px}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff;color:var(--portal);font-weight:800}.portal-shell{display:flex;min-height:calc(100vh - 64px)}.portal-sidebar{width:235px;background:#fff;border-right:1px solid var(--line);padding:22px 14px;flex:0 0 235px}.portal-sidebar a{display:block;text-decoration:none;color:#34495e;padding:10px 12px;border-radius:9px;margin-bottom:3px;font-weight:500}.portal-sidebar a:hover{background:#edf4fa;color:#17324d}.portal-sidebar a.accent{background:#e8f1ff;color:#0d6efd}.portal-main{flex:1;min-width:0}.card{border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 10px rgba(28,51,73,.04)}.stat-card .display-6{font-size:2rem}.table> :not(caption)>*>*{padding:.85rem .75rem}.material-title{font-weight:700;color:#17324d;text-decoration:none}.material-title:hover{text-decoration:underline}.badge-soft{background:#edf4fa;color:#355d7a}.login-panel{max-width:440px}.empty-state{padding:42px 20px;text-align:center;color:#6c7b88}.description-pre{white-space:pre-wrap}.file-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .8rem;background:#f0f4f7;border-radius:10px}.section-title{font-weight:750;color:#17324d}.btn{border-radius:9px}.form-control,.form-select{border-radius:9px}.list-group-item{border-color:var(--line)}@media(max-width:991.98px){.portal-shell{display:block}.portal-sidebar{width:auto;display:flex;overflow-x:auto;gap:4px;border-right:0;border-bottom:1px solid var(--line);padding:10px}.portal-sidebar .small{display:none}.portal-sidebar a{white-space:nowrap;margin:0}.portal-main{width:100%}}@media(max-width:575.98px){.navbar-brand span:last-child{font-size:.9rem}.brand-mark{width:30px;height:30px}}
.notification-unread{background:#f2f7ff;border-left:4px solid #0d6efd}.material-preview-frame{width:100%;height:620px;border:1px solid var(--line);border-radius:10px;background:#fff}.material-preview-image{max-width:100%;max-height:650px;border-radius:10px;border:1px solid var(--line)}.comment-item{padding:14px 0;border-bottom:1px solid var(--line)}.comment-item:last-child{border-bottom:0}@media(max-width:767.98px){.material-preview-frame{height:430px}}
.version-box{background:#f7faff;border:1px dashed #b9cce1;border-radius:12px}.timeline-item{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.timeline-item:last-child{border-bottom:0}.share-history-item{padding:12px 0;border-bottom:1px solid var(--line)}.share-history-item:last-child{border-bottom:0}.metric-bar{height:10px;background:#e9eef3;border-radius:99px;overflow:hidden}.metric-bar>span{display:block;height:100%;background:linear-gradient(90deg,#17324d,#0d6efd);border-radius:99px}

.drop-zone{border:2px dashed #9eb4c7;border-radius:14px;padding:32px;text-align:center;background:#f8fbfd;cursor:pointer;transition:.2s}.drop-zone.dragover{border-color:#0d6efd;background:#eef5ff}.drop-file{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
html[data-theme=dark]{--paper:#101820;--line:#2a3a48;--portal:#0d1b27;--portal2:#153149;color-scheme:dark}html[data-theme=dark] body{background:var(--paper);color:#dce6ee}html[data-theme=dark] .portal-sidebar,html[data-theme=dark] .card,html[data-theme=dark] .table,html[data-theme=dark] .form-control,html[data-theme=dark] .form-select{background:#17222c;color:#dce6ee;border-color:var(--line)}html[data-theme=dark] .portal-sidebar a{color:#c9d7e2}html[data-theme=dark] .portal-sidebar a:hover,html[data-theme=dark] .portal-sidebar a.accent{background:#203344;color:#9ec5fe}html[data-theme=dark] .section-title,html[data-theme=dark] .material-title{color:#eaf2f8}html[data-theme=dark] .text-muted{color:#9eacb8!important}html[data-theme=dark] .drop-zone{background:#14202a;border-color:#4f687c}html[data-theme=dark] .file-pill,html[data-theme=dark] .version-box{background:#1c2a35}html[data-theme=dark] .table>:not(caption)>*>*{background:transparent;color:inherit;border-color:var(--line)}
@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.portal-nav{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}