.tracker-page { background:#eef2f1; color:#13232d; }
.tracker-page .site-header { background:rgba(5,13,19,.96); }
.tracker-intro { padding:58px 0 34px; background:linear-gradient(135deg,#07131c,#0b2026 64%,#0e6c65); color:#fff; border-bottom:1px solid rgba(255,255,255,.1); }
.tracker-intro-grid { display:flex; align-items:end; justify-content:space-between; gap:40px; }
.tracker-intro h1 { margin:0; font-size:clamp(42px,6vw,72px); line-height:.95; letter-spacing:-.055em; }
.tracker-intro p:not(.eyebrow) { max-width:720px; margin:18px 0 0; color:#b8c9ce; font-size:15px; line-height:1.75; }
.tracker-intro-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; }
.tracker-guardrail { margin-top:31px; padding:14px 16px; border:1px solid rgba(255,218,120,.25); border-radius:11px; background:rgba(255,191,73,.08); color:#e5d7aa; font-size:11px; line-height:1.65; }
.tracker-guardrail strong { color:#fff2bd; }
.tracker-workspace { display:grid; grid-template-columns:255px minmax(0,1fr); min-height:900px; margin-top:35px; margin-bottom:70px; overflow:hidden; border:1px solid #d7e0df; border-radius:24px; background:#fff; box-shadow:0 26px 70px rgba(20,45,51,.13); }
.tracker-sidebar { display:flex; flex-direction:column; background:#07131c; color:#fff; border-right:1px solid rgba(255,255,255,.08); }
.tracker-sidebar-brand { display:grid; gap:10px; padding:27px 23px 22px; border-bottom:1px solid rgba(255,255,255,.08); }
.tracker-sidebar-brand img { width:165px; filter:brightness(0) invert(1); }
.tracker-sidebar-brand span { color:#63cfc3; font-size:9px; font-weight:900; letter-spacing:.18em; }
.tracker-nav { display:grid; gap:4px; padding:15px 12px; }
.tracker-nav button { width:100%; display:grid; grid-template-columns:31px 1fr; align-items:center; gap:10px; border:0; border-radius:11px; background:transparent; color:#81949f; padding:10px 11px; text-align:left; transition:.16s ease; }
.tracker-nav button:hover { background:rgba(255,255,255,.04); color:#fff; }
.tracker-nav button.is-active { background:linear-gradient(105deg,rgba(24,143,130,.32),rgba(35,98,157,.18)); color:#fff; box-shadow:inset 0 0 0 1px rgba(101,219,205,.16); }
.tracker-nav b { width:27px; height:27px; display:grid; place-items:center; border-radius:8px; background:rgba(255,255,255,.055); color:#70cfc3; font-size:8px; }
.tracker-nav span { display:grid; font-size:11px; font-weight:800; }
.tracker-nav small { margin-top:2px; color:#586e78; font-size:8px; font-weight:600; }
.tracker-nav button.is-active small { color:#88a3ac; }
.tracker-sidebar-foot { margin-top:auto; padding:19px 21px 23px; border-top:1px solid rgba(255,255,255,.08); }
.tracker-sidebar-foot strong { font-size:10px; }
.tracker-sidebar-foot p { margin:5px 0 0; color:#627780; font-size:8px; line-height:1.55; }
.tracker-content { min-width:0; background:#f4f7f6; }
.tracker-topbar { min-height:79px; display:flex; align-items:center; justify-content:space-between; gap:25px; padding:16px 25px; border-bottom:1px solid #dce5e4; background:rgba(255,255,255,.9); }
.tracker-topbar > div:first-child { display:grid; gap:3px; }
.tracker-topbar span { color:#73848c; font-size:9px; font-weight:700; }
.tracker-topbar strong { color:#0e2029; font-size:19px; }
.tracker-topbar-actions { display:flex; flex-wrap:wrap; align-items:center; gap:7px; }
.tracker-topbar button,.tracker-import span { min-height:34px; display:inline-flex; align-items:center; border:1px solid #d2dddd; border-radius:8px; background:#fff; color:#41555d; padding:0 10px; font-size:8px; font-weight:850; }
.tracker-import { position:relative; cursor:pointer; }
.tracker-import input { position:absolute; width:1px; height:1px; opacity:0; }
.tracker-topbar .danger-link { color:#a2413d; }
.tracker-panel { display:none; padding:27px; }
.tracker-panel.is-active { display:block; }
.tracker-welcome { display:flex; align-items:start; justify-content:space-between; gap:30px; padding:25px; border-radius:18px; background:linear-gradient(125deg,#0b2028,#0d5752); color:#fff; box-shadow:0 13px 28px rgba(15,76,75,.15); }
.tracker-kicker,.panel-heading span,.tracker-card-head span { margin:0 0 7px; color:#61d7ca; font-size:8px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.tracker-welcome h2,.panel-heading h2 { margin:0; font-size:clamp(26px,3vw,38px); letter-spacing:-.045em; line-height:1.02; }
.tracker-welcome p:not(.tracker-kicker) { max-width:680px; margin:12px 0 0; color:#b5c9cc; font-size:11px; line-height:1.7; }
.privacy-pill { flex:0 0 auto; border:1px solid rgba(255,255,255,.17); border-radius:999px; background:rgba(255,255,255,.06); padding:9px 12px; color:#d7efec; font-size:8px; font-weight:800; }
.tracker-kpis { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; margin-top:13px; }
.tracker-kpis article { min-height:116px; display:flex; flex-direction:column; justify-content:center; padding:15px; border:1px solid #dbe5e4; border-radius:13px; background:#fff; }
.tracker-kpis span { color:#758890; font-size:8px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }
.tracker-kpis strong { margin-top:10px; color:#0b2831; font-size:25px; line-height:1; letter-spacing:-.04em; }
.tracker-kpis small { margin-top:7px; color:#9aa9ad; font-size:8px; }
.tracker-overview-grid { display:grid; grid-template-columns:1.45fr .8fr; gap:12px; margin-top:13px; }
.tracker-card { min-width:0; border:1px solid #d9e3e2; border-radius:15px; background:#fff; padding:19px; box-shadow:0 7px 18px rgba(36,69,74,.04); }
.tracker-card-head { display:flex; align-items:start; justify-content:space-between; gap:18px; margin-bottom:16px; }
.tracker-card-head h3 { margin:0; color:#10252e; font-size:17px; letter-spacing:-.025em; }
.tracker-card-head button { border:0; background:transparent; color:#0e776d; padding:3px; font-size:8px; font-weight:900; }
.tracker-chart { min-height:235px; display:grid; place-items:center; overflow:hidden; border-radius:11px; background:linear-gradient(180deg,#f7faf9,#fff); }
.tracker-chart svg { width:100%; height:100%; min-height:235px; }
.tracker-chart-large { min-height:290px; margin-bottom:13px; }
.chart-empty { color:#9aa8ad; font-size:9px; }
.tracker-checklist { display:grid; gap:9px; }
.tracker-check-row { padding:11px; border:1px solid #e0e8e7; border-radius:10px; background:#f9fbfa; }
.tracker-check-row > div { display:flex; justify-content:space-between; gap:15px; }
.tracker-check-row strong { font-size:10px; }
.tracker-check-row span { color:#73848b; font-size:8px; }
.tracker-progress-bar { height:6px; margin-top:8px; overflow:hidden; border-radius:999px; background:#e4eceb; }
.tracker-progress-bar i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#0f776e,#53cbbd); }
.tracker-empty-copy { margin:0; color:#8b9a9f; font-size:9px; }
.tracker-quick-log form,.tracker-form { display:grid; gap:12px; }
.tracker-form h3 { margin:0 0 4px; font-size:18px; }
.tracker-form label,.tracker-quick-log label { display:grid; gap:5px; }
.tracker-form label > span,.tracker-quick-log label > span { color:#65777f; font-size:8px; font-weight:850; }
.tracker-form input,.tracker-form select,.tracker-form textarea,.tracker-quick-log input,.tracker-quick-log select,.tracker-quick-log textarea { width:100%; border:1px solid #d4dfde; border-radius:9px; outline:0; background:#fbfdfc; color:#152832; padding:10px 11px; font-size:10px; }
.tracker-form input:focus,.tracker-form select:focus,.tracker-form textarea:focus,.tracker-quick-log input:focus,.tracker-quick-log select:focus,.tracker-quick-log textarea:focus { border-color:#40aa9f; box-shadow:0 0 0 3px rgba(35,151,139,.09); }
.form-split { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.check-row { grid-template-columns:auto 1fr !important; align-items:center; }
.check-row input { width:auto; }
.tracker-primary { min-height:40px; border:0; border-radius:9px; background:linear-gradient(105deg,#0d7068,#15958a); color:#fff; font-size:9px; font-weight:900; box-shadow:0 10px 21px rgba(18,119,109,.16); }
.tracker-alert-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:13px; }
.tracker-alert { padding:14px 16px; border:1px solid #cfe1df; border-radius:12px; background:#edf8f6; }
.tracker-alert strong { color:#0d5f58; font-size:9px; }
.tracker-alert p { margin:5px 0 0; color:#5c747a; font-size:8px; line-height:1.6; }
.tracker-alert a { color:#0d6f67; font-weight:900; }
.tracker-alert-red { border-color:#f0c8c5; background:#fff0ef; }
.tracker-alert-red strong { color:#a63e38; }
.panel-heading { display:flex; align-items:end; justify-content:space-between; gap:25px; margin-bottom:20px; }
.panel-heading p { max-width:720px; margin:9px 0 0; color:#6e8189; font-size:10px; line-height:1.65; }
.tracker-two-col { display:grid; grid-template-columns:340px minmax(0,1fr); gap:13px; align-items:start; }
.tracker-table-card { padding:0; overflow:hidden; }
.tracker-table-card .tracker-card-head { margin:0; padding:18px 19px; border-bottom:1px solid #e0e8e7; }
.tracker-table-wrap { overflow:auto; }
.tracker-table-wrap table { width:100%; border-collapse:collapse; min-width:660px; }
.tracker-table-wrap th { background:#f1f6f5; color:#65777f; padding:10px; font-size:7px; font-weight:900; text-align:left; text-transform:uppercase; letter-spacing:.06em; }
.tracker-table-wrap td { border-top:1px solid #e5ebea; color:#344b54; padding:10px; font-size:8px; vertical-align:top; }
.tracker-table-wrap td strong { color:#112831; }
.tracker-table-wrap td small { color:#7f9096; }
.tracker-table-wrap .row-delete { border:0; background:transparent; color:#a24945; font-size:8px; font-weight:900; }
.status-pill { display:inline-flex; align-items:center; min-height:23px; border-radius:999px; background:#e9f5f3; color:#0a7067; padding:0 8px; font-size:7px; font-weight:900; }
.status-pill.is-alert { background:#fff1db; color:#986514; }
.status-pill.is-danger { background:#ffe8e6; color:#ae3e37; }
.tracker-emergency-banner { display:grid; gap:4px; margin-bottom:13px; padding:15px 17px; border:1px solid #efc4c1; border-radius:12px; background:#fff0ef; }
.tracker-emergency-banner strong { color:#a63f39; font-size:10px; }
.tracker-emergency-banner span { color:#785b5a; font-size:8px; line-height:1.55; }
.tracker-order-flow { display:grid; grid-template-columns:repeat(6,1fr); gap:6px; margin-bottom:13px; }
.tracker-order-flow span { padding:10px 8px; border-radius:9px; background:#e8f3f1; color:#2a615d; font-size:7px; font-weight:900; text-align:center; }
.tracker-store-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; }
.tracker-store-grid article { min-height:210px; display:flex; flex-direction:column; padding:19px; border:1px solid #d8e2e1; border-radius:14px; background:linear-gradient(145deg,#fff,#f2f7f6); }
.tracker-store-grid span { color:#15958a; font-size:8px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.tracker-store-grid h3 { margin:18px 0 0; font-size:18px; letter-spacing:-.025em; }
.tracker-store-grid p { margin:9px 0 19px; color:#687b82; font-size:9px; line-height:1.65; }
.tracker-store-grid b { margin-top:auto; color:#0c6e66; font-size:8px; }
.tracker-store-note { margin-top:13px; padding:16px 18px; border:1px solid #edcf9e; border-radius:12px; background:#fff6e5; color:#6d5936; font-size:9px; line-height:1.65; }
.tracker-store-note strong { color:#765414; }
@media (max-width:1100px){.tracker-workspace{grid-template-columns:210px minmax(0,1fr)}.tracker-kpis{grid-template-columns:repeat(3,1fr)}.tracker-store-grid{grid-template-columns:repeat(2,1fr)}.tracker-two-col{grid-template-columns:310px minmax(0,1fr)}}
@media (max-width:820px){.tracker-intro-grid{display:grid}.tracker-intro-actions{justify-content:start}.tracker-workspace{width:min(100% - 20px,1180px);grid-template-columns:1fr;border-radius:18px}.tracker-sidebar{position:static}.tracker-nav{grid-template-columns:repeat(2,1fr)}.tracker-sidebar-foot{display:none}.tracker-content{min-width:0}.tracker-overview-grid,.tracker-two-col,.tracker-alert-grid{grid-template-columns:1fr}.tracker-kpis{grid-template-columns:repeat(2,1fr)}.tracker-order-flow{grid-template-columns:repeat(3,1fr)}.tracker-panel{padding:18px}.tracker-topbar{align-items:start}.tracker-topbar,.panel-heading{display:grid}.tracker-store-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.tracker-nav{grid-template-columns:1fr}.tracker-kpis,.tracker-store-grid{grid-template-columns:1fr}.form-split{grid-template-columns:1fr}.tracker-order-flow{grid-template-columns:1fr 1fr}.tracker-intro{padding-top:35px}.tracker-intro-actions{display:grid}.tracker-topbar-actions{display:grid;grid-template-columns:1fr 1fr}.tracker-topbar button,.tracker-import span{justify-content:center}.privacy-pill{display:none}}
.tracker-chart .chart-grid line { stroke:#d9e5e3; stroke-width:1; stroke-dasharray:4 5; }
.tracker-chart .chart-line { fill:none; stroke:#0f8177; stroke-width:4; stroke-linecap:round; stroke-linejoin:round; }
.tracker-chart .chart-area { fill:url(#lineFill); }
.tracker-chart circle { fill:#fff; stroke:#0f8177; stroke-width:3; }
.tracker-chart .chart-labels text,.tracker-chart .chart-bars text { fill:#7b8e94; font-size:9px; }
.tracker-chart .chart-bars rect { fill:#15958a; }
.tracker-table-wrap a { color:#0d776e; font-weight:900; }