:root{--ink:#0f172a;--steel:#334155;--line:#d6dee8;--surface:#f8fafc;--panel:#fff;--accent:#0ea5a5;--accent-dark:#0f766e;--danger:#be123c}*{box-sizing:border-box}body{color:var(--ink);background:linear-gradient(140deg,#f8fbff,#eef5ff 45%,#f5fffb);margin:0;font-family:IBM Plex Sans,Segoe UI,Tahoma,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}.centered{place-items:center;min-height:100vh;display:grid}.login-page{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:1rem;width:min(460px,100%);padding:1.5rem;box-shadow:0 16px 44px #0f172a14}.login-card h1{margin:0;font-size:1.45rem}.login-card p{color:var(--steel)}.login-form{gap:.6rem;display:grid}.login-form label{font-size:.92rem;font-weight:600}.login-form input{border:1px solid var(--line);border-radius:.65rem;padding:.65rem .75rem;font-size:.95rem}.btn-primary,.btn-ghost{cursor:pointer;border:1px solid #0000;border-radius:.65rem;padding:.48rem .75rem;font-size:.85rem;font-weight:700}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-ghost{border-color:var(--line);background:#fff}.error-text{color:var(--danger);font-weight:600}.admin-layout{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;gap:1rem;padding:.95rem .85rem;display:flex}.sidebar h2{margin:0}.sidebar p{color:var(--steel);margin:.25rem 0 0;font-size:.9rem}.menu{gap:.35rem;display:grid}.menu-item{border-radius:.6rem;padding:.45rem .6rem;font-size:.9rem;font-weight:600}.menu-item:hover{background:#eef2ff}.menu-item.active{color:#155e75;background:#cffafe}.menu-group{gap:.25rem;display:grid}.menu-label{cursor:default}.submenu{gap:.2rem;padding-left:.6rem;display:grid}.submenu-item{padding-left:.75rem;font-size:.84rem}.menu-item.disabled{color:#94a3b8;cursor:not-allowed}.content-wrap{flex-direction:column;display:flex}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:.65rem .9rem;display:flex}.topbar p{color:var(--steel);margin:.2rem 0 0;font-size:.88rem}.topbar-actions{align-items:center;gap:8px;display:flex;position:relative}.user-menu{position:relative}.user-dropdown{border:1px solid var(--line);z-index:40;background:#fff;border-radius:10px;width:220px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 10px 30px #0f172a24}.user-dropdown a,.user-dropdown button{text-align:left;cursor:pointer;background:#fff;border:0;width:100%;padding:9px 10px;font-size:13px;display:block}.user-dropdown a:hover,.user-dropdown button:hover{background:#f8fafc}.content{padding:.85rem .95rem}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem;display:grid}.panel-card{border:1px solid var(--line);background:#fff;border-radius:.8rem;padding:.7rem}.panel-card p{color:var(--steel);margin:0}.panel-card strong{font-size:1.5rem}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:.8rem;overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%}.table-wrap th,.table-wrap td{text-align:left;border-bottom:1px solid #e9eef5;padding:.5rem;font-size:.84rem}.table-wrap th{background:#f8fafc}@media (max-width:920px){.admin-layout{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line)}.topbar-actions{gap:6px}.user-dropdown{width:min(220px,88vw)}}.stack-gap{gap:10px;display:grid}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;display:grid}.field{gap:3px;font-size:.82rem;display:grid}.field span{color:var(--steel);font-weight:600}.field-helper{color:#9ca3af;margin-top:-1px;font-size:.72rem;line-height:1.15}.field-error{color:var(--danger);font-size:.74rem;line-height:1.2}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:8px;min-height:34px;padding:7px;font-size:.86rem}.field input::placeholder,.field textarea::placeholder{color:#a8b3c2;font-size:.78rem}.field textarea{resize:vertical;min-height:72px}.error-box{color:#9f1239;background:#fff1f2;border:1px solid #fecaca;border-radius:8px;padding:10px}.error-box p{margin:4px 0}.searchable-select{position:relative}.searchable-select input{color:#111827;height:38px;min-height:38px;box-shadow:none;background:#fff;border:1px solid #9ca3af;border-radius:3px;padding:0 9px;font-size:14px}.searchable-select input::placeholder{color:#9ca3af;font-size:13px}.searchable-select input:focus{border-color:#6b7280;outline:none}.searchable-options{z-index:10;background:#fff;border:1px solid #9ca3af;border-radius:3px;max-height:180px;margin-top:2px;overflow:auto;box-shadow:0 2px 6px #0f172a14}.searchable-option{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:7px 8px;font-size:13px;display:block}.searchable-option:hover,.searchable-option.active{background:#f3f4f6}.searchable-empty{color:#6b7280;padding:8px;font-size:12px}.password-wrap{align-items:center;gap:6px;display:flex}.password-wrap input{flex:1}.password-toggle{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:6px 8px;font-size:12px}