:root{--bg:#08111f;--panel:#0f1b2d;--panel-2:#14233b;--soft:#90a4c2;--text:#eef4ff;--brand:#17d36b;--brand-2:#6ff3a6;--danger:#ff6b6b;--warning:#f5b942;--info:#49b3ff;--shadow:0 20px 60px rgba(0,0,0,.3);--radius:18px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#06101d,#0d1930 35%,#f3f7fc 35%,#f3f7fc);color:#122033}a{text-decoration:none;color:inherit}.container{width:min(1160px,92vw);margin:auto}.topbar{position:sticky;top:0;z-index:100;background:rgba(8,17,31,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.brand{display:flex;gap:12px;align-items:center;color:#fff}.brand strong{display:block}.brand small{color:#aac0df}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--brand),#12a4ff);color:#04111e;font-weight:800}.nav{display:flex;gap:10px;flex-wrap:wrap}.nav a{padding:10px 14px;border-radius:999px;color:#e6f2ff;background:rgba(255,255,255,.05);font-size:.95rem}.hero{padding:56px 0 30px;color:#fff}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}.hero-card,.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}.hero-left h1{font-size:3rem;line-height:1.05;margin:0 0 14px}.hero-left p{color:#cfe0f9;max-width:700px;font-size:1.05rem}.track-box{padding:18px;background:rgba(255,255,255,.08);border-radius:20px;margin-top:22px}.track-form{display:grid;grid-template-columns:1fr auto;gap:10px}.track-form input,.form-control,select,textarea{width:100%;padding:14px 16px;border-radius:14px;border:1px solid #d7e2f0;background:#fff;font-size:.98rem}.track-form button,.btn{padding:14px 18px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--brand),#13b0ff);color:#04111e;font-weight:800;cursor:pointer}.btn-secondary{background:#0f1b2d;color:#fff}.btn-danger{background:var(--danger);color:#fff}.section{padding:26px 0 50px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stats-card,.info-card{background:#fff;border-radius:20px;padding:20px;box-shadow:0 12px 32px rgba(5,18,36,.08)}.info-card h3,.stats-card h3{margin:0 0 8px}.panel{background:#fff;border-radius:20px;padding:24px;box-shadow:0 12px 32px rgba(5,18,36,.08)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.dashboard{display:grid;grid-template-columns:280px 1fr;gap:24px;padding:34px 0}.sidebar{background:linear-gradient(180deg,#0c1729,#142645);color:#fff;border-radius:22px;padding:20px;box-shadow:var(--shadow)}.sidebar a{display:block;padding:12px 14px;border-radius:14px;color:#eff7ff;margin:6px 0}.sidebar a:hover,.sidebar a.active{background:rgba(255,255,255,.08)}.content .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mini-card{background:#fff;border-radius:20px;padding:18px;box-shadow:0 12px 32px rgba(5,18,36,.08)}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px;border-bottom:1px solid #e7eef7;text-align:left;vertical-align:top}.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:.82rem;font-weight:700}.badge-primary{background:#ebf4ff;color:#0065dd}.badge-success{background:#e7fff1;color:#0f8d45}.badge-danger{background:#fff1f1;color:#cc3c3c}.badge-warning{background:#fff8e7;color:#aa6c00}.badge-info{background:#ebf8ff;color:#0077b6}.badge-dark{background:#eef0f4;color:#334155}.badge-secondary{background:#f1f5f9;color:#475569}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.label{display:block;margin:0 0 8px;font-weight:700;color:#20314d}.muted{color:#6b7a90}.gallery-slider{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-item img,.job-photo img{width:100%;height:220px;object-fit:cover;border-radius:16px}.footer{background:#091220;color:#e7f0ff;padding:44px 0 18px}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:24px}.footer a{color:#cfe0f9}.footer-note{padding-top:14px;color:#9fb2cc}.flashes{padding-top:18px}.alert{padding:14px 16px;border-radius:14px;margin:8px 0}.alert-success{background:#e8fff0;color:#0f8d45}.alert-error,.alert-danger{background:#fff1f1;color:#b42318}.alert-info{background:#eff7ff;color:#0056b3}.auth-wrap{display:grid;place-items:center;padding:48px 0}.auth-card{width:min(520px,100%);padding:28px}.hero-card{padding:24px;background:linear-gradient(180deg,#11203a,#091526);color:#fff}.status-result{margin-top:18px;padding:18px;border-radius:18px;background:#fff;color:#13233c}.timeline{display:flex;flex-direction:column;gap:14px}.timeline-item{border-left:4px solid var(--brand);padding-left:16px;background:#fff;border-radius:14px;padding:14px 16px 14px 18px;box-shadow:0 6px 22px rgba(5,18,36,.06)}.avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#eaf1fb}.profile-head{display:flex;gap:14px;align-items:center}.comment-box{background:#f8fbff;border:1px solid #e4edf7;padding:14px;border-radius:14px;margin:10px 0}.kpi{font-size:1.8rem;font-weight:800}.center{text-align:center}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.hidden{display:none}@media (max-width:980px){.hero-grid,.two-col,.dashboard,.footer-grid,.content .cards,.grid-3,.gallery-slider,.form-grid,.form-grid-3{grid-template-columns:1fr}.nav-wrap{flex-direction:column;align-items:flex-start;gap:14px}.hero-left h1{font-size:2.3rem}.track-form{grid-template-columns:1fr}.dashboard{padding-top:20px}}

.brand-logo{width:52px;height:52px;object-fit:cover;border-radius:14px;background:#fff;padding:4px}.btn-sm{padding:9px 14px;border-radius:10px;font-size:.9rem;display:inline-block}.mt-2{margin-top:16px}
.receipt-card{max-width:920px;margin:auto}.receipt-codes{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;padding:12px 0}.claim-strip{margin-top:16px;padding:14px 16px;border:2px dashed #b7c7db;border-radius:14px;background:#f8fbff}.chart-list{display:flex;flex-direction:column;gap:14px}.chart-row{display:flex;flex-direction:column;gap:8px}.chart-meta{display:flex;justify-content:space-between;gap:12px;font-size:.95rem}.chart-track{width:100%;height:12px;background:#e7eef7;border-radius:999px;overflow:hidden}.chart-fill{height:100%;background:linear-gradient(135deg,var(--brand),#13b0ff);border-radius:999px}


.notice-panel{font-weight:600;background:linear-gradient(135deg,#eff6ff,#f8fbff);border:1px solid #d9e8ff}.clean-list{margin:0;padding-left:18px;display:grid;gap:10px}.stack-gap{display:grid;gap:12px}.print-brand-note{margin-bottom:10px;font-weight:700;color:#21406a}.chart-list{display:grid;gap:14px}.chart-meta{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;flex-wrap:wrap}.chart-track{height:12px;background:#e8eef7;border-radius:999px;overflow:hidden}.chart-fill{height:100%;background:linear-gradient(90deg,#173b68,#4e8dd8);border-radius:999px}code{background:#eef4fb;padding:3px 7px;border-radius:6px}
.footer-images{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.footer-images img{width:72px;height:72px;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#fff}.quick-toggle-panel{border:1px solid #e4edf7}.quick-toggle-panel .badge{font-size:.9rem}

.device-grid-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.device-card-list{display:grid;gap:16px;margin-top:18px}.device-card{border:1px solid #dbe7f4;border-radius:18px;padding:18px;background:#fbfdff}.device-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.device-card h4{margin:0}