@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--primary:#176b5b;--primary-dark:#0e4f43;--accent:#f2aa4c;--ink:#17312c;--muted:#71817e;--bg:#f3f7f6;--surface:#fff;--line:#deebe7}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif;font-size:14px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:linear-gradient(165deg,#0d4d42,#123c37);padding:25px 18px;color:#fff;display:flex;flex-direction:column;z-index:1030}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;margin:0 8px 30px}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#f4b860,#e79030);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:800;box-shadow:0 8px 20px #0002}.brand span:last-child{display:flex;flex-direction:column}.brand small{color:#b9d4ce;font-size:11px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav a{color:#c6dcd7;text-decoration:none;padding:12px 14px;border-radius:12px;font-weight:600;transition:.2s}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff18;color:#fff;transform:translateX(2px)}.sidebar nav i{width:25px;display:inline-block}.sidebar-user{margin-top:auto;border-top:1px solid #ffffff20;padding:18px 10px 0;display:grid;grid-template-columns:1fr auto}.sidebar-user span{font-weight:700}.sidebar-user small{grid-column:1;color:#a9c9c2}.sidebar-user a{grid-column:2;grid-row:1/3;align-self:center;color:#ffd49b}.main{margin-left:245px;padding:26px 34px 50px;max-width:1700px}.main>header{display:flex;align-items:center;margin-bottom:25px}.main>header h1{font-size:27px;font-weight:800;margin:0}.main>header p{margin:4px 0 0;color:var(--muted)}.menu-toggle{display:none}.panel,.stat-card,.device-card{border:0;border-radius:18px;box-shadow:0 5px 25px #1e55470b}.card-header{background:transparent;border-bottom:1px solid var(--line);padding:18px 22px;display:flex;justify-content:space-between;align-items:center}.card-header h2{font-size:16px;font-weight:800;margin:0}.card-body{padding:22px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat-card{background:#fff;padding:20px;display:flex;align-items:center;gap:15px}.stat-card .dot{width:13px;height:42px;border-radius:8px}.stat-card small{display:block;color:var(--muted);font-size:12px}.stat-card strong{display:block;font-size:25px;margin-top:3px}.table{margin:0}.table>:not(caption)>*>*{padding:14px 20px;border-color:var(--line)}.table thead th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}.status{display:inline-block;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:800}.status-success{color:#13735c;background:#dff5ed}.status-danger{color:#a23f45;background:#fde6e7}.status-warning{color:#8a5c0a;background:#fff0ce}.status-secondary{color:#60706d;background:#e8efed}.status-info{color:#1f6783;background:#e2f2f9}.empty{padding:34px!important;text-align:center;color:var(--muted)}.device-card{border:0}.device-card h3{font-size:18px;font-weight:800;margin:18px 0 4px}.device-icon{width:45px;height:45px;border-radius:14px;background:#e5f4ef;color:var(--primary);display:grid;place-items:center;font-size:25px}.device-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.device-meta span{font-size:10px;color:var(--muted)}.device-meta b{display:block;color:var(--ink);font-size:11px;margin-top:4px}.form-control,.form-select{border-color:#cfdfdb;border-radius:10px;padding:.65rem .8rem}.form-control:focus,.form-select:focus{border-color:#5da593;box-shadow:0 0 0 .2rem #5da59320}.btn{border-radius:10px;font-weight:700}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.auth-main{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 20% 20%,#dff3ed,transparent 35%),linear-gradient(145deg,#f8fbfa,#e9f2ef)}.auth-card{width:min(460px,100%);border:0;border-radius:24px;box-shadow:0 25px 70px #174c4030}.auth-card .brand-mark{margin:auto}.form-narrow{max-width:520px}.voided{opacity:.55;text-decoration:line-through}.select-all{user-select:all;word-break:break-all}.sticky-xl-top{top:25px}.bi:before{content:'•'}
@media(max-width:1000px){.stats-grid{grid-template-columns:repeat(2,1fr)}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.main{margin-left:0;padding:20px}.menu-toggle{display:block;border:0;background:#fff;border-radius:10px;padding:8px 12px;margin-right:14px;box-shadow:0 3px 12px #0001}}
@media(max-width:576px){.stats-grid{grid-template-columns:1fr}.main{padding:15px}.main>header h1{font-size:22px}.card-header{align-items:flex-start;gap:12px}.device-meta{grid-template-columns:1fr}.table>:not(caption)>*>*{padding:12px}}
@media print{.sidebar,.main>header,.no-print,.btn{display:none!important}.main{margin:0;padding:0}.panel{box-shadow:none}.app-shell{display:block}body{background:#fff}.table{font-size:11px}}