:root{color:#20313b;background:#f5f7f9;font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.appbar{z-index:3;background:#fff;border-bottom:1px solid #e5e9ed;align-items:center;gap:34px;min-height:68px;padding:0 clamp(18px,3vw,42px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:205px;display:flex}.brandmark{color:#fff;background:linear-gradient(145deg,#113c51,#168873);border-radius:10px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.brand div{display:grid}.brand small{color:#8a969e;font-size:11px}.appbar nav{align-self:stretch;gap:6px;display:flex}.appbar nav button{color:#6a7780;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 12px}.appbar nav button.active{color:#167a69;border-color:#20a58f;font-weight:700}.head-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.head-actions select{max-width:230px}.head-actions a{color:#177664;font-size:13px;font-weight:650;text-decoration:none}.page{max-width:1480px;margin:auto;padding:36px clamp(20px,4vw,64px)}.page-title{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:24px;display:flex}.page-title h1{letter-spacing:-.035em;margin:4px 0;font-size:32px}.page-title p{color:#708089;margin:5px 0}.eyebrow{letter-spacing:.13em;font-weight:800;color:#168a76!important;font-size:11px!important}.actions,.detail-actions{gap:8px;display:flex}.search{background:#fff;border:1px solid #dde4e8;border-radius:10px;align-items:center;gap:10px;margin-bottom:14px;padding:0 14px;display:flex}.search input{border:0;outline:0;flex:1;padding:13px 0}.search b{color:#829098;font-size:12px}.table{background:#fff;border:1px solid #e0e6ea;border-radius:13px;overflow:hidden;box-shadow:0 5px 20px #263d4a0a}.tr{text-align:left;color:#45545c;background:#fff;border:0;border-top:1px solid #edf0f2;grid-template-columns:2fr 1.1fr 1fr 1fr 25px;align-items:center;gap:16px;width:100%;padding:14px 18px;display:grid}.tr:not(.table-head):hover{background:#f7fbfa}.tr span:first-child{display:grid}.tr small{color:#89959c;margin-top:3px}.table-head{color:#7f8b92;text-transform:uppercase;letter-spacing:.07em;background:#f7f9fa;border-top:0;font-size:11px}.cards{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:14px;display:grid}.card,.empty,.modal,.drawer,.login{background:#fff;border:1px solid #dfe6e9;border-radius:14px;box-shadow:0 12px 38px #263d4a10}.card{padding:18px}.card h3{margin:18px 0 5px}.card p{color:#68777f}.card small{color:#87939a}.card footer{border-top:1px solid #edf1f3;align-items:center;gap:7px;margin-top:16px;padding-top:12px;display:flex}.status{color:#176952;text-transform:capitalize;background:#e5f5ef;border-radius:99px;width:max-content;padding:4px 9px;font-size:11px;font-style:normal;display:inline-block}.status.under_maintenance,.status.pending{color:#765c0d;background:#fff1ce}.status.lost_stolen,.status.failed{color:#983c32;background:#fee6e3}.status.retired,.status.disposed{color:#59646b;background:#e9ebee}.primary,button{color:#31505b;cursor:pointer;background:#fff;border:1px solid #ced8dd;border-radius:7px;padding:9px 13px;font-weight:650}.primary{color:#fff;background:#137d6b;border-color:#137d6b;text-decoration:none}.primary:hover{background:#0e695a}button:disabled{opacity:.5;cursor:not-allowed}select,input,textarea{color:#23353e;background:#fff;border:1px solid #cbd7dc;border-radius:7px;width:100%;padding:10px 11px}textarea{resize:vertical;min-height:95px}.banner{border-radius:8px;padding:11px 14px}.error{color:#8d3128;background:#fff0ee}.success{color:#17654f;background:#e5f7ef}.empty{text-align:center;color:#6e7d84;padding:70px}.empty>span{color:#20917f;font-size:32px}.scrim{z-index:10;background:#142d38a8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{width:min(560px,100%);max-height:92vh;padding:26px;position:relative;overflow:auto}.modal.wide{width:min(780px,100%)}.modal h2,.drawer h2{letter-spacing:-.025em;margin:6px 0 20px;font-size:24px}.close{color:#77858c;background:0 0;border:0;font-size:24px;position:absolute;top:13px;right:16px}.form-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}label{color:#576970;gap:5px;margin:11px 0;font-size:12px;font-weight:700;display:grid}label small{color:#87949a;font-weight:400}.check{grid-template-columns:20px 1fr;align-items:center;display:flex}.check input{width:auto}details{border-top:1px solid #edf1f3;margin:14px 0;padding-top:12px}summary{cursor:pointer;color:#4a616b;font-weight:700}.drawer{width:min(600px,100% - 32px);padding:30px;position:absolute;top:16px;bottom:16px;right:16px;overflow:auto}.detail-meta{color:#75838a;align-items:center;gap:10px;font-size:13px;display:flex}.detail-actions{flex-wrap:wrap;margin:20px 0 30px}.drawer h3{margin:28px 0 10px;font-size:14px}.timeline{border-bottom:1px solid #edf1f3;gap:3px;padding:11px 0;font-size:13px;display:grid}.timeline small,.muted{color:#849198}.login{width:min(520px,100% - 32px);margin:10vh auto;padding:38px}.login img{width:180px}.login h1{letter-spacing:-.04em;font-size:34px}.login p{color:#708089}.login .primary{margin-top:12px;display:inline-block}.loading{place-items:center;min-height:100vh;display:grid}@media (width<=780px){.appbar{flex-wrap:wrap;align-items:flex-start;gap:10px;height:auto;padding:12px 16px}.appbar nav{order:3;width:100%;height:42px;overflow:auto}.brand{min-width:0}.head-actions select{max-width:150px}.page{padding:24px 16px}.page-title{flex-direction:column;align-items:flex-start}.tr{grid-template-columns:1.5fr .8fr 24px}.tr span:nth-child(2),.tr span:nth-child(4){display:none}.form-grid{grid-template-columns:1fr}}
