:root{--teal:#087c73;--teal2:#0d9a90;--gold:#c89a32;--dark:#172c2a;--pale:#eaf4f2;--bg:#f5f8f7;--line:#d9e5e2;--muted:#6b7b78;--white:#fff;--danger:#b33a3a;--shadow:0 20px 60px rgba(23,44,42,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--dark)}button,input,select,textarea{font:inherit}button{cursor:pointer} .hidden{display:none!important}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--teal)}.primary,.secondary,.logout{border:0;border-radius:12px;padding:13px 18px;font-weight:800}.primary{background:var(--teal);color:white;box-shadow:0 10px 25px rgba(8,124,115,.18)}.primary:hover{background:var(--teal2)}.secondary{background:white;border:1px solid var(--line);color:var(--dark);margin-left:8px}.wide{width:100%}.toast{position:fixed;right:24px;bottom:24px;background:var(--dark);color:#fff;padding:14px 18px;border-radius:12px;z-index:9999;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:var(--danger)}
.login-screen{min-height:100vh;display:grid;grid-template-columns:1.25fr .75fr;background:var(--white)}.login-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#f7fbfa,#eaf4f2);padding:70px;display:flex;align-items:center}.bubble{position:absolute;border-radius:50%;border:1px solid rgba(8,124,115,.15)}.b1{width:500px;height:500px;right:-170px;top:-180px;background:rgba(8,124,115,.1)}.b2{width:270px;height:270px;right:120px;top:-90px;background:rgba(200,154,50,.16)}.b3{width:180px;height:180px;left:-90px;bottom:-70px;background:rgba(13,154,144,.12)}.hero-copy{position:relative;max-width:700px}.brand{font-size:28px;font-weight:900;margin-bottom:70px}.brand span{color:var(--gold)}.hero-copy h1{font-size:clamp(45px,5vw,78px);line-height:.95;margin:14px 0 24px;letter-spacing:-.05em}.hero-copy h1 em{color:var(--teal);font-style:normal}.hero-copy p{font-size:18px;line-height:1.7;color:#51625f;max-width:650px}.hero-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.hero-pills span{padding:9px 12px;border:1px solid #cbdcd8;border-radius:999px;background:#fff;font-size:10px;font-weight:900;letter-spacing:.12em}.company{position:absolute;left:70px;bottom:32px;font-weight:800;font-size:12px}.company small{color:var(--muted)}.pin-card{align-self:center;margin:60px;max-width:480px;padding:48px;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);background:white}.logo{width:190px;height:auto;object-fit:contain;margin-bottom:38px}.pin-card h2{font-size:36px;margin:8px 0}.pin-card p{color:var(--muted);line-height:1.6;margin-bottom:30px}.pin-card label{display:block;font-size:12px;font-weight:800;margin-bottom:8px}.pin-card input{width:100%;padding:17px;border:1px solid var(--line);border-radius:12px;font-size:22px;letter-spacing:.5em;text-align:center;outline:none;margin-bottom:14px}.pin-card input:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(8,124,115,.08)}.pin-card small{display:block;text-align:center;color:var(--muted);margin-top:18px}
#app{min-height:100vh;display:flex}.sidebar{width:250px;background:var(--dark);color:#fff;padding:25px 16px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.side-brand{display:flex;align-items:center;gap:10px;padding:6px 10px 30px}.brandmark{width:40px;height:40px;border-radius:12px;background:var(--teal);display:grid;place-items:center;font-weight:900}.side-brand b{font-size:18px}.side-brand small{display:block;color:#a9c0bc}.side-label{font-size:9px;letter-spacing:.18em;color:#8ea7a2;font-weight:900;padding:16px 12px 8px}.nav{width:100%;border:0;background:transparent;color:#b9cbc8;padding:13px 12px;text-align:left;border-radius:11px;margin:2px 0;font-weight:700;display:flex;gap:12px;align-items:center}.nav span{font-size:13px}.nav:hover,.nav.active{background:rgba(255,255,255,.08);color:#fff}.nav.active{box-shadow:inset 3px 0 var(--gold)}.side-footer{margin-top:auto;color:#b8cbc7;font-size:12px;line-height:1.7;padding:14px}.side-footer i{display:inline-block;width:8px;height:8px;background:#5fd4a2;border-radius:50%;margin-right:7px}.main{margin-left:250px;flex:1}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 32px;position:sticky;top:0;z-index:5}.crumb{font-size:9px;letter-spacing:.15em;color:var(--muted);font-weight:900}.topbar h2{font-size:18px;margin:4px 0}.top-right{display:flex;align-items:center;gap:18px;font-size:13px;font-weight:800}.secure{color:var(--teal);font-size:10px}.logout{background:var(--pale);color:var(--teal);padding:9px 13px}.content{padding:34px}.view{display:none}.view.active{display:block}.welcome,.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px}.welcome h1,.section-head h1{font-size:42px;line-height:1;margin:7px 0 10px;letter-spacing:-.04em}.welcome h1 em{font-style:normal;color:var(--teal)}.welcome p,.section-head p{color:var(--muted);max-width:720px;margin:0;line-height:1.6}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px}.metric{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:0 8px 30px rgba(23,44,42,.03)}.metric small{display:block;font-size:9px;font-weight:900;letter-spacing:.13em;color:var(--muted)}.metric b{display:block;font-size:25px;margin:9px 0}.metric span{font-size:11px;color:var(--muted)}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:18px;box-shadow:0 8px 30px rgba(23,44,42,.03)}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel h3{margin:6px 0 18px}.live{background:var(--pale);color:var(--teal);padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900}.lifecycle{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:15px}.lifecycle div{padding:16px;background:var(--bg);border-radius:13px}.lifecycle b{color:var(--gold);font-size:11px}.lifecycle strong{display:block;margin:5px 0}.lifecycle small{font-size:10px;color:var(--muted)}.lifecycle i{font-style:normal;color:var(--teal);font-size:24px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.summary{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.summary b{display:block}.summary span{font-size:11px;color:var(--muted)}.summary strong{display:block;margin-top:10px}.toolbar{display:flex;gap:9px;margin-bottom:15px}.toolbar input,.toolbar select{border:1px solid var(--line);background:white;border-radius:10px;padding:12px 14px;outline:none}.toolbar input{flex:1}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;font-size:9px;letter-spacing:.08em;color:var(--muted);padding:12px;border-bottom:1px solid var(--line)}td{padding:14px 12px;border-bottom:1px solid #edf2f0;white-space:nowrap}td:first-child b{display:block}td:first-child small{display:block;color:var(--muted);margin-top:4px}.table-btn{border:1px solid var(--line);background:white;border-radius:8px;padding:7px 10px;font-weight:800;color:var(--teal)}.status{padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;background:var(--pale);color:var(--teal)}.status.lost,.status.disposed{background:#f9eaea;color:var(--danger)}.status.maintenance,.status.in-progress{background:#fff6df;color:#9a7118}.empty{text-align:center;color:var(--muted);padding:35px}.module-grid,.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.module-grid article,.report{border:1px solid var(--line);background:white;border-radius:16px;padding:20px;text-align:left}.module-grid article b,.report b{display:block;margin-bottom:8px}.module-grid article p,.report span{color:var(--muted);font-size:12px;line-height:1.6;margin:0}.report-grid{grid-template-columns:repeat(3,1fr)}.report{cursor:pointer}.report:hover{border-color:var(--teal)}.report-actions{margin:15px 0}.modal-head{display:flex;justify-content:space-between;align-items:start}.close{border:0;background:var(--pale);border-radius:9px;font-size:22px;width:35px;height:35px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:20px 0}.form-grid label{font-size:10px;font-weight:900;color:var(--muted)}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:9px;padding:10px;background:white;color:var(--dark);outline:none}.form-grid textarea{min-height:80px}.wide-field{grid-column:1/-1}dialog{border:0;border-radius:20px;width:min(950px,94vw);padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(23,44,42,.45)}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(3,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.login-screen{grid-template-columns:1fr}.login-visual{min-height:50vh;padding:35px}.pin-card{margin:25px}.sidebar{width:75px}.side-brand div:not(.brandmark),.nav span,.side-label,.side-footer{display:none}.nav{justify-content:center}.main{margin-left:75px}.content{padding:20px}.metrics{grid-template-columns:repeat(2,1fr)}.lifecycle{grid-template-columns:1fr 1fr}.lifecycle i{display:none}.summary-grid,.report-grid{grid-template-columns:1fr}.top-right span:not(.secure){display:none}.form-grid{grid-template-columns:1fr}.welcome,.section-head{align-items:start;flex-direction:column}}
.inline-form{display:flex;gap:9px;flex-wrap:wrap}.inline-form input,.inline-form select{flex:1;min-width:150px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:11px;outline:none}.inline-form button{white-space:nowrap}.inline-forms{display:grid;gap:10px}.inline-forms .inline-form{border-top:1px solid var(--line);padding-top:10px}