:root{--bg:#070b10;--panel:#101722;--panel2:#151f2d;--text:#f5f7fb;--muted:#9aa8ba;--blue:#18a8ff;--line:#243244}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;background:rgba(7,11,16,.92);position:-webkit-sticky;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.brand{font-weight:900;letter-spacing:.12em}.links{color:var(--muted);font-size:14px}.links,.nav-admin-group{display:flex;gap:18px}.nav-sub-link{color:#d8e4ef;position:relative}.nav-sub-link:before{color:var(--blue);content:">";margin-right:6px}.menu-button{display:none;width:44px;height:40px;align-items:center;justify-content:center;gap:5px;flex-direction:column;border:1px solid var(--line);border-radius:8px;background:#0b111a}.menu-button span{display:block;width:20px;height:2px;background:var(--text)}.hero{min-height:72vh;display:flex;align-items:center;padding:48px 28px;background:linear-gradient(90deg,rgba(7,11,16,.94),rgba(7,11,16,.72)),url(/images/shop.jpeg);background-size:cover;background-position:50%}.hero h1{font-size:clamp(42px,8vw,92px);line-height:.92;margin:0 0 18px}.accent{color:var(--blue)}.sub{font-size:clamp(18px,2.5vw,28px);max-width:850px;color:#d8e4ef}.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{background:var(--blue);padding:14px 18px;border-radius:10px;font-weight:800;color:#00101d;border:0}.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--blue)}.btn.danger{background:#ff5b5b;color:#230000}.section{padding:56px 28px;max-width:1180px;margin:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:16px;gap:16px}.card{background:var(--panel);border:1px solid var(--line);padding:22px;border-radius:18px}.card h3{margin-top:0}.eyebrow{color:var(--blue);font-size:13px;font-weight:900;letter-spacing:.12em;margin:0 0 12px;text-transform:uppercase}.workflow-page{max-width:1280px}.workflow-hero{padding:18px 0 28px}.workflow-hero h1{font-size:clamp(38px,6vw,72px);line-height:.96;margin:0 0 18px}.workflow-foundation,.workflow-map,.workflow-status{margin-top:32px}.workflow-status-track{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.workflow-status-step{align-items:flex-start;background:linear-gradient(180deg,rgba(24,168,255,.12),rgba(16,23,34,.92));border:1px solid var(--line);border-radius:14px;display:flex;gap:10px;min-height:72px;padding:14px}.workflow-status-step span{color:var(--blue);font-size:12px;font-weight:900}.workflow-status-step strong{line-height:1.25}.workflow-legend{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.workflow-legend span{border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:13px;font-weight:800;padding:8px 12px}.legend-customer{background:rgba(24,168,255,.15)}.legend-shop{background:rgba(255,188,66,.15)}.legend-system{background:rgba(80,220,155,.13)}.workflow-stage{background:rgba(16,23,34,.82);border:1px solid var(--line);border-radius:18px;margin-bottom:18px;padding:22px;position:relative}.workflow-stage:after{background:var(--blue);bottom:-19px;content:"";left:42px;opacity:.55;position:absolute;top:calc(100% - 1px);width:2px}.workflow-stage:last-child:after{display:none}.workflow-stage-heading{align-items:center;display:flex;gap:14px;margin-bottom:18px}.workflow-stage-heading span{align-items:center;background:var(--blue);border-radius:999px;color:#00101d;display:inline-flex;flex:0 0 auto;font-weight:900;height:42px;justify-content:center;width:42px}.workflow-stage-heading h3{font-size:26px;margin:0}.workflow-lanes{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(3,1fr)}.workflow-lane{border-left:4px solid var(--line);padding-left:14px}.workflow-lane h4{font-size:14px;letter-spacing:.08em;margin:0 0 8px;text-transform:uppercase}.workflow-lane p,.workflow-output{color:#d8e4ef;line-height:1.55;margin:0}.customer-lane{border-color:var(--blue)}.shop-lane{border-color:#ffbc42}.system-lane{border-color:#50dc9b}.workflow-output{border-top:1px solid var(--line);color:var(--text);font-weight:800;margin-top:18px;padding-top:14px}.quote-customer{margin-top:-8px}.search-section{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.search-section h3{margin:0 0 12px}.search-results-list{display:grid;grid-gap:12px;gap:12px}.search-result-row{align-items:flex-start;background:rgba(7,11,16,.38);border:1px solid var(--line);border-radius:12px;display:flex;gap:14px;justify-content:space-between;padding:14px}.search-result-row p{line-height:1.35;margin:6px 0 0}.search-description{max-width:720px}.quote-status{align-items:center;display:flex;gap:8px}.status-help-wrap{display:inline-flex;position:relative}.status-help{align-items:center;background:transparent;border:1px solid var(--blue);border-radius:999px;color:var(--blue);cursor:help;display:inline-flex;font-size:12px;font-weight:900;height:22px;justify-content:center;line-height:1;padding:0;width:22px}.status-tooltip{background:#0b111a;border:1px solid var(--blue);border-radius:10px;box-shadow:0 12px 24px rgba(0,0,0,.36);color:var(--text);font-size:13px;font-weight:400;left:0;line-height:1.4;max-width:min(320px,78vw);opacity:0;padding:12px;pointer-events:none;position:absolute;top:calc(100% + 8px);transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease;visibility:hidden;width:280px;z-index:20}.status-help-wrap:hover .status-tooltip,.status-help:focus+.status-tooltip{opacity:1;transform:translateY(0);visibility:visible}.form-alert:focus,.validation-target:focus{outline:2px solid var(--blue);outline-offset:4px}.validation-highlight{border-radius:12px;outline:2px solid #ff5b5b;outline-offset:5px}.field.validation-highlight input,.field.validation-highlight select,.field.validation-highlight textarea{border-color:#ff5b5b;box-shadow:0 0 0 3px rgba(255,91,91,.2)}.muted{color:var(--muted)}.form{max-width:850px;margin:36px auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px}.field{display:grid;grid-gap:7px;gap:7px;margin:14px 0}.field input,.field select,.field textarea{width:100%;padding:13px;border-radius:10px;border:1px solid var(--line);background:#0b111a;color:var(--text);font-size:16px}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text) 50%),linear-gradient(135deg,var(--text) 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 15px) 50%;background-size:7px 7px,7px 7px;background-repeat:no-repeat;padding-right:44px}.row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.user-list{display:grid;grid-gap:10px;gap:10px}.user-row{align-items:center;background:#0b111a;border:1px solid var(--line);border-radius:10px;display:flex;justify-content:space-between;padding:12px 14px}.user-row p{margin:0}.appointment-row{display:grid;grid-gap:10px;gap:10px}.appointment-reschedule{background:rgba(24,168,255,.08);border:1px solid rgba(24,168,255,.35);border-radius:10px;padding:14px}.calendar-board{margin:0 auto;max-width:1920px;min-height:calc(100vh - 73px);padding:36px}.calendar-header,.calendar-upcoming-row,.today-strip{align-items:center;display:flex;justify-content:space-between}.calendar-header{gap:24px;margin-bottom:24px}.calendar-actions{margin-top:0}.calendar-header h1{font-size:clamp(42px,5vw,84px);line-height:1;margin:0}.calendar-kicker{color:var(--blue);font-size:14px;font-weight:900;letter-spacing:.18em;margin:0 0 8px;text-transform:uppercase}.calendar-meta{color:var(--muted);font-size:clamp(18px,1.8vw,28px);text-align:right}.calendar-meta p,.calendar-meta span,.today-strip h2{margin:0}.today-strip{background:var(--panel);border:1px solid var(--line);border-radius:18px;gap:18px;margin-bottom:18px;padding:24px}.today-strip h2{font-size:clamp(28px,3vw,52px)}.calendar-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(7,minmax(150px,1fr))}.calendar-day{background:var(--panel);border:1px solid var(--line);border-radius:18px;min-height:360px;overflow:hidden}.calendar-day-today{border-color:var(--blue);box-shadow:0 0 0 1px rgba(24,168,255,.25)}.calendar-day-heading{background:#0b111a;border-bottom:1px solid var(--line);display:grid;grid-gap:5px;gap:5px;padding:16px}.calendar-day-heading span{color:var(--muted);font-size:14px;font-weight:900;text-transform:uppercase}.calendar-day-heading b{font-size:clamp(20px,1.8vw,30px)}.calendar-day-events{display:grid;grid-gap:10px;gap:10px;padding:12px}.calendar-event{background:#0b111a;border:1px solid rgba(24,168,255,.5);border-radius:12px;display:grid;grid-gap:4px;gap:4px;padding:12px}.calendar-event span{color:var(--blue);font-size:clamp(18px,1.6vw,26px);font-weight:900}.calendar-event b{font-size:clamp(18px,1.5vw,24px)}.calendar-event small{color:var(--muted);font-size:clamp(14px,1.1vw,18px)}.calendar-no-events{color:var(--muted);margin:0}.calendar-empty,.calendar-upcoming{background:var(--panel);border:1px solid var(--line);border-radius:18px;margin-top:18px;padding:24px}.calendar-upcoming h2{font-size:clamp(28px,3vw,48px);margin-top:0}.calendar-upcoming-list{display:grid;grid-gap:8px;gap:8px}.calendar-upcoming-row{background:#0b111a;border:1px solid var(--line);border-radius:12px;color:var(--muted);gap:14px;padding:14px 16px}.calendar-upcoming-row b{color:var(--text)}.notification-count{align-items:center;border:1px solid var(--line);border-radius:12px;display:grid;grid-gap:2px;gap:2px;min-width:150px;padding:12px 16px;text-align:center}.notification-count span{color:var(--text);font-size:clamp(30px,3vw,48px);font-weight:900;line-height:1}.notification-count small{color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.notification-count-active{background:rgba(255,71,87,.14);border-color:rgba(255,71,87,.8)}.notification-list,.notification-row{display:grid;grid-gap:10px;gap:10px}.notification-row{background:#0b111a;border:1px solid rgba(255,71,87,.45);border-radius:12px;color:var(--text);grid-template-columns:minmax(240px,32%) 1fr;padding:16px}.notification-row div{display:grid;grid-gap:4px;gap:4px}.notification-row b{font-size:clamp(18px,1.5vw,24px)}.notification-row p,.notification-row small,.notification-row span{color:var(--muted)}.notification-row p{font-size:clamp(16px,1.3vw,22px);margin:0}.notification-label{color:var(--text)!important;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.notification-label-quote_review{color:var(--blue)!important}.notification-label-customer_message{color:#ff8a8a!important}.upload-grid{display:block}.upload-card{display:grid;grid-gap:12px;gap:12px;align-content:start;min-height:118px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#0b111a}.upload-card-error{border-color:#ff6b6b;box-shadow:0 0 0 1px hsla(0,100%,71%,.35)}.upload-card span{font-weight:800;color:var(--text)}.upload-button{align-items:center;display:inline-flex;justify-content:center;gap:8px}.upload-button-error{border-color:#ff6b6b;color:#ffd6d6}.required-badge{align-items:center;background:#ff5b5b;border-radius:999px;color:#230000;display:inline-flex;font-size:13px;font-weight:900;height:20px;justify-content:center;line-height:1;width:20px}.upload-card .muted,.upload-card .upload-error{margin:0}.file-list{display:grid;grid-gap:8px;gap:8px;margin-top:2px}.file-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(16,23,34,.7)}.file-row small{color:var(--muted);margin-left:6px}.remove-file{padding:8px 10px;border-radius:8px;border:1px solid #ff6b6b;background:transparent;font-weight:800}.remove-file,.upload-error{color:#ffd6d6}.product-card{display:flex;flex-direction:column}.product-card .btn{margin-top:auto;text-align:center}.product-photo{aspect-ratio:1/1;border:1px solid var(--line);border-radius:12px;margin-bottom:18px;object-fit:cover;width:100%}@media (max-width:700px){.nav{padding:14px 18px}.brand{letter-spacing:.08em}.menu-button{display:flex}.links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:#070b10;border-bottom:1px solid var(--line);box-shadow:0 18px 24px rgba(0,0,0,.28)}.links.open{display:flex}.links a{padding:16px 18px;border-top:1px solid var(--line);color:var(--text);font-weight:800}.nav-admin-group{display:flex;flex-direction:column;gap:0}.nav-sub-link{padding-left:34px!important}.row{grid-template-columns:1fr}.hero{min-height:64vh}.section{padding:36px 18px}.workflow-hero h1{font-size:38px}.workflow-lanes,.workflow-status-track{grid-template-columns:1fr}.workflow-stage{padding:18px}.workflow-stage-heading{align-items:flex-start}.workflow-stage-heading h3{font-size:22px}.file-row,.search-result-row{flex-direction:column}.file-row{align-items:flex-start}.calendar-board{padding:28px 18px}.calendar-header,.calendar-upcoming-row,.today-strip{align-items:flex-start;flex-direction:column}.calendar-meta{text-align:left}.notification-count{width:100%}.calendar-grid,.notification-row{grid-template-columns:1fr}.calendar-day{min-height:auto}}.print-document{display:none}@media print{@page{margin:.45in}body,html{background:#fff!important;color:#111!important;font-family:Arial,Helvetica,sans-serif!important}body *{visibility:hidden!important}.print-document.print-active,.print-document.print-active *{visibility:visible!important}.print-document.print-active{background:#fff!important;color:#111!important;display:block!important;font-size:10.5pt;left:0;line-height:1.35;position:absolute;top:0;width:100%}.print-document h1,.print-document h2,.print-document h3,.print-document p{color:#111!important;margin:0}.print-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:18px}.print-header h1{font-size:18pt;letter-spacing:0;margin-bottom:6px}.print-title-block{min-width:175px;text-align:right}.print-title-block h2{color:#6e8bbd!important;font-size:24pt;margin-bottom:6px;text-transform:uppercase}.print-detail-table,.print-line-table,.print-title-block table{border-collapse:collapse;width:100%}.print-detail-table td,.print-detail-table th,.print-line-table td,.print-line-table th,.print-title-block td,.print-title-block th{border:1px solid #8c8c8c;color:#111!important;padding:4px 6px;vertical-align:top}.print-detail-table th,.print-line-table th,.print-title-block th{background:#344f87!important;color:#fff!important;font-weight:700;text-transform:uppercase}.print-two-column{display:grid;grid-gap:20px;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:14px}.print-two-column section{border:1px solid #9b9b9b;min-height:90px}.print-notes h3,.print-signature h3,.print-two-column h3{background:#344f87!important;color:#fff!important;font-size:9pt;padding:4px 6px;text-transform:uppercase}.print-notes p,.print-signature p,.print-two-column p{padding:2px 6px}.print-detail-table{margin-bottom:14px}.print-line-table{margin-bottom:10px}.print-line-table td:last-child,.print-line-table th:last-child{text-align:right}.print-total-row{align-items:center;display:flex;justify-content:flex-end;margin-left:auto;width:240px}.print-total-row span,.print-total-row strong{border:1px solid #8c8c8c;color:#111!important;padding:5px 8px}.print-total-row span{flex:1 1;font-weight:700;text-transform:uppercase}.print-total-row strong{background:#dbe4f6!important;min-width:100px;text-align:right}.print-balance-row strong{background:#344f87!important;color:#fff!important}.print-notes,.print-signature{border:1px solid #9b9b9b;margin-top:16px}.print-signature-lines{display:grid;grid-gap:24px;gap:24px;grid-template-columns:2fr 1fr;padding:30px 8px 8px}.print-signature-lines span{border-top:1px solid #111;color:#111!important;padding-top:5px}}