:root{--bg:#FFFFFF;--card:#FFFFFF;--tx:#000000;--mu:#133552;--bd:#13355226;--ac:#133552;--acx:#FFFFFF;--ok:#0285A3;--er:#133552;--in:#0285A3;--pu:#133552}
body{background:linear-gradient(135deg,#0285A30A,#FFFFFF 60%);min-height:100vh}
.wrap{max-width:1400px;padding:28px 24px 60px}.topbar{gap:24px;padding-bottom:22px;border-bottom:3px solid #0285A3;margin-bottom:16px}.brand{display:flex;align-items:center;gap:28px}.brand img{width:220px;height:auto}.brand h1{max-width:310px;color:#133552;font-size:21px}.sub{line-height:1.7}.stats{gap:14px;margin:20px 0}.st{padding:18px;border-top:3px solid #0285A3}.st b{color:#133552;font-size:27px}.tab.on{color:#133552;border-color:#0285A3}.bar{margin:20px 0}.sec:hover,.tab:hover{background:#0285A312}button.pri:hover{background:#0285A3;color:#000000}button{min-height:36px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0285A3;outline-offset:3px}th{background:#133552;color:#FFFFFF;padding:14px 10px}td{padding:14px 10px}.late{border-left:3px solid #0285A3}.row-actions{display:flex;gap:5px;flex-wrap:wrap;min-width:190px}.tag{background:#0285A31A;color:#133552}dialog{padding:24px;box-shadow:0 18px 60px #13355233}dialog h2{color:#133552}h3{font-size:14px;color:#133552}.history-entry{display:flex;gap:8px;margin-top:16px}.history-entry input{min-width:0;flex:1}.observations{white-space:pre-wrap}.notice{padding:16px 0;border-bottom:1px solid var(--bd)}.notice p{margin:6px 0 10px}.notice.read{border-left:3px solid var(--bd);padding-left:12px}.notice:not(.read){border-left:3px solid #0285A3;padding-left:12px}#noticeCount{background:#133552;color:white;border-radius:20px;padding:2px 7px}#toasts{position:fixed;bottom:22px;right:22px;z-index:100;display:grid;gap:8px;max-width:min(420px,90vw);pointer-events:none}.toast{background:#133552;color:white;padding:14px 20px;border-left:5px solid #0285A3;border-radius:8px;box-shadow:0 5px 20px #00000022}body:has(dialog[open]) #toasts{display:none}@media(max-width:700px){.wrap{padding:18px 12px}.topbar{align-items:flex-start;flex-direction:column;gap:14px}.brand{align-items:flex-start;flex-direction:column;gap:16px}.brand img{width:190px}.brand h1{font-size:19px;max-width:none}.stats{grid-template-columns:repeat(2,1fr)}.g2{grid-template-columns:1fr}.bar>*{flex-grow:1}}
body{display:flex;flex-direction:column}.wrap{width:100%;flex:1}.topbar{background:#FFFFFF;border:1px solid #13355218;border-bottom:3px solid #0285A3;border-radius:16px;padding:24px;box-shadow:0 8px 30px #13355208;margin-bottom:18px}.brand{gap:24px}.brand img{width:190px}.brand-title{border-left:1px solid var(--bd);padding-left:24px}.brand-title small{color:#0285A3;font-size:10px;letter-spacing:2px;font-weight:750}.brand-title h1{font-size:20px;max-width:240px;margin-top:5px}.header-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.profile-button{display:flex;align-items:center;gap:10px;border:0;border-left:1px solid var(--bd);padding:4px 0 4px 16px;background:transparent;text-align:left;cursor:pointer;font:inherit}.profile-button img{width:44px;height:44px;border-radius:50%;object-fit:cover}.profile-button strong,.profile-button small{display:block}.profile-button strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-button small{font-size:12px;margin-top:2px}.settings-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:28px 0 12px}.settings-bar>span{font-size:11px;letter-spacing:1.5px;color:#133552;font-weight:700}.settings-bar>div{display:flex;gap:8px;flex-wrap:wrap}.footer{border-top:1px solid var(--bd);padding:24px max(24px,calc((100vw - 1352px)/2));display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#133552;font-size:12px;background:#FFFFFF}.catalog-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--bd);padding:14px 0}.catalog-row strong{overflow-wrap:anywhere}.catalog-row small{display:block;color:#133552;margin-top:4px}.catalog-row>div:last-child{display:flex;gap:5px;flex-shrink:0}#catalogList{margin-top:20px}#manageDialog{width:min(650px,94vw)}.photo-editor{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.photo-editor img{width:80px;height:80px;border-radius:50%;object-fit:cover}.photo-editor label{flex:1;min-width:160px}button:disabled{opacity:.5;cursor:not-allowed}hr{border:0;border-top:1px solid var(--bd);margin:24px 0}[hidden]{display:none!important}dialog .toast{margin-top:16px}#profileDialog h2,#manageDialog h2{margin-top:0}@media(max-width:1100px){.topbar{align-items:flex-start;flex-wrap:wrap}.brand-title h1{max-width:none}}@media(max-width:700px){.topbar{padding:18px}.brand{gap:18px}.brand-title{border-left:0;padding-left:0}.header-actions{width:100%;justify-content:space-between;gap:10px}.profile-button{padding-left:10px}.profile-button strong{max-width:100px}.footer{padding:20px 12px}.catalog-row{align-items:flex-start;flex-direction:column}}
.office-heading,.active-office{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:20px 0 14px}.office-heading h2,.active-office h2{font-size:18px;margin:0;color:var(--mu)}.office-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin-bottom:24px}.office-card{padding:20px;border:1px solid var(--bd);border-radius:12px;background:var(--card);display:flex;flex-direction:column;gap:14px}.office-card.selected{border-color:#0285A3;box-shadow:inset 0 3px #0285A3}.office-icon{width:42px;height:42px;background:#133552;color:#FFFFFF;display:grid;place-items:center;font-weight:700;border-radius:10px}.office-info{min-width:0;flex:1}.office-info h3{margin:0 0 8px;font-size:16px;overflow-wrap:anywhere}.office-info p{font-size:13px;margin:4px 0;overflow-wrap:anywhere}.office-info small{color:var(--mu)}.office-actions,.document-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.office-list{display:grid;gap:10px;margin-bottom:24px}.office-list .office-card{flex-direction:row;align-items:center}.office-heading [aria-pressed="true"]{background:#133552;color:#FFFFFF}.active-office{padding-top:12px}#officeDialog{width:min(720px,94vw)}.document-row{padding:18px 0;border-bottom:1px solid var(--bd)}.document-row strong{display:block;overflow-wrap:anywhere}.document-row small{display:block;color:var(--mu);margin:5px 0 12px}.button-link{display:inline-flex;align-items:center;min-height:36px;border:1px solid var(--bd);border-radius:8px;padding:5px 9px;color:var(--tx);font-size:13px;text-decoration:none}.button-link:hover{background:#0285A312}
html[data-theme="dark"]{color-scheme:dark;--bg:#07131E;--card:#102A40;--tx:#FFFFFF;--mu:#CBDDE9;--bd:#FFFFFF30;--ac:#0285A3;--acx:#000000;--er:#FFFFFF}html[data-theme="dark"] body{background:#07131E}html[data-theme="dark"] .topbar,html[data-theme="dark"] .footer{background:var(--card);color:var(--tx)}html[data-theme="dark"] .brand-title h1,html[data-theme="dark"] h3,html[data-theme="dark"] dialog h2,html[data-theme="dark"] .st b,html[data-theme="dark"] .settings-bar>span,html[data-theme="dark"] .profile-button span,html[data-theme="dark"] .tab.on{color:#FFFFFF}html[data-theme="dark"] .brand img{background:#FFFFFF;border-radius:8px;padding:8px}html[data-theme="dark"] .brand-title small{color:#6FD8EE}html[data-theme="dark"] .profile-button{color:#FFFFFF}html[data-theme="dark"] .tag{color:#FFFFFF;background:#0285A340}html[data-theme="dark"] .office-heading [aria-pressed="true"]{background:#0285A3;color:#000000}html[data-theme="dark"] button.pri{color:#000000}html[data-theme="dark"] #noticeCount{background:#0285A3;color:#000000}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{color-scheme:dark}@media(max-width:700px){.office-list .office-card{flex-wrap:wrap;align-items:flex-start}.office-list .office-actions{width:100%}.office-list .office-info{flex-basis:70%}.office-cards{grid-template-columns:1fr}}

.saving #app,.saving dialog{pointer-events:none;opacity:.7}.saving{cursor:progress}#reloadNotice{border-color:#c53030;color:#c53030}#profileDialog label{font-size:14px}