:root{--bg:#e8eef2;--bg-deep:#0f2a33;--surface:#f7fafb;--surface-2:#fff;--ink:#12303a;--muted:#5b717a;--line:#c9d6dc;--accent:#0f7a7a;--accent-strong:#0a5c5c;--warn:#b45309;--danger:#b42318;--ok:#157a3b;--shadow:0 18px 50px #0f2a331f;--radius:14px;--font:"Manrope", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%, #0f7a7a2e, transparent 55%), radial-gradient(900px 500px at 100% 0%, #0f2a331f, transparent 50%), linear-gradient(180deg, #dfe9ee 0%, var(--bg) 40%, #f3f6f8 100%);margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, #123743 0%, var(--bg-deep) 100%);color:#e8f2f4;flex-direction:column;gap:1.5rem;padding:1.5rem 1.1rem;display:flex}.brand{border-bottom:1px solid #e8f2f41f;padding:.4rem .6rem 1rem}.brand-mark{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#7fd0c8;margin-bottom:.45rem;font-size:.75rem}.brand h1{letter-spacing:-.03em;margin:0;font-size:1.55rem;font-weight:700}.brand p{color:#e8f2f4b3;margin:.35rem 0 0;font-size:.92rem}.nav{flex-direction:column;gap:.4rem;display:flex}.nav a{color:#e8f2f4d1;border-radius:10px;padding:.75rem .9rem;transition:background .16s,color .16s,transform .16s;display:block}.nav a:hover{color:#fff;background:#ffffff0f;transform:translate(2px)}.nav a.active{color:#fff;background:#7fd0c829;box-shadow:inset 3px 0 #7fd0c8}.sidebar-foot{background:#ffffff0d;border-radius:12px;margin-top:auto;padding:.9rem}.sidebar-foot strong{font-size:.95rem;display:block}.sidebar-foot span{color:#e8f2f4a6;font-size:.8rem;font-family:var(--mono);margin-top:.2rem;display:block}.main{padding:1.5rem 1.75rem 2.5rem}.page-header{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem;display:flex}.page-header h2{letter-spacing:-.03em;margin:0;font-size:1.8rem}.page-header p{color:var(--muted);margin:.35rem 0 0}.panel{background:var(--surface-2);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #c9d6dce6;overflow:hidden}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:.9rem 1rem}th{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#f3f7f8;font-size:.78rem}tr:last-child td{border-bottom:none}.mono{font-family:var(--mono);font-size:.86rem}.badge{border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.78rem;font-weight:600;display:inline-flex}.badge.on{color:var(--ok);background:#157a3b1f}.badge.off{color:var(--muted);background:#5b717a1f}.badge.status-active{color:var(--accent-strong);background:#0f7a7a1f}.badge.status-inactive,.badge.status-retired{color:var(--danger);background:#b423181a}.badge.status-maintenance{color:var(--warn);background:#b453091f}.row-actions{gap:.45rem;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:.65rem 1rem;font-weight:600;transition:transform .14s,background .14s,border-color .14s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-strong)}.btn-ghost{border-color:var(--line);color:var(--ink);background:0 0}.btn-danger{color:var(--danger);background:#b4231814;border-color:#b423182e}.btn-sm{padding:.4rem .7rem;font-size:.85rem}.login-page{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card{background:var(--surface-2);border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);border-radius:18px;padding:2rem 1.6rem}.login-card .brand-mark{color:var(--accent)}.login-card h1{letter-spacing:-.04em;margin:.35rem 0 .25rem;font-size:2rem}.login-card p{color:var(--muted);margin:0 0 1.4rem}.form-grid{gap:.85rem;display:grid}.form-grid.two{grid-template-columns:1fr 1fr}label{color:var(--ink);gap:.35rem;font-size:.88rem;font-weight:600;display:grid}input,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:.7rem .8rem}input:focus,select:focus{border-color:var(--accent);outline:2px solid #0f7a7a40}.toggle-row{flex-wrap:wrap;gap:.75rem 1.25rem;padding:.85rem 0 .2rem;display:flex}.toggle{cursor:pointer;align-items:center;gap:.55rem;font-weight:600;display:inline-flex}.toggle input{width:1.1rem;height:1.1rem;accent-color:var(--accent)}.modal-backdrop{z-index:40;background:#0f2a3373;place-items:center;padding:1rem;animation:.16s fade-in;display:grid;position:fixed;inset:0}.modal{background:var(--surface-2);border:1px solid var(--line);width:min(560px,100%);box-shadow:var(--shadow);border-radius:16px;padding:1.25rem 1.25rem 1.4rem;animation:.2s rise-in}.modal h3{margin:0 0 .25rem;font-size:1.25rem}.modal .sub{color:var(--muted);margin:0 0 1rem;font-size:.92rem}.modal-actions{justify-content:flex-end;gap:.6rem;margin-top:1.1rem;display:flex}.modal-wide{width:min(720px,100%);max-height:min(90vh,900px);overflow:auto}.toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.toolbar input,.toolbar select{flex:1;min-width:180px}.inline-row{align-items:center;gap:.55rem;display:flex}.inline-row input,.inline-row select{flex:1}.pager{justify-content:center;align-items:center;gap:.85rem;margin-top:1rem;display:flex}.info{color:var(--ok);background:#157a3b14;border:1px solid #157a3b2e;border-radius:10px;margin:.6rem 0;padding:.7rem .85rem;font-size:.9rem}.error{color:var(--danger);background:#b4231814;border:1px solid #b4231826;border-radius:10px;margin:.6rem 0;padding:.7rem .85rem;font-size:.9rem}.empty{text-align:center;color:var(--muted);padding:2rem 1rem}.loading{text-align:center;color:var(--muted);padding:2rem}.checkbox-list{gap:.55rem;max-height:320px;padding:.35rem 0;display:grid;overflow:auto}.checkbox-row{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;align-items:flex-start;gap:.7rem;padding:.65rem .75rem;display:flex}.checkbox-row input{width:1.05rem;height:1.05rem;accent-color:var(--accent);margin-top:.15rem}.muted-line{color:var(--muted);font-size:.82rem;font-family:var(--mono);margin-top:.15rem;display:block}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar{padding-bottom:1rem}.nav{flex-flow:wrap}.sidebar-foot{display:none}.form-grid.two{grid-template-columns:1fr}.main{padding:1rem}}