:root{--bg: #f3f5f7;--panel: #ffffff;--ink: #16222b;--muted: #6f7b85;--line: #dde3e8;--brand: #0f8b8d;--brand-strong: #0c6c6d;--danger: #c0392b}*{box-sizing:border-box}body{margin:0;font-family:Noto Sans,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at top,#ecf7f8,var(--bg))}button,input,select{font:inherit}input,select{height:2.5rem;border:1px solid var(--line);border-radius:.625rem;padding:0 .75rem;background:#fff}.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:#102530;color:#d7e2e8;display:flex;flex-direction:column;padding:1rem;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{font-weight:700;margin-bottom:1.25rem}.nav-list{display:flex;flex-direction:column;gap:.5rem}.nav-btn{border:none;color:inherit;background:transparent;text-align:left;padding:.6rem .75rem;border-radius:.6rem;cursor:pointer}.nav-btn.active,.nav-btn:hover{background:#ffffff1f}.sidebar-footer{margin-top:auto;display:grid;gap:.5rem;position:sticky;bottom:0;padding-top:.75rem;background:linear-gradient(to top,#102530 70%,#10253000)}.content{padding:1.5rem}.topbar{margin-bottom:1.25rem}.topbar-title{margin:0;font-size:1.4rem}.topbar-subtitle{margin:.25rem 0 0;color:var(--muted)}.view-wrapper{display:grid;gap:1rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:.9rem;padding:1rem}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.filters{display:flex;gap:.6rem;flex-wrap:wrap}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:.8rem;padding:1rem}.label{margin:0 0 .25rem;color:var(--muted)}.value{margin:0;font-size:1.4rem;font-weight:700}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.list,.stack{display:grid;gap:.6rem}.list-row{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:.6rem;padding:.65rem}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:.7rem .5rem;vertical-align:top}.table th{color:var(--muted);font-size:.8rem;text-transform:uppercase}.pagination{margin-top:1rem;display:flex;gap:.75rem;align-items:center}.actions-inline{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.primary-btn,.outline-btn,.danger-btn,.chip-btn{border:1px solid transparent;border-radius:.6rem;cursor:pointer}.primary-btn{background:var(--brand);color:#fff;padding:.55rem .85rem}.primary-btn:hover{background:var(--brand-strong)}.outline-btn{background:transparent;border-color:var(--line);color:inherit;padding:.5rem .8rem}.danger-btn{background:var(--danger);color:#fff;padding:.5rem .8rem}.chip-btn{background:#f6f8fa;border-color:var(--line);color:var(--ink);padding:.35rem .55rem}.chip-btn.danger{color:var(--danger);border-color:#f3c3bd}.form-grid{display:grid;gap:.6rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1rem}.tag-grid{display:grid;gap:.6rem}.tag-card,.report-card,.tree-row{border:1px solid var(--line);border-radius:.7rem;padding:.75rem;display:flex;justify-content:space-between;align-items:center;gap:.8rem}.tree-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.tree-item{list-style:none}.tree-row{border:1px solid var(--line);border-radius:.7rem;padding:.5rem .6rem;display:flex;align-items:center;gap:.45rem;background:#fff}.tree-main{flex:1;display:flex;align-items:center;justify-content:space-between;gap:.8rem}.tree-toggle{border:0;background:transparent;color:var(--muted);width:1.3rem;height:1.3rem;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.tree-toggle:disabled{cursor:default}.tree-chevron{transition:transform .15s ease}.tree-chevron.open{transform:rotate(90deg)}.tree-dot{font-size:.9rem;line-height:1}.tree-children{list-style:none;margin:.4rem 0 0;padding:0;display:grid;gap:.4rem}.report-card{align-items:flex-start;flex-direction:column}.report-head{width:100%;display:flex;justify-content:space-between;align-items:flex-start}.checkbox-row{display:inline-flex;align-items:center;gap:.5rem}.badge{border-radius:999px;padding:.2rem .5rem;font-size:.72rem;font-weight:600}.badge-green{background:#e8f7ee;color:#1c8a4e}.badge-yellow{background:#fff6df;color:#a06c00}.badge-red{background:#fdeaea;color:#b73030}.badge-blue{background:#e9f3ff;color:#1b5fa8}.badge-gray{background:#edf1f3;color:#5f6c75}.badge-purple{background:#efe8ff;color:#5f3db8}.state-card{background:var(--panel);border:1px dashed var(--line);border-radius:.8rem;color:var(--muted);padding:1rem}.muted,.row-sub{color:var(--muted);font-size:.85rem}.row-title{margin:0;font-weight:600}.error-text{color:var(--danger);margin:.5rem 0}.login-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:1rem;padding:1.4rem}.form{display:grid;gap:.75rem}.form label{display:grid;gap:.35rem}@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-two{grid-template-columns:1fr}}@media(max-width:860px){.admin-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:10}.content{padding:1rem}.form-grid{grid-template-columns:1fr}}