:root{color-scheme:dark;--bg:#0c0e10;--panel:#16191d;--lane:#191b1e;--line:#33363a;--gold:#d5a957;--text:#f3f0e8;--muted:#aaa9a4}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}
button,input{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}
.shell{min-height:100vh;display:grid;grid-template-columns:88px minmax(0,1fr)}
.sidebar{border-right:1px solid var(--line);background:#111315;display:flex;flex-direction:column;align-items:center;gap:18px;padding:22px 10px}
.brand-mark{height:44px;width:44px;border:2px solid var(--gold);border-radius:11px;display:grid;place-items:center;font-weight:900;font-size:25px;position:relative}
.brand-mark span{color:var(--gold);font-size:11px;position:absolute;right:-4px;top:-7px;background:#111315}
.rail-item{width:66px;text-align:center;border-radius:12px;padding:8px 0;color:var(--gold);font-size:25px;line-height:1.1;border:0;background:transparent;cursor:pointer}
.rail-item small{display:block;font-size:10px;letter-spacing:.02em;color:var(--text)}
.rail-item.active{background:#3c3020}
.rail-item.muted,.rail-item.muted small{color:#73777a}
main{min-width:0}
.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:20px}
.wordmark{font-size:19px;font-weight:900;letter-spacing:.09em}
.wordmark span{color:var(--gold)}
.wordmark b{font-size:10px;color:var(--muted);letter-spacing:.14em;margin-left:10px}
.top-user{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.build-version{font-size:10px;color:var(--muted);white-space:nowrap}
.center-card{width:min(420px,calc(100% - 32px));margin:clamp(42px,8vh,110px) auto;padding:32px;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px #0003}
.center-card h1{font-size:28px;line-height:1.2;margin:6px 0 10px}
.eyebrow{font-size:11px;color:var(--gold);letter-spacing:.16em;font-weight:800;margin:0}
.muted-copy{color:var(--muted);margin:0 0 26px}
form{display:flex;flex-direction:column;gap:9px}
label{font-size:13px;font-weight:700}
input{color:var(--text);background:#0e1113;border:1px solid #48494a;border-radius:8px;padding:12px;margin-bottom:9px;width:100%}
input:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
textarea,select{font:inherit;color:var(--text);background:#0e1113;border:1px solid #48494a;border-radius:8px;padding:11px;width:100%}
textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.gold-button{border:0;background:var(--gold);color:#17120a;border-radius:8px;padding:12px;font-weight:800}
.gold-button:disabled{opacity:.6}
.text-button{border:0;background:none;color:var(--gold);padding:15px 0 0;text-decoration:underline}
.message{min-height:1.5em;color:var(--gold);font-size:13px;margin-bottom:0}
.dashboard{padding:34px 36px}
.heading-row{display:flex;justify-content:space-between;align-items:center;gap:16px}
.heading-row h1{font-size:30px;margin:4px 0}
.workshop-name{color:var(--muted);margin:0}
.report-pane{max-width:none;margin-bottom:18px}.report-pane .pane-heading{align-items:flex-start}.report-section{margin:24px 0;padding-top:18px;border-top:1px solid var(--line)}.report-section h3{margin:0 0 14px;color:var(--gold)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.metric-card{min-width:0;min-height:108px;display:flex;flex-direction:column;justify-content:space-between;gap:5px;padding:15px;background:#111416;border:1px solid var(--line);border-radius:10px;color:var(--text);text-align:left}.metric-value{font-size:24px;color:var(--gold);overflow-wrap:anywhere}.metric-label{font-size:13px;font-weight:700}.metric-note{font-size:12px;color:var(--muted)}.metric-action{cursor:pointer}.metric-action:hover,.stage-count:hover{border-color:var(--gold);background:#242019}.stage-counts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.stage-count{margin:0}.report-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:8px 0 12px}.report-tab{border:0;border-bottom:2px solid transparent;padding:10px 14px;background:transparent;color:var(--muted);font-weight:700}.report-tab.active{border-bottom-color:var(--gold);color:var(--gold)}.report-date-basis{color:var(--muted);font-size:13px}.report-filter-row{display:grid;grid-template-columns:auto minmax(150px,220px) auto minmax(150px,220px) auto minmax(150px,220px);align-items:center;gap:8px 12px;margin:14px 0 18px}.report-filter-row input,.report-filter-row select{margin:0}.report-table-wrap{width:100%;overflow:auto;margin:16px 0;border:1px solid var(--line);border-radius:9px}.report-table{width:100%;border-collapse:collapse;min-width:920px;font-size:13px}.report-table th,.report-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;max-width:360px;overflow-wrap:anywhere}.report-table th{position:sticky;top:0;background:#242019;color:var(--gold);white-space:nowrap}.report-table tr:last-child td{font-weight:800;color:var(--gold)}.report-warning{padding:12px 14px;background:#2a241b;border-left:3px solid var(--gold);border-radius:6px;color:#ead9b5}.report-pane .form-actions{justify-content:flex-start;margin-top:14px}.report-pane .form-actions .outline-button{margin:0}.board-stage-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;margin-bottom:10px;border:1px solid var(--line);border-radius:8px;color:var(--gold)}.board-stage-filter .text-button{padding:4px;margin:0}
.pilot-pill{border:1px solid #7b653f;border-radius:50px;padding:7px 14px;color:var(--gold);font-size:12px;white-space:nowrap}
.account-bar{display:flex;align-items:center;gap:34px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 22px;margin:30px 0 20px}
.account-bar div{display:flex;flex-direction:column;min-width:0}
.account-bar small{color:var(--muted);letter-spacing:.12em;font-size:10px}
.account-bar strong{font-size:13px;overflow-wrap:anywhere}
.outline-button{margin-left:auto;border:1px solid var(--gold);color:var(--gold);background:transparent;border-radius:8px;padding:9px 16px;white-space:nowrap}
.board-notice{background:#2a241b;border-left:3px solid var(--gold);border-radius:5px;color:#e8d9be;padding:13px 16px;margin-bottom:20px;font-size:13px}
.workspace-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.workspace-actions .outline-button{margin-left:0}
.workspace-actions .gold-button{padding:9px 16px}
.repair-filters{display:flex;gap:8px;margin:0 0 14px;border-bottom:1px solid var(--line)}
.repair-filter{border:0;border-bottom:2px solid transparent;color:var(--muted);background:transparent;padding:10px 16px;font-weight:700}
.repair-filter.active{border-bottom-color:var(--gold);color:var(--gold)}
.repair-filter-count{display:inline-grid;place-items:center;min-width:1.5em;height:1.5em;margin-left:4px;padding:0 4px;border-radius:20px;background:#25282b;color:var(--muted);font-size:11px}
.repair-filter.active .repair-filter-count{background:#3c3020;color:var(--gold)}
.retained-visits{max-width:1100px;margin:8px 0 24px}.retained-visits h2{margin:0 0 6px}.retained-visits .muted-copy{margin-bottom:16px}.retained-visit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}.retained-visit-card{min-width:0;padding:16px;background:var(--lane);border:1px solid var(--line);border-radius:12px}.retained-visit-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.retained-visit-open{display:flex;flex-direction:column;gap:5px;min-width:0;padding:0;text-align:left;color:var(--text);background:none;border:0}.retained-visit-open strong{color:var(--gold)}.retained-visit-open span{overflow-wrap:anywhere}.retained-visit-details{display:flex;flex-direction:column;gap:5px;margin-top:14px;color:var(--muted);font-size:12px}.retained-visit-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.retained-visit-actions .outline-button{margin:0;padding:7px 11px}
.work-pane{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;max-width:780px}
.work-pane h2{margin:0 0 18px}
.record-form{display:grid;grid-template-columns:165px minmax(0,1fr);align-items:center;gap:12px 20px}
.record-form input,.record-form textarea,.record-form select{margin:0}
.record-form label{align-self:start;padding-top:10px}
.form-actions{grid-column:2;display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.form-actions .outline-button{margin-left:0}
.inline-error{grid-column:1/-1;margin:8px 0 0;padding:10px 12px;border:1px solid #a74b3b;border-radius:8px;background:#2a1815;color:#ffd5cc}
.lifecycle-panel{grid-column:1/-1;border:1px solid #80663d;border-radius:12px;background:#211d17;padding:16px;margin-bottom:10px}
.lifecycle-summary{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.lifecycle-summary div{display:flex;flex-direction:column;gap:3px}.lifecycle-summary span{color:var(--muted);font-size:12px}.lifecycle-summary strong{color:var(--gold);font-size:17px}
.lifecycle-controls{display:grid;grid-template-columns:165px minmax(0,1fr);align-items:center;gap:8px 18px;margin-top:12px}
.lifecycle-controls input,.lifecycle-controls select{margin:0}
.lifecycle-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.lifecycle-actions .outline-button{margin:0}
.lifecycle-message{min-height:1.5em;margin:8px 0 0;color:var(--gold);font-size:13px}
.record-list{display:flex;flex-direction:column;gap:8px}
.record-row{width:100%;text-align:left;color:var(--text);background:#101315;border:1px solid var(--line);border-radius:10px;padding:13px 16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.record-row strong{color:var(--gold)}
.record-row span{color:var(--muted)}
.record-row small{margin-left:auto;color:var(--gold)}
.empty-list{color:var(--muted)}
.kanban{display:grid;grid-template-columns:repeat(6,minmax(175px,1fr));gap:12px;overflow-x:auto;padding-bottom:12px}
.lane{min-height:360px;background:var(--lane);border:1px solid var(--line);border-radius:14px;padding:16px}
.lane h2{margin:0;display:flex;gap:8px;align-items:center;font-size:13px;white-space:nowrap}
.lane h2 i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.lane:nth-child(2) h2 i{background:#927850}.lane:nth-child(3) h2 i{background:#9677b6}.lane:nth-child(4) h2 i{background:#ba6d78}.lane:nth-child(5) h2 i{background:#6a9f8d}.lane:nth-child(6) h2 i{background:#6f9e79}
.lane h2 span{margin-left:auto;color:var(--muted);font-size:12px}
.lane p{color:#8c8e8d;border:1px dashed #4a4d4f;border-radius:9px;padding:20px 8px;text-align:center;font-size:12px;margin-top:25px}
.cards{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.cards .empty-lane{margin:0}
.repair-card{background:#101315;border:1px solid #50504c;border-radius:10px;padding:12px}
.card-open{display:flex;flex-direction:column;gap:7px;text-align:left;background:none;border:0;color:var(--text);padding:0;width:100%}
.card-open:hover .card-number{text-decoration:underline}
.card-number{color:var(--gold);font-size:13px}
.card-customer{font-weight:700;font-size:13px}
.card-watch{color:var(--muted);font-size:12px}
.status-badge{align-self:flex-start;color:#e6d1a5;background:#3c3020;border-radius:20px;padding:3px 9px;font-size:11px}
.stage-label{display:block;color:var(--muted);font-size:11px;margin-top:12px}
.stage-label select{font-size:12px;margin-top:5px;padding:6px}
@media(max-width:750px){.shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:0 18px}.wordmark{font-size:15px}.wordmark b{font-size:8px}.top-user{display:none}.dashboard{padding:24px 16px}.heading-row{align-items:flex-start;flex-direction:column}.account-bar{align-items:flex-start;flex-wrap:wrap;gap:14px}.account-bar div{width:100%}.outline-button{margin-left:0}.kanban{grid-template-columns:repeat(6,205px)}}
@media(max-width:750px){.record-form{grid-template-columns:1fr;gap:7px}.record-form label{padding-top:7px}.form-actions{grid-column:1}.work-pane{padding:18px}}
@media(max-width:750px){.lifecycle-controls{grid-template-columns:1fr;gap:6px}.lifecycle-controls label{padding-top:7px}}
.invite-form{max-width:650px;margin:20px 0 34px}
.admin-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.admin-lists h3{margin:0 0 12px;color:var(--gold)}
.admin-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#101315;border:1px solid var(--line);border-radius:10px;padding:13px;margin-bottom:9px}
.admin-row>div{display:flex;flex-direction:column;gap:2px;min-width:180px;flex:1}
.admin-row span,.admin-row small{color:var(--muted);overflow-wrap:anywhere}
.admin-row small{text-transform:capitalize;font-size:11px}
.admin-row .outline-button{margin:0;padding:8px 10px;font-size:12px}
.admin-row .text-button{padding:8px;color:#e9b6a9}
@media(max-width:900px){.admin-lists{grid-template-columns:1fr}}
.pane-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.pane-heading h2{margin:0}.form-section-title{grid-column:1/-1;border-top:1px solid var(--line);padding-top:10px;margin-top:8px}.form-section-title h3{margin:0;color:var(--gold)}.form-section-title p{margin:2px 0 0;color:var(--muted);font-size:13px}.repair-money{display:flex;flex-direction:column;gap:14px;margin-top:20px}.money-section{border:1px solid var(--line);border-radius:10px;padding:15px;background:#111416}.money-section>summary,.advanced-controls>summary,.advanced-details>summary{color:var(--gold);font-weight:800;cursor:pointer}.money-section>.record-form{margin:16px 0}.advanced-details{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px;margin-top:4px}.advanced-details .muted-copy{margin:8px 0}.advanced-grid{display:grid;grid-template-columns:165px minmax(0,1fr);align-items:center;gap:10px 18px}.advanced-grid input,.advanced-grid textarea{margin:0}.money-calculation{grid-column:1/-1;background:#2a241b;color:#f0d9aa;padding:12px;border-radius:8px;font-weight:700}.money-summary{margin-top:14px}.money-line{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:9px 0}.money-line strong{color:var(--gold);text-align:right}.money-summary .muted-copy{font-size:12px;margin:12px 0 0}.admin-row .outline-button{margin-left:0}.history-row{padding:10px 12px;border:1px solid var(--line);border-radius:8px;color:var(--muted)}.inline-button{margin:0 0 9px}.advanced-controls{grid-column:1/-1;margin:12px 0}.advanced-controls>.record-form{margin:14px 0}.advanced-controls h3{margin:14px 0 6px;color:var(--gold)}
@media(max-width:750px){.pane-heading{align-items:flex-start;flex-direction:column}.advanced-grid{grid-template-columns:1fr;gap:6px}.advanced-grid label{padding-top:8px}.money-line{font-size:14px}}
@media(max-width:800px){.report-filter-row{grid-template-columns:1fr 1fr}.report-filter-row label{align-self:end}.report-table{font-size:12px}.report-pane{padding:16px}.metric-value{font-size:21px}}
@media(max-width:520px){.shell{grid-template-columns:64px minmax(0,1fr)}.sidebar{padding:14px 4px;gap:10px}.rail-item{width:54px;font-size:21px}.rail-item small{font-size:9px}.dashboard{padding:20px 14px}.report-filter-row{grid-template-columns:1fr}.report-filter-row label{padding-top:6px}.account-bar{gap:10px;flex-wrap:wrap;padding:12px}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{padding:11px;min-height:104px}.metric-value{font-size:18px}}
.photo-section{margin:26px 0;padding:18px;border:1px solid var(--line);border-radius:12px;background:#111416}.photo-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.photo-heading h3{margin:0 0 6px;color:var(--gold)}.photo-heading .muted-copy{margin:0 0 16px;max-width:760px;font-size:13px}.photo-heading .gold-button{flex:none}.photo-file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.photo-message{min-height:1.5em;color:var(--gold);font-size:13px}.photo-progress{display:block;width:100%;height:10px;margin:6px 0 12px;accent-color:var(--gold)}.photo-progress-label{display:block;font-size:12px;color:var(--muted)}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.photo-card{min-width:0;border:1px solid var(--line);border-radius:10px;background:#0c0e10;padding:10px}.photo-open{display:block;width:100%;height:170px;padding:0;border:0;background:#08090a;border-radius:7px;overflow:hidden}.photo-open img{display:block;width:100%;height:100%;object-fit:contain}.photo-caption-label{display:block;margin:10px 0 5px;font-size:12px;color:var(--muted)}.photo-caption-label textarea{margin-top:5px;min-height:54px}.photo-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.photo-actions .outline-button,.photo-actions .text-button{margin:0;padding:7px 10px;font-size:12px}.photo-pending-title{display:block;color:var(--gold);margin:8px 0}.photo-viewer{width:min(96vw,1100px);max-width:96vw;max-height:95vh;padding:12px;border:1px solid var(--line);border-radius:12px;background:#101214;color:var(--text)}.photo-viewer::backdrop{background:#000d}.photo-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.photo-viewer-bar p{margin:4px 0;overflow-wrap:anywhere}.photo-viewer-bar .outline-button{margin:0}.photo-viewer img{display:block;max-width:100%;max-height:calc(95vh - 64px);margin:8px auto 0;object-fit:contain}
@media(max-width:600px){.photo-heading{flex-direction:column}.photo-heading .gold-button{width:100%}.photo-gallery{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.photo-open{height:145px}.photo-section{padding:13px}}