:root{--bg:#f5f4f0;--surface:#fff;--surface2:#f0efe9;--border:#e2e0d8;--border2:#cccac0;--text:#1a1916;--muted:#7a776e;--accent:#1a4fd6;--accent-bg:#eef2fd;--green:#176b3a;--green-bg:#e8f5ee;--red:#b53a2a;--red-bg:#fdf0ee;--mono:"DM Mono",monospace;--sans:"DM Sans",sans-serif;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--text);font-family:var(--sans)}body{min-height:100vh}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:40px;width:100%;max-width:380px;box-shadow:var(--shadow)}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:28px}.logo-icon{width:44px;height:44px;background:var(--accent-bg);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.logo-badge{font-size:10px;font-weight:600;background:var(--accent);color:#fff;padding:2px 7px;border-radius:4px;letter-spacing:.06em}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.field input,.field select{width:100%;padding:10px 14px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:15px;font-family:var(--sans);color:var(--text);outline:none;transition:border-color .15s}.field input:focus,.field select:focus{border-color:var(--accent);background:#fff}.lerr{font-size:13px;color:var(--red);margin-bottom:10px}.btn-login{width:100%;padding:12px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:600;font-family:var(--sans);cursor:pointer}.btn-login:hover{background:#1640b8}.btn-login:disabled{opacity:.6;cursor:not-allowed}.layout{min-height:100vh}.topbar{position:fixed;top:0;left:0;right:0;height:56px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:100}.tb-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;cursor:pointer}.tb-icon{width:32px;height:32px;background:var(--accent-bg);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.tb-brand-text{font-size:15px;font-weight:600}.tb-right{display:flex;align-items:center;gap:16px}.tb-link{font-size:13px;font-weight:500;color:var(--muted);text-decoration:none;cursor:pointer;background:none;border:none;font-family:var(--sans)}.tb-link:hover{color:var(--text)}.tb-link.active{color:var(--accent)}.main{margin-left:0;margin-top:56px;flex:1}.admin-chip{display:flex;align-items:center;gap:10px}.admin-av{width:28px;height:28px;background:var(--accent-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--accent)}.admin-name{font-size:13px;font-weight:500}.admin-role{font-size:11px;color:var(--muted)}.logout-link{font-size:13px;color:var(--muted);cursor:pointer;background:none;border:none;font-family:var(--sans)}.logout-link:hover{color:var(--red)}.ph{padding:24px 28px 16px;border-bottom:1px solid var(--border);display:flex;align-items:flex-end;justify-content:space-between;background:var(--surface)}.pt{font-size:22px;font-weight:600;letter-spacing:-.4px}.ps{font-size:13px;color:var(--muted);margin-top:3px}.pc{padding:24px 28px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.ct{font-size:14px;font-weight:600;margin-bottom:14px}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:20px}.sb{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;text-decoration:none;display:block;color:inherit;cursor:pointer;transition:border-color .12s}.sb:hover{border-color:var(--accent)}.sb.disabled{opacity:.55;cursor:default}.sl{font-size:12px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.sv{font-size:22px;font-weight:600;letter-spacing:-.5px}.ss{font-size:12px;color:var(--muted);margin-top:4px}.tw{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}thead th{text-align:left;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:10px 14px;border-bottom:1px solid var(--border)}tbody tr{border-bottom:1px solid var(--border);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:var(--surface2)}tbody td{padding:11px 14px}.mono{font-family:var(--mono)}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500}.pill.on{background:var(--green-bg);color:var(--green)}.pill.off{background:var(--surface2);color:var(--muted)}.btn{padding:9px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:var(--sans);cursor:pointer;border:none;transition:all .12s}.btn-blue{background:var(--accent);color:#fff}.btn-blue:hover{background:#1640b8}.btn-out{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-out:hover{background:var(--surface2)}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.empty{text-align:center;padding:40px 20px;color:var(--muted);font-size:14px}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--muted);font-size:14px}.spinner{width:28px;height:28px;border:2px solid var(--border2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}