:root { --track-red:#d90416; --track-ink:#111216; --track-muted:#686b73; --track-line:#e7e7ea; --track-soft:#f5f5f7; }
body.tracking-page { background:#f4f4f6; color:var(--track-ink); }
.tracking-main { min-height:100vh; padding:132px 0 80px; }
.tracking-shell { width:min(1160px,calc(100% - 32px)); margin:0 auto; }
.tracking-top { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:36px; }
.tracking-top h1 { max-width:760px; margin:8px 0 12px; font-size:clamp(2.5rem,6vw,5.5rem); line-height:.95; letter-spacing:-.055em; }
.tracking-top p { max-width:720px; color:var(--track-muted); font-size:1.05rem; }
.tracking-back { color:var(--track-ink); text-decoration:none; font-weight:700; white-space:nowrap; }
.tracking-back:hover { color:var(--track-red); }
.tracking-top__actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; }
.tracking-admin-link { display:inline-flex; align-items:center; gap:8px; border-radius:999px; padding:10px 14px; color:#fff; background:#111216; text-decoration:none; font-weight:850; white-space:nowrap; }
.tracking-admin-link:hover { color:#fff; background:var(--track-red); }
.tracking-grid { display:grid; grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr); gap:24px; align-items:start; }
.tracking-card { background:#fff; border:1px solid var(--track-line); border-radius:24px; padding:clamp(22px,4vw,38px); box-shadow:0 18px 55px rgba(20,20,24,.07); }
.tracking-card h2 { margin:0 0 10px; font-size:1.45rem; }
.tracking-card__intro { margin:0 0 24px; color:var(--track-muted); }
.tracking-form label { display:block; margin-bottom:18px; font-weight:700; }
.tracking-form input { width:100%; margin-top:8px; border:1px solid #d8d8dc; border-radius:13px; padding:14px 16px; font:inherit; background:#fff; }
.tracking-form input:focus { outline:3px solid rgba(217,4,22,.13); border-color:var(--track-red); }
.tracking-button { width:100%; border:0; border-radius:999px; padding:15px 22px; background:var(--track-red); color:#fff; font-weight:800; cursor:pointer; }
.tracking-button:disabled { opacity:.55; cursor:wait; }
.tracking-status { min-height:24px; margin:16px 0 0; color:var(--track-muted); }
.tracking-status.is-error { color:#b42318; }
.tracking-result[hidden], .admin-dashboard[hidden], [data-admin-login][hidden] { display:none; }
.tracking-result__head { display:flex; justify-content:space-between; gap:16px; margin-bottom:26px; }
.tracking-code { color:var(--track-red); font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.tracking-result h2 { margin:6px 0; font-size:clamp(1.7rem,4vw,2.8rem); }
.tracking-client { color:var(--track-muted); }
.tracking-badge { align-self:start; border-radius:999px; padding:8px 12px; background:#fff0f1; color:var(--track-red); font-size:.78rem; font-weight:850; white-space:nowrap; }
.progress-meta { display:flex; justify-content:space-between; gap:12px; margin-bottom:10px; font-weight:800; }
.progress-track { height:16px; overflow:hidden; border-radius:999px; background:#ececef; }
.progress-fill { width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--track-red),#ff4f5e); transition:width .7s ease; }
.tracking-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:28px; }
.tracking-detail { border-radius:16px; padding:17px; background:var(--track-soft); }
.tracking-detail span { display:block; margin-bottom:6px; color:var(--track-muted); font-size:.8rem; text-transform:uppercase; letter-spacing:.06em; }
.tracking-detail strong { overflow-wrap:anywhere; }
.tracking-message { margin-top:22px; border-left:4px solid var(--track-red); padding:16px 18px; background:#fff7f8; }
.tracking-message strong { display:block; margin-bottom:5px; }
.tracking-message p { margin:0; }
.tracking-contact { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.tracking-contact a { border:1px solid var(--track-line); border-radius:999px; padding:10px 14px; color:var(--track-ink); text-decoration:none; font-weight:750; }
.tracking-contact a:hover { border-color:var(--track-red); color:var(--track-red); }
.tracking-privacy { margin-top:18px; color:var(--track-muted); font-size:.85rem; }
.tracking-privacy a { color:var(--track-red); font-weight:850; text-decoration:none; }
.admin-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:22px; }
.admin-stat { border-radius:17px; padding:18px; background:var(--track-soft); }
.admin-stat strong { display:block; font-size:1.8rem; }
.admin-stat span { color:var(--track-muted); font-size:.85rem; }
.admin-tools { display:flex; gap:12px; margin-bottom:18px; }
.admin-tools input,.admin-tools select { border:1px solid var(--track-line); border-radius:12px; padding:11px 13px; font:inherit; background:#fff; }
.admin-tools input { flex:1; }
.admin-tabs { display:flex; flex-wrap:wrap; gap:10px; margin:4px 0 16px; }
.admin-tabs button { border:1px solid var(--track-line); border-radius:999px; padding:11px 15px; background:#fff; color:var(--track-ink); font-weight:850; cursor:pointer; }
.admin-tabs button.is-active { border-color:var(--track-red); background:var(--track-red); color:#fff; box-shadow:0 12px 28px rgba(217,4,22,.18); }
.sales-tools { display:grid; grid-template-columns:180px 150px; gap:12px; margin:-4px 0 18px; }
.sales-tools[hidden] { display:none; }
.sales-tools label { margin:0; color:var(--track-muted); font-size:.78rem; font-weight:850; text-transform:uppercase; }
.sales-tools select,.sales-tools input { width:100%; margin-top:7px; border:1px solid var(--track-line); border-radius:12px; padding:11px 13px; background:#fff; color:var(--track-ink); font:inherit; text-transform:none; }
.compact-project-list { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; }
.compact-project-card { display:grid; grid-template-rows:auto 1fr auto; gap:12px; min-height:188px; border:1px solid var(--track-line); border-radius:16px; padding:15px; background:#fff; box-shadow:0 10px 28px rgba(17,18,22,.05); }
.compact-project-card > div:first-child h3 { margin:5px 0 4px; font-size:1rem; line-height:1.18; overflow-wrap:anywhere; }
.compact-project-card > div:first-child p { margin:0; color:var(--track-muted); font-size:.82rem; line-height:1.35; overflow-wrap:anywhere; }
.compact-project-card__meta span { display:block; min-height:36px; color:var(--track-muted); font-size:.82rem; }
.compact-project-card__meta strong { display:block; margin-top:8px; font-size:.85rem; }
.compact-project-card__actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.compact-project-card__actions button,.sales-project-card button { border:0; border-radius:999px; padding:9px 11px; background:var(--track-ink); color:#fff; font-weight:850; cursor:pointer; }
.compact-project-card__actions button:last-child,.danger-action { background:#fff0f1!important; color:#b42318!important; }
.sales-report { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:6px; }
.sales-report div { border-radius:16px; padding:17px; background:#150f11; color:#fff; }
.sales-report span { display:block; margin-bottom:5px; color:rgba(255,255,255,.68); font-size:.78rem; font-weight:850; text-transform:uppercase; }
.sales-report strong { display:block; font-size:1.45rem; }
.sales-project-card { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:16px; align-items:center; border:1px solid var(--track-line); border-radius:16px; padding:15px 16px; background:#fff; }
.sales-project-card h3 { margin:5px 0 4px; font-size:1rem; }
.sales-project-card p { margin:0; color:var(--track-muted); font-size:.84rem; }
.sales-project-card > strong { color:var(--track-red); font-size:1.05rem; white-space:nowrap; }
.project-list { display:grid; gap:12px; }
.project-row { display:grid; grid-template-columns:1.25fr .75fr .65fr; gap:18px; align-items:center; border:1px solid var(--track-line); border-radius:17px; padding:17px; }
.project-row h3 { margin:0 0 5px; font-size:1rem; }
.project-row p { margin:0; color:var(--track-muted); font-size:.84rem; }
.mini-progress { height:8px; margin-top:8px; border-radius:99px; background:#ececef; overflow:hidden; }
.mini-progress span { display:block; height:100%; background:var(--track-red); }
.project-row a,.admin-actions a { color:var(--track-red); font-weight:800; text-decoration:none; }
.admin-actions { display:flex; justify-content:space-between; align-items:center; margin-top:20px; }
.admin-actions button { border:0; background:none; color:var(--track-red); font-weight:800; cursor:pointer; }
@media (max-width:860px) { .tracking-grid{grid-template-columns:1fr}.tracking-top{align-items:start;flex-direction:column}.admin-summary{grid-template-columns:repeat(2,1fr)} }
@media (max-width:580px) { .tracking-main{padding-top:104px}.tracking-details{grid-template-columns:1fr}.tracking-result__head,.admin-tools{flex-direction:column}.project-row{grid-template-columns:1fr} }
.client-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}.client-stage{display:flex;align-items:center;gap:8px;border:1px solid var(--track-line);border-radius:12px;padding:10px 11px;color:var(--track-muted);font-size:.82rem;font-weight:750}.client-stage i{color:#b8bac1;font-size:.72rem}.client-stage.is-done{border-color:#ffd4d8;background:#fff7f8;color:var(--track-ink)}.client-stage.is-done i,.client-stage.is-current i{color:var(--track-red)}.client-stage.is-current{border-color:var(--track-red);color:var(--track-red);background:#fff}
.new-service-form{margin-top:24px;border-top:1px solid var(--track-line);padding-top:24px}.new-service-form h3{margin:0 0 6px;font-size:1.15rem}.new-service-form p{margin:0 0 18px;color:var(--track-muted)}.new-service-form label{display:block;margin-bottom:15px;font-weight:750}.new-service-form select,.new-service-form textarea{width:100%;margin-top:8px;border:1px solid #d8d8dc;border-radius:13px;padding:13px 14px;background:#fff;font:inherit}.new-service-form select:focus,.new-service-form textarea:focus{outline:3px solid rgba(217,4,22,.13);border-color:var(--track-red)}.spam-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.admin-dashboard{width:100%}.admin-summary{grid-template-columns:repeat(6,minmax(0,1fr))}.admin-stat.is-sale{background:#150f11;color:#fff}.admin-stat.is-sale span{color:rgba(255,255,255,.7)}.admin-global-status{margin:-4px 0 16px;text-align:left}.empty-projects{margin:0;color:var(--track-muted)}
.project-row{display:block;border:1px solid var(--track-line);border-radius:18px;padding:18px;background:#fff}.project-row__head{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:18px;align-items:start}.project-row__head h3{margin:5px 0 6px;font-size:1.08rem}.project-row__head p{margin:0 0 3px;color:var(--track-muted);font-size:.86rem}.project-row__progress{border-radius:14px;padding:14px;background:var(--track-soft)}.project-row__progress strong{display:block;font-size:1.45rem}.project-row__progress span{display:block;color:var(--track-muted);font-size:.82rem;font-weight:800}.admin-stage-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:17px}.admin-stage-checks label{display:flex;align-items:center;gap:8px;margin:0;border:1px solid var(--track-line);border-radius:12px;padding:10px 11px;font-size:.84rem;font-weight:750;cursor:pointer}.admin-stage-checks input{accent-color:var(--track-red)}.admin-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.admin-edit-grid label,.admin-sale-row label{margin:0;color:var(--track-muted);font-size:.78rem;font-weight:850;text-transform:uppercase}.admin-edit-grid input,.admin-edit-grid textarea,.admin-sale-row input{width:100%;margin-top:7px;border:1px solid var(--track-line);border-radius:12px;padding:11px 12px;background:#fff;color:var(--track-ink);font:inherit;text-transform:none}.admin-sale-row{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:12px;margin-top:14px}.sale-check{display:flex;align-items:center;gap:9px;border:1px solid var(--track-line);border-radius:12px;padding:11px 12px;background:#fff7f8;color:var(--track-ink)!important;text-transform:none!important}.sale-check input{width:auto;margin:0;accent-color:var(--track-red)}.project-row__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:15px}.project-row__actions button{border:0;border-radius:999px;padding:10px 14px;background:var(--track-ink);color:#fff;font-weight:850;cursor:pointer}.project-row__actions button:nth-child(2){background:var(--track-red)}.project-row__actions button:nth-child(3){background:#ececef;color:var(--track-ink)}.project-row__actions button:disabled{opacity:.55;cursor:wait}.project-row__actions span{color:var(--track-muted);font-size:.86rem;font-weight:750}.project-row__actions span.is-error{color:#b42318}.project-row__actions span.is-success{color:#118547}
@media (max-width:1060px){.admin-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.client-timeline,.admin-stage-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.project-row__head{grid-template-columns:1fr}}
@media (max-width:1060px){.compact-project-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-report{grid-template-columns:1fr 1fr}.sales-project-card{grid-template-columns:1fr auto}}
@media (max-width:640px){.admin-summary,.client-timeline,.admin-stage-checks,.admin-edit-grid,.admin-sale-row,.compact-project-list,.sales-tools,.sales-report,.sales-project-card{grid-template-columns:1fr}.project-row__actions{align-items:stretch;flex-direction:column}.project-row__actions button{width:100%}.admin-tabs button{flex:1}.sales-project-card button{width:100%}}