:root{--bg: #0f172a;--bg-soft: #1e293b;--surface: #ffffff;--surface-alt: #f8fafc;--border: #e2e8f0;--text: #0f172a;--text-soft: #64748b;--primary: #2563eb;--primary-dark: #1d4ed8;--green: #16a34a;--green-soft: #dcfce7;--red: #dc2626;--red-soft: #fee2e2;--amber: #d97706;--amber-soft: #fef3c7;--slate-soft: #f1f5f9;--shadow: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--radius: 12px}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--surface-alt);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--bg);color:#e2e8f0;padding:24px 16px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh}.sidebar .brand{font-size:18px;font-weight:700;color:#fff;margin-bottom:8px;display:flex;align-items:center;gap:8px}.sidebar .brand small{display:block;font-size:11px;font-weight:400;color:#94a3b8;margin-top:2px}.nav-link{padding:10px 14px;border-radius:8px;color:#cbd5e1;font-size:14px;font-weight:500;transition:background .15s,color .15s}.nav-link:hover{background:var(--bg-soft);color:#fff}.nav-link.active{background:var(--primary);color:#fff}.content{flex:1;padding:32px 40px;max-width:1200px}.page-title{font-size:24px;font-weight:700;margin:0 0 4px}.page-subtitle{color:var(--text-soft);font-size:14px;margin:0 0 24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px}.stat-card .stat-label{color:var(--text-soft);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.stat-card .stat-value{font-size:32px;font-weight:700;margin-top:6px}.stat-card .stat-value small{font-size:15px;color:var(--text-soft);font-weight:500}.plug-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.plug-card h3{margin:0 0 2px;font-size:17px}.plug-card .location{color:var(--text-soft);font-size:13px;margin-bottom:14px}.plug-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.metric{background:var(--surface-alt);border-radius:8px;padding:10px 12px}.metric .m-label{font-size:11px;color:var(--text-soft);text-transform:uppercase}.metric .m-value{font-size:18px;font-weight:600}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.badge-on,.badge-active{background:var(--green-soft);color:var(--green)}.badge-off,.badge-cancelled{background:var(--slate-soft);color:var(--text-soft)}.badge-finished{background:#dbeafe;color:var(--primary-dark)}.badge-error,.badge-unavailable{background:var(--red-soft);color:var(--red)}.btn{border:none;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s;font-family:inherit}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-green{background:var(--green);color:#fff}.btn-green:hover:not(:disabled){background:#15803d}.btn-red{background:var(--red);color:#fff}.btn-red:hover:not(:disabled){background:#b91c1c}.btn-ghost{background:var(--slate-soft);color:var(--text)}.btn-ghost:hover:not(:disabled){background:#e2e8f0}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.form{display:flex;flex-direction:column;gap:14px;max-width:520px}.form-row{display:flex;flex-direction:column;gap:6px}label{font-size:13px;font-weight:600;color:var(--text-soft)}input,select{padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit;background:#fff}input:focus,select:focus{outline:2px solid var(--primary);outline-offset:-1px}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:#fff}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}th{background:var(--surface-alt);font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-soft)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-alt)}tfoot td{font-weight:700;background:var(--surface-alt)}.section{margin-bottom:28px}.section h2{font-size:16px;margin:0 0 12px}.muted{color:var(--text-soft)}.alert{padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.alert-error{background:var(--red-soft);color:var(--red)}.alert-success{background:var(--green-soft);color:var(--green)}.empty{padding:40px;text-align:center;color:var(--text-soft)}.toolbar{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px}.spinner{color:var(--text-soft);font-size:14px;padding:20px 0}.mode-pill{font-size:11px;color:#94a3b8;padding:8px 12px;border-top:1px solid var(--bg-soft)}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--surface-alt)}.auth-card{width:100%;max-width:420px}.brand-row{font-size:18px;font-weight:700;margin-bottom:12px}.login-hint{margin-top:16px;font-size:13px}.field-error{color:var(--red);font-size:12px;margin-top:2px}.input-readonly{background:var(--surface-alt);color:var(--text-soft)}.copy-row{display:flex;gap:8px;align-items:stretch}.copy-row input{flex:1}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:8px}.user-pill{font-size:13px;color:#cbd5e1;padding:0 4px}.btn-block{width:100%}.badge-pending{background:var(--amber-soft);color:var(--amber)}.badge-busy{background:#dbeafe;color:var(--primary-dark)}.plug-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.plug-card-inuse{border-color:#bfdbfe;box-shadow:0 0 0 2px #dbeafe inset,var(--shadow)}.inuse-banner{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 0}.inuse-apt{background:#dbeafe;color:var(--primary-dark);font-weight:700;font-size:13px;padding:3px 10px;border-radius:999px}.inuse-name{color:var(--text-soft);font-size:13px}.m-sub{font-size:12px;color:var(--text-soft);font-weight:500;margin-top:2px}.plug-offline{font-size:12px;margin-top:8px}.discover-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.device-list{display:flex;flex-direction:column;gap:10px;margin:12px 0}.device-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid var(--border);border-radius:10px;padding:12px 14px;background:var(--surface-alt)}.device-row.is-registered{opacity:.7}.device-info{min-width:0}.device-name{display:flex;align-items:center;gap:8px;font-weight:600}.device-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px}.device-meta code{font-size:11px;color:var(--text-soft);background:#fff;border:1px solid var(--border);border-radius:6px;padding:1px 6px}.chip{font-size:11px;font-weight:600;color:var(--green);background:var(--green-soft);border-radius:999px;padding:2px 8px}.chip-warn{color:var(--amber);background:var(--amber-soft)}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot-on{background:var(--green)}.dot-off{background:#cbd5e1}.device-action{display:flex;gap:8px;align-items:center}.device-action input{min-width:160px}.device-done{font-size:13px;white-space:nowrap}.link-btn{background:none;border:none;color:var(--primary);font-size:13px;font-weight:600;cursor:pointer;padding:8px 0 0;font-family:inherit}@media (max-width: 768px){.layout{flex-direction:column}.sidebar{width:100%;height:auto;position:sticky;top:0;z-index:100;flex-flow:row wrap;align-items:center;gap:8px;padding:10px 14px;box-shadow:0 2px 8px #0f172a40}.sidebar .brand{flex:1 1 100%;margin:0 0 2px;font-size:16px}.sidebar .brand small{display:inline-block;margin:0 0 0 8px}.nav-link{padding:9px 13px}.sidebar-footer{margin:0 0 0 auto;flex-direction:row;align-items:center;gap:8px}.user-pill,.mode-pill{display:none}.btn-block{width:auto}.content{padding:16px 14px 32px;max-width:100%}.page-title{font-size:20px}.page-subtitle{margin-bottom:16px}.plug-grid,.cards-grid{grid-template-columns:1fr}.btn{padding:12px 16px;font-size:15px}.btn-row .btn{flex:1 1 auto}input,select{font-size:16px;padding:12px 14px}.form{max-width:100%}.toolbar{gap:10px}.toolbar>*{flex:1 1 100%}.device-row{align-items:stretch}.device-action{width:100%}.device-action input{flex:1 1 auto;min-width:0}}@media (max-width: 380px){.plug-metrics{gap:8px}.metric .m-value{font-size:16px}}.resident-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--surface-alt)}.content--resident{flex:1 1 auto;padding:20px 16px 16px;max-width:100%}.resident-footer{display:flex;justify-content:center;padding:12px 16px 28px}.resident-logout{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:200px;padding:12px 20px;font-family:inherit;font-size:15px;font-weight:600;color:var(--text-soft);background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.resident-logout:hover{color:var(--red);border-color:#fecaca;background:var(--red-soft)}.resident-wrap{max-width:560px;margin:0 auto}@keyframes ro-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.resident-hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:16px;padding:22px;border-radius:20px;color:#fff;background:radial-gradient(120% 140% at 100% 0%,#22d3ee8c,#22d3ee00 55%),linear-gradient(135deg,#1e3a8a,#2563eb 48%,#0ea5e9);box-shadow:0 16px 34px -14px #2563eb99;margin-bottom:22px;animation:ro-rise .5s both}.resident-hero:after{content:"⚡";position:absolute;right:6px;bottom:-26px;font-size:130px;line-height:1;opacity:.13;transform:rotate(10deg);pointer-events:none}.resident-hero__avatar{flex:0 0 auto;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:800;letter-spacing:.5px;background:#fff3;border:1.5px solid rgba(255,255,255,.4);box-shadow:inset 0 1px 6px #ffffff40}.resident-hero__text{min-width:0;position:relative;z-index:1}.resident-hero__hello{font-size:13px;font-weight:500;opacity:.9}.resident-hero__name{margin:1px 0 9px;font-size:25px;font-weight:800;line-height:1.1;letter-spacing:-.01em}.resident-hero__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.resident-hero__apt{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:13px;font-weight:600;background:#ffffff2e;border:1px solid rgba(255,255,255,.32)}.resident-hero__live{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;color:#052e16;background:#4ade80}.resident-section{margin-bottom:14px}.resident-section__title{font-size:16px;font-weight:700;margin:0}.resident-section__sub{margin:3px 0 0;font-size:13px;color:var(--text-soft)}.resident-grid{display:grid;gap:16px}.ro-card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:0 8px 24px -16px #0f172a66;animation:ro-rise .5s .08s both}.ro-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--accent, var(--border))}.ro-card--free{--accent: linear-gradient(90deg, #16a34a, #22c55e)}.ro-card--busy{--accent: #cbd5e1}.ro-card--mine{--accent: linear-gradient(90deg, #2563eb, #06b6d4);border-color:#bfdbfe;box-shadow:0 14px 34px -16px #2563eb80}.ro-card__top{display:flex;align-items:center;gap:13px}.ro-card__icon{flex:0 0 auto;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--slate-soft);color:var(--text-soft)}.ro-card--free .ro-card__icon{background:var(--green-soft);color:var(--green)}.ro-card--mine .ro-card__icon{background:#e0f2fe;color:#0369a1}.ro-card__id{flex:1 1 auto;min-width:0}.ro-card__id h3{margin:0;font-size:17px;line-height:1.2}.ro-card__loc{color:var(--text-soft);font-size:13px}.ro-status{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.ro-status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.ro-status--free{background:var(--green-soft);color:var(--green)}.ro-status--mine{background:#dbeafe;color:var(--primary-dark)}.ro-status--busy{background:var(--slate-soft);color:var(--text-soft)}.ro-live{margin-top:16px}.ro-live__timer{display:flex;align-items:center;gap:12px;padding:13px 15px;margin-bottom:12px;border-radius:14px;background:linear-gradient(135deg,#eff6ff,#ecfeff);border:1px solid #bfdbfe}.ro-live__dot{flex:0 0 auto;width:11px;height:11px;border-radius:50%;background:#22c55e;animation:ro-pulse 1.6s infinite}@keyframes ro-pulse{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 11px #22c55e00}to{box-shadow:0 0 #22c55e00}}.ro-live__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft)}.ro-live__clock{font-size:27px;font-weight:800;line-height:1.05;color:#0c4a6e;font-variant-numeric:tabular-nums;letter-spacing:.5px}.ro-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ro-metric{background:var(--surface-alt);border:1px solid var(--border);border-radius:12px;padding:12px 13px}.ro-metric--wide{grid-column:1 / -1}.ro-metric__head{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-soft)}.ro-metric__head svg{color:var(--primary)}.ro-metric__value{font-size:19px;font-weight:700;margin-top:5px;font-variant-numeric:tabular-nums}.ro-metric__sub{font-size:12px;font-weight:600;color:var(--green);margin-top:1px}.ro-note{display:flex;align-items:center;gap:8px;margin:16px 0 0;font-size:14px;color:var(--text-soft)}.ro-note svg{flex:0 0 auto}.ro-note--free{color:var(--green)}.ro-actions{margin-top:18px;display:flex;gap:10px}.ro-btn{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:13px;padding:14px 18px;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease,filter .2s ease}.ro-btn svg{width:18px;height:18px}.ro-btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.ro-btn:disabled{opacity:.6;cursor:not-allowed}.ro-btn--on{color:#fff;background:linear-gradient(135deg,#15803d,#22c55e);box-shadow:0 10px 20px -10px #16a34acc}.ro-btn--on:hover:not(:disabled){filter:brightness(1.05)}.ro-btn--off{color:#fff;background:linear-gradient(135deg,#b91c1c,#ef4444);box-shadow:0 10px 20px -10px #dc2626cc}.ro-btn--off:hover:not(:disabled){filter:brightness(1.05)}.ro-btn--ghost{background:var(--slate-soft);color:var(--text-soft);cursor:default}.ro-card--skeleton{animation:ro-rise .5s both}.ro-skel{border-radius:10px;background:linear-gradient(90deg,#eef2f7 25%,#f8fafc,#eef2f7 75%);background-size:200% 100%;animation:ro-shimmer 1.3s infinite}.ro-skel--line{height:20px;width:55%;margin-bottom:16px}.ro-skel--block{height:90px;width:100%}@keyframes ro-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ro-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;text-align:center;color:var(--text-soft);font-size:14px}.ro-empty__icon{font-size:34px}@media (max-width: 480px){.resident-hero{padding:18px}.resident-hero__name{font-size:22px}.ro-live__clock{font-size:24px}}@media (prefers-reduced-motion: reduce){.resident-hero,.ro-card,.ro-card--skeleton,.ro-live__dot,.ro-skel{animation:none}}