:root{--ink:#102235;--muted:#647486;--line:#dce4eb;--paper:#fff;--wash:#f2f6f8;--navy:#0d1f33;--teal:#0f887f;--teal-soft:#e1f4f1;--amber:#a46008;--amber-soft:#fff2d7;--red:#9d3c45;--red-soft:#fae8ea}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--wash);color:var(--ink);font:1rem/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:var(--navy);color:#dbe7f1;padding:1.6rem 1.15rem;display:flex;flex-direction:column}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:.75rem;font-weight:750;line-height:1.15}.brand small{display:block;color:#8ba0b4;font-size:.76rem;font-weight:600;margin-top:.2rem;letter-spacing:.06em;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:#1bb3a5;color:#071b2d;border-radius:11px;font-weight:900}.sidebar nav{display:grid;gap:.35rem;margin-top:2.5rem}.sidebar nav a{color:#b7c6d4;text-decoration:none;padding:.72rem .8rem;border-radius:8px;font-weight:600}.sidebar nav a:hover{background:#19344e;color:#fff}.sidebar-foot{margin-top:auto;border-top:1px solid #294158;padding:.9rem .75rem 0;display:flex;justify-content:space-between;align-items:center;color:#91a4b7;font-size:.9rem}.link-button{border:0;background:none;color:#77dace;padding:.3rem;cursor:pointer}.main{padding:2.5rem clamp(1.2rem,3vw,3.5rem);min-width:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.7rem}.eyebrow{margin:0 0 .2rem;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:800;color:var(--teal)}h1{font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.1;margin:.1rem 0 .45rem;letter-spacing:-.035em}h2{font-size:1.1rem;margin:0}.subtle,.muted{color:var(--muted)}.subtle{margin:0}.button{display:inline-flex;align-items:center;justify-content:center;padding:.68rem 1rem;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-weight:700;text-decoration:none;cursor:pointer}.button.primary{background:var(--teal);border-color:var(--teal);color:#fff}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.metric{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.2rem;box-shadow:0 3px 12px rgba(13,31,51,.04)}.metric span,.metric small{display:block;color:var(--muted)}.metric strong{font-size:1.75rem;letter-spacing:-.04em;display:block;margin:.25rem 0}.metric.accent{background:var(--navy);color:#fff;border-color:var(--navy)}.metric.accent span,.metric.accent small{color:#aac0d2}.notice{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--amber-soft);border:1px solid #efd6a3;border-radius:12px;padding:1rem 1.2rem;margin:1rem 0}.notice p{margin:.15rem 0 0;color:#71511f}.status{display:inline-flex;white-space:nowrap;border-radius:999px;padding:.25rem .55rem;font-size:.75rem;font-weight:800}.status.safe{background:var(--amber-soft);color:var(--amber)}.status.ready{background:var(--teal-soft);color:#08685f}.status.off{background:var(--red-soft);color:var(--red)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:1.15rem 1.25rem;margin:1rem 0;box-shadow:0 3px 12px rgba(13,31,51,.035)}.panel.flush{padding:0;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem}.panel-head a{color:var(--teal);font-weight:700;text-decoration:none}.stack{display:grid;gap:.6rem}.row-card{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-top:1px solid var(--line)}.row-card:first-child{border-top:0}.row-card small,.customer-link small{display:block;color:var(--muted);margin-top:.15rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th{text-align:left;color:var(--muted);font-size:.73rem;text-transform:uppercase;letter-spacing:.06em;background:#f8fafb}th,td{padding:.78rem .9rem;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f8fbfc}td a{color:#08786f;text-decoration:none}.customer-link{color:var(--ink)}.empty{text-align:center;color:var(--muted);padding:2rem}.search{display:flex;gap:.6rem;margin-bottom:1rem}.search input{flex:1;max-width:650px;padding:.72rem .85rem;border:1px solid #b8c6d2;border-radius:8px;font:inherit}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;color:var(--muted)}.pagination div{display:flex;gap:.5rem}.back{display:inline-block;color:var(--teal);font-weight:700;text-decoration:none;margin-bottom:1.2rem}.customer-head{display:flex;align-items:center;gap:1rem;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:1.3rem 1.5rem}.avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--navy);color:#65ded3;font-weight:900}.grow{flex:1}.title-line{display:flex;align-items:center;gap:.7rem}.title-line h1{font-size:1.65rem;margin:0}.customer-head p{margin:.3rem 0 0;color:var(--muted)}.balance{text-align:right}.balance span{display:block;color:var(--muted);font-size:.8rem}.balance strong{font-size:1.3rem}.tabs{display:flex;gap:.35rem;border-bottom:1px solid #cfd9e1;margin:1.4rem 0 1rem;overflow-x:auto}.tabs a{padding:.7rem .85rem;color:var(--muted);text-decoration:none;font-weight:700;border-bottom:3px solid transparent;white-space:nowrap}.tabs a.active{color:var(--ink);border-color:var(--teal)}.tabs span{background:#e4ebf0;border-radius:999px;padding:.1rem .4rem;font-size:.72rem}.details{display:grid;grid-template-columns:130px 1fr;gap:.7rem 1rem;margin:0}.details dt{color:var(--muted)}.details dd{margin:0;font-weight:600;word-break:break-word}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:1rem;flex-direction:row;align-items:center;gap:1rem;overflow-x:auto}.sidebar nav{display:flex;margin:0;gap:.15rem}.sidebar-foot{display:none}.main{padding:1.2rem}.metric-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}}@media(max-width:560px){.brand span:last-child{display:none}.sidebar nav a{padding:.55rem;font-size:.85rem}.page-head{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr}.customer-head{align-items:flex-start;flex-wrap:wrap}.balance{text-align:left;width:100%;border-top:1px solid var(--line);padding-top:.8rem}.search{flex-wrap:wrap}.search input{width:100%;flex-basis:100%}.details{grid-template-columns:1fr;gap:.15rem}.details dd{margin-bottom:.7rem}}