:root{--topbar-h: 70px;--sidebar-w: 280px;--blue: #4d4d4d;--panel-bg: #f5f5f5;--text: #0f172a;--muted: #475569;--border: rgba(15,23,42,.12)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,Segoe UI,Roboto,Arial;color:var(--text);background:#fff}.btn{padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:#fff;cursor:pointer}.btn:hover{background-color:#b6b5b5}.btn:disabled{opacity:.6;cursor:not-allowed}.btnOutline{background:var(--blue);border:1px solid rgba(255,255,255,.5);color:#fff}.appShell{min-height:100vh}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#fff;border-bottom:1px solid var(--border);z-index:1000}.topbarLeft{display:flex;align-items:center;gap:12px}.logoImg{height:42px;width:auto;object-fit:contain}.topbarRight{display:flex;align-items:center;gap:14px}.userMeta{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.userName{font-weight:600;font-size:14px;color:var(--text)}.userRole{font-size:12px;color:var(--muted)}.sidebar{position:fixed;top:var(--topbar-h);left:0;width:var(--sidebar-w);bottom:0;background:var(--blue);color:#fff;padding:16px 14px;overflow:auto}.sidebarTitle{font-weight:700;letter-spacing:.2px;margin-bottom:12px}.navCards{display:flex;flex-direction:column;gap:10px}.navCard{text-align:left;border:none;border-radius:14px;padding:14px 12px;background:#ffffff1f;color:#fff;cursor:pointer;transition:transform .05s ease,background .15s ease}.navCard:hover{background:#ffffff2e}.navCard:active{transform:translateY(1px)}.navCard.active{background:#ffffff47}.navCardLabel{font-weight:700;font-size:14px}.navCardSub{font-size:12px;opacity:.9;margin-top:4px}.content{position:relative;margin-top:var(--topbar-h);margin-left:var(--sidebar-w);height:calc(100vh - var(--topbar-h));overflow-y:auto;padding:22px 22px 40px;background:#ffffffe6}.panel{background:#ffffffe6;border:1px solid var(--border);border-radius:18px;padding:18px;max-width:1100px}.panelTitle{margin:0 0 10px;font-size:20px}.panelBody p{margin:8px 0;color:var(--text)}.panelBody form h2{margin-top:0}input{width:100%;padding:10px;margin:6px 0;border:1px solid rgba(15,23,42,.18);border-radius:10px}label{display:block;margin-top:10px;font-size:13px;color:var(--muted)}.alert{background:#ffe7e7;border:1px solid #ffb6b6;padding:10px;border-radius:10px;margin:8px 0}.success{background:#e9fbe7;border:1px solid #b7f5b0;padding:10px;border-radius:10px;margin:8px 0}.containerLogin{max-width:460px;margin:90px auto 0;padding:16px;border:1px solid rgba(15,23,42,.18);border-radius:10px}@media (max-width: 860px){:root{--sidebar-w: 220px}}@media (max-width: 680px){:root{--sidebar-w: 0px}.sidebar{display:none}.content{margin-left:0}}.muted{color:var(--muted)}.accordionList{display:flex;flex-direction:column;gap:12px}.accordion{border:1px solid var(--border);border-radius:16px;background:#ffffffeb;overflow:hidden}.accordionSummary{list-style:none;cursor:pointer;padding:14px;display:flex;justify-content:space-between;align-items:center;font-weight:700}.accordionSummary::-webkit-details-marker{display:none}.accordionMeta{font-weight:600;color:var(--muted);font-size:12px}.accordionBody{padding:14px 14px 16px;border-top:1px solid var(--border)}.uploadRow{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.hint{font-size:12px;color:var(--muted)}.fileList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.fileRow{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px;border:1px solid rgba(15,23,42,.1);border-radius:12px;background:#fff}.fileMain{min-width:0}.fileName{font-weight:700}.fileMeta{font-size:12px;color:var(--muted);margin-top:2px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0}.inputGrow{flex:1;min-width:180px}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.listRow{display:flex;gap:10px;align-items:stretch}.listMain{flex:1;text-align:left;background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;padding:12px;cursor:pointer}.listMain:hover{filter:brightness(.98)}.listTitle{font-weight:700}.listMeta{font-size:13px;color:var(--muted);margin-top:4px;display:flex;flex-wrap:wrap;gap:6px}.field{display:flex;flex-direction:column;gap:6px}.fieldLabel{font-size:13px;color:var(--muted)}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formGrid input{width:100%}.formActions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.kv{display:flex;flex-direction:column;gap:8px}.kvRow{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border);padding:6px 0}.kvRow span{color:var(--muted)}@media (max-width: 900px){.formGrid{grid-template-columns:1fr}}.btnDanger{border-color:#dc262659;color:#b91c1c}.btnDanger:hover{background:#dc26260f}