:root{--bg:#0d121b;--bg2:#111a27;--surface:#172130;--surface2:#1c2939;--border:#293648;--muted:#8898ab;--text:#edf3fc;--cyan:#62d8e6;--green:#63d8a5;--red:#ff7989;--amber:#ffbf69;--radius:19px;--safe-top:var(--tg-content-safe-area-inset-top,0px);--safe-bottom:var(--tg-safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(1200px 500px at 85% -25%,#16405755,transparent),var(--bg)}button,input,select{font:inherit}button{cursor:pointer}.ambient{pointer-events:none;position:fixed;border-radius:100%;filter:blur(100px);opacity:.2}.ambient-a{width:350px;height:350px;background:#147d93;right:-190px;top:10%}.ambient-b{width:230px;height:230px;background:#2f4670;left:-180px;bottom:20%}.shell{position:relative;max-width:1080px;margin:0 auto;padding:max(28px,calc(var(--safe-top) + 28px)) 20px calc(138px + var(--safe-bottom));min-height:100vh}.topbar,.heading-row,.toolbar,.brand,.section-head,.metric-head,.unit-heading,.card-top,.card-row,.rowline,.filters,.result-meta,.status-inline,.detail-top,.field{display:flex;align-items:center}.topbar,.heading-row,.section-head,.result-meta,.detail-top{justify-content:space-between}.topbar{margin-bottom:42px}.brand{gap:12px}.brand-icon{width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(135deg,#37d3db,#197991);border-radius:12px;box-shadow:0 7px 24px #1ec8e83a;font-size:22px;font-weight:900;color:#081924}.brand-icon span{font-size:12px;margin-left:-2px}.brand-title{letter-spacing:1px;font-size:12px;font-weight:900}.brand-title b{color:var(--cyan)}.brand-sub{color:var(--muted);font-size:9px;letter-spacing:2px;margin-top:4px;font-weight:700}.toolbar{gap:8px}.readonly{border:1px solid #34515c;background:#172d36;color:#90dbe1;border-radius:8px;font-size:10px;font-weight:800;letter-spacing:1px;padding:7px 9px}.icon-btn{width:36px;height:36px;border:1px solid var(--border);background:var(--surface);border-radius:11px;color:var(--text);font-size:23px;line-height:1}.heading-row{align-items:end;margin-bottom:28px;gap:15px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--cyan);margin:0 0 9px}.heading-row h1{font-size:clamp(25px,4vw,36px);line-height:1.1;margin:0;letter-spacing:-.8px}.date-label{color:var(--muted);font-size:11px;white-space:nowrap}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{border:1px solid var(--border);border-radius:var(--radius);padding:19px 17px;background:linear-gradient(150deg,#1a2635,#131d2a);min-height:145px}.metric-head{justify-content:space-between;gap:8px;color:#9cacbf;font-size:12px;font-weight:600}.metric-icon{font-size:19px;opacity:.9}.metric-value{font-size:clamp(27px,3.3vw,38px);font-weight:850;letter-spacing:-1.5px;margin-top:12px;line-height:1.2}.metric-foot{font-size:11px;color:var(--muted);margin-top:7px}.green{color:var(--green)}.red{color:var(--red)}.amber{color:var(--amber)}.cyan{color:var(--cyan)}.section-head{margin:34px 0 14px}.section-head h2{font-size:17px;letter-spacing:-.2px;margin:0}.section-head span{font-size:12px;color:var(--muted)}.branch-table,.unit-list,.repair-list{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#141e2b}.branch-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 38px;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid #263345;cursor:pointer;transition:background .14s}.branch-row:hover,.unit-row:hover,.repair-row:hover{background:#1b2a3c}.branch-row:last-child,.unit-row:last-child,.repair-row:last-child{border-bottom:none}.branch-name{font-size:14px;font-weight:750}.branch-timestamp{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:4px}.branch-num{font-size:15px;font-weight:750}.branch-hint{font-size:10px;color:var(--muted);margin-top:2px}.right-arrow{text-align:right;color:#8497a9;font-size:20px}.pill{padding:6px 9px;border-radius:10px;background:#1d3040;color:#97bed3;font-size:11px;display:inline-flex;gap:5px;align-items:center;font-weight:650;white-space:nowrap}.pill.redpill{background:#3d2831;color:#ff99a7}.pill.greenpill{background:#19372f;color:#7be4b3}.pill.amberpill{background:#3e3324;color:#ffd38a}.chips{display:flex;gap:8px;overflow:auto;padding:2px 0 11px;scrollbar-width:none}.chip{flex-shrink:0;white-space:nowrap;border-radius:12px;background:var(--surface);border:1px solid var(--border);color:#b5c3d4;padding:9px 12px;font-size:12px}.chip.active{border-color:#427d84;background:#173b44;color:#96ecf3}.searchbox{display:flex;align-items:center;gap:10px;width:100%;border:1px solid var(--border);border-radius:14px;background:#192536;padding:0 15px;height:47px;margin:4px 0 15px}.searchbox .magnify{color:var(--cyan);font-size:21px}.searchbox input{color:var(--text);border:0;background:transparent;width:100%;outline:0;font-size:13px}.searchbox input::placeholder{color:#7e92a8}.searchbox .clear{border:0;color:#cbd5e1;background:transparent;padding:4px 6px;font-size:19px}.filters{gap:7px;overflow:auto;padding-bottom:15px;scrollbar-width:none}.filter{white-space:nowrap;border:1px solid var(--border);background:transparent;color:#a8b9cc;border-radius:9px;padding:8px 10px;font-size:12px}.filter.active{background:#244a51;border-color:#3e8189;color:#b9f6fa}.result-meta{margin:8px 0 12px;gap:12px;font-size:12px;color:var(--muted)}.unit-row,.repair-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #263345;cursor:pointer}.unit-top{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.unit-title{font-size:14px;font-weight:800}.unit-sn{font-size:11px;color:var(--muted);margin-top:5px}.unit-client{font-size:12px;color:#b2c0d1;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(65vw,550px)}.unit-state{text-align:right;flex-shrink:0}.unit-state .lastseen{font-size:10px;color:var(--muted);margin-top:7px;max-width:130px;line-height:1.35}.badge-repair{font-size:13px;margin-left:2px}.pagination{display:flex;justify-content:center;gap:10px;align-items:center;margin:17px 0}.pagebtn{border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:9px 14px;color:var(--text);font-size:12px}.pagebtn:disabled{opacity:.3;cursor:default}.message{padding:13px 15px;border-radius:12px;font-size:13px;margin:0 0 20px;line-height:1.5}.message.error{border:1px solid #914a57;background:#3c212c;color:#ffd2d9}.message.notice{border:1px solid #7f6339;background:#362a1c;color:#ffdfaa}.hidden{display:none!important}.empty,.loading{padding:34px 20px;text-align:center;color:var(--muted);border:1px dashed #3b4a60;border-radius:16px;font-size:13px;line-height:1.7}.small-footer{text-align:center;margin:34px 0 0;color:#607084;font-size:10px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:center;gap:3px;padding:9px 12px calc(12px + var(--safe-bottom));background:#131c2af2;border-top:1px solid var(--border);backdrop-filter:blur(18px)}.nav-btn{border:0;background:transparent;min-width:85px;max-width:145px;flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:#93a3b6;font-size:10px;padding:4px 14px;border-radius:9px}.nav-icon{font-size:22px;line-height:1.2}.nav-btn.active{color:var(--cyan);background:#21404a}.sheet-layer{position:fixed;inset:0;z-index:30;display:flex;justify-content:center;align-items:end}.sheet-shade{border:0;position:absolute;inset:0;background:#060b12b7}.detail-sheet{position:relative;z-index:1;background:#162231;box-shadow:0 -15px 80px #0008;width:min(100%,760px);border:1px solid #38475b;border-radius:24px 24px 0 0;max-height:88dvh;overflow:auto;padding:24px 20px calc(30px + var(--safe-bottom))}.sheet-handle{height:4px;width:52px;background:#607183;border-radius:10px;margin:-12px auto 25px}.detail-title{font-size:24px;margin:3px 0 7px;letter-spacing:-.5px}.detail-client{font-size:13px;color:#a2b2c6;margin:0 0 25px}.detail-top{gap:16px}.close-btn{border:1px solid var(--border);border-radius:10px;color:var(--text);background:var(--surface2);padding:7px 12px;align-self:start}.detail-section{border-top:1px solid #354357;margin-top:18px;padding-top:15px}.detail-section h3{font-size:12px;letter-spacing:1px;color:var(--cyan);margin:0 0 13px}.field{gap:16px;align-items:flex-start;justify-content:space-between;padding:9px 0}.field-label{color:var(--muted);font-size:12px;flex:1}.field-value{text-align:right;font-size:12px;max-width:67%;overflow-wrap:anywhere}.problem-line{padding:8px 10px;border-radius:10px;background:#332a32;color:#ffd2cd;margin:7px 0;font-size:12px}.repair-row .repair-details{font-size:11px;color:var(--muted);margin-top:8px}.refresh-state{color:var(--muted);font-size:12px;margin:14px 0;line-height:1.5}
@media(min-width:760px){.shell{padding-left:34px;padding-right:34px}.bottom-nav{left:50%;transform:translateX(-50%);max-width:580px;border-radius:17px 17px 0 0;border:1px solid var(--border)}.branch-row{grid-template-columns:1.6fr 1fr 1fr 1fr 38px}}@media(max-width:640px){.shell{padding-left:14px;padding-right:14px}.topbar{margin-bottom:33px}.heading-row{margin-bottom:24px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{min-height:128px;padding:15px 13px}.metric-value{font-size:29px}.branch-row{grid-template-columns:1.4fr .65fr .65fr 20px;padding:15px 12px;gap:7px}.branch-row .optional-col{display:none}.branch-name{font-size:12px}.branch-num{font-size:13px}.branch-timestamp{font-size:10px}.branch-hint{font-size:9px}.date-label{display:none}.detail-sheet{padding-left:17px;padding-right:17px}.readonly{font-size:9px}}