:root{color-scheme:light;--bg:#f7f5f1;--panel:#ffffff;--panel-2:#eee9e1;--text:#272520;--muted:#66635d;--gold:#805c2c;--gold-light:#76521f;--line:#e4dfd6;--green:#2d6d50;--blue:#315c7e}
    [hidden]{display:none!important}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at top,#ece0cc,transparent 65%)}.auth-card{width:min(100%,490px);padding:38px;border:1px solid var(--line);background:#fff;border-radius:24px;box-shadow:0 15px 70px #4e3b1910}.auth-card h1{font-size:30px;letter-spacing:-.05em}.auth-card p{line-height:1.65;color:var(--muted)}.auth-fields{display:grid;gap:17px;margin-top:24px}.auth-fields label{display:grid;gap:7px;font-weight:700;font-size:12px}.auth-fields .field{width:100%}.form-error{color:#9c2929!important;font-weight:600;margin:0;white-space:pre-line}.settings-panel,.archived-panel{margin-top:22px}.settings-list,.saved-documents{padding:6px 22px}.settings-row{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:18px}.settings-row:last-child{border-bottom:0}.settings-row .sub{margin-top:5px}.settings-row button{flex-shrink:0}.company-form fieldset{border:0;padding:0;margin:0;min-width:0}.company-form fieldset>button{margin-top:20px}.save-error{padding:15px;margin-bottom:20px;background:#fff0e6;border:1px solid #d9a86c;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}#save-status{font-size:11px;color:var(--green);white-space:nowrap}.account{flex-wrap:wrap;justify-content:flex-end}.saving .modal-actions{pointer-events:none;opacity:.7}.saved-documents>p{color:var(--muted)}@media(max-width:650px){.auth-card{padding:24px}.topbar{gap:12px}.account{gap:7px}.settings-row{align-items:flex-start;flex-wrap:wrap}.settings-panel .surface-head{flex-wrap:wrap;gap:12px}}
    *{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Inter,"Segoe UI",sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}
    .app{min-height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr)}
    .sidebar{border-right:1px solid var(--line);background:#f0ede7;padding:28px 18px;display:flex;flex-direction:column;gap:34px}
    .brand{display:flex;align-items:center;gap:13px;padding:0 10px}.brand-mark{width:40px;height:40px;border:1px solid var(--gold);border-radius:13px;display:grid;place-items:center;color:var(--gold-light);font-weight:800;font-size:16px;letter-spacing:-.1em}.brand strong{display:block;font-size:15px;letter-spacing:.02em}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-top:2px}
    .side-label,.eyebrow{font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0}.side-label{padding-left:16px;margin-bottom:12px;color:#6e6559}
    .nav{display:grid;gap:5px}.nav button{width:100%;border:1px solid transparent;border-radius:12px;padding:12px 14px;text-align:left;color:var(--muted);background:transparent;font-weight:700;display:flex;gap:14px;align-items:center}.nav button span{font-size:11px;color:#736c63;font-weight:800}.nav button:hover{color:var(--text);background:#e7e1d7}.nav button.active{background:rgba(128,92,44,.12);border-color:rgba(128,92,44,.26);color:var(--gold-light)}.nav button.active span{color:var(--gold)}
    .sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:20px 14px 0;color:var(--muted);font-size:12px}.sidebar-foot strong{color:var(--text);display:block;margin-bottom:3px}.demo{display:inline-block;color:var(--gold-light);background:rgba(128,92,44,.1);border:1px solid rgba(128,92,44,.25);border-radius:100px;padding:5px 8px;font-size:10px;font-weight:800;letter-spacing:.08em;margin-bottom:12px}
    .workspace{min-width:0;background:radial-gradient(circle at 72% -15%,rgba(204,164,99,.16),transparent 35%),var(--bg)}.topbar{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px}.topbar .context{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:800}.account{display:flex;align-items:center;gap:11px;font-weight:700;font-size:12px}.avatar{width:32px;height:32px;display:grid;place-items:center;background:var(--panel-2);border:1px solid var(--line);border-radius:50%;color:var(--gold-light);font-size:10px}
    main{max-width:1440px;margin:auto;padding:34px 36px 60px}.view{display:none}.view.active{display:block}.page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.page-head h1{font-size:38px;line-height:1.12;letter-spacing:-.055em;margin:9px 0 7px;font-weight:800}.page-head p:last-child{color:var(--muted);margin:0;line-height:1.6}.button{border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);font-weight:800;padding:12px 16px;white-space:nowrap}.button:hover{border-color:var(--gold)}.button.primary{background:linear-gradient(135deg,#f1dbb7,#d6ab70);color:#2a2114;border-color:#c4985e}.button.primary:hover{filter:brightness(1.04)}.button.ghost{background:transparent}.button.small{padding:8px 11px;border-radius:9px;font-size:12px}
    .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:19px 21px}.stat .label{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-weight:800}.stat .value{font-size:30px;font-weight:800;letter-spacing:-.05em;margin:8px 0 4px}.stat .caption{font-size:12px;color:var(--muted)}
    .surface{background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden}.surface-head{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--line)}.surface-head h2{font-size:16px;margin:0;font-weight:800;letter-spacing:-.02em}.surface-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.tools{display:flex;gap:9px;flex-wrap:wrap}.field{background:#fdfcfa;border:1px solid #d6d0c6;border-radius:11px;color:var(--text);padding:10px 12px;min-height:39px}.field::placeholder{color:#777168}.tools .field.search{min-width:210px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th{text-align:left;color:#625d55;font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;padding:14px 18px;background:#f7f5f1}td{padding:15px 18px;border-top:1px solid var(--line);vertical-align:middle}tbody tr:hover{background:#faf8f4}.vehicle-name{font-weight:800;color:var(--text)}.sub{color:var(--muted);font-size:12px;margin-top:3px}.mono{font-variant-numeric:tabular-nums;letter-spacing:.02em}.status{font-size:11px;font-weight:800;white-space:nowrap;border-radius:100px;padding:6px 9px;display:inline-block;background:rgba(128,92,44,.12);color:var(--gold-light)}.status.sell{color:var(--green);background:rgba(45,109,80,.12)}.status.sold{color:var(--blue);background:rgba(49,92,126,.13)}.empty{padding:32px;text-align:center;color:var(--muted)}
    .section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.doc-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px}.doc-card .step{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.17em}.doc-card h2{font-size:19px;margin:8px 0 6px}.doc-card p{color:var(--muted);line-height:1.6;min-height:40px;margin:0 0 18px}.doc-list{list-style:none;padding:0;margin:0 0 20px}.doc-list li{padding:9px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px}.doc-list li:last-child{border:0}.doc-list span{color:var(--gold-light);font-size:11px;font-weight:800}
    .info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.info-box{padding:22px;border:1px solid var(--line);background:var(--panel);border-radius:18px}.info-box .eyebrow{margin-bottom:11px}.info-box h2{font-size:18px;margin:0 0 5px}.info-box p{color:var(--muted);line-height:1.6;margin:0}
    .scrim{position:fixed;inset:0;background:rgba(35,30,22,.42);z-index:10;display:none;align-items:center;justify-content:center;padding:20px}.scrim.open{display:flex}.modal{width:min(100%,570px);max-height:90vh;overflow:auto;background:var(--panel);border:1px solid #d9d1c5;border-radius:22px;box-shadow:0 25px 80px rgba(40,32,20,.2)}.modal-head{padding:25px 27px 19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.modal-head h2{font-size:24px;letter-spacing:-.04em;margin:5px 0 0}.icon-button{background:transparent;color:var(--muted);border:0;font-size:25px;line-height:1}.modal-body{padding:24px 27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:grid;gap:7px;font-weight:700;font-size:12px}.form-grid .wide{grid-column:1/-1}.form-grid .field{width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.detail-list{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-list dt{color:var(--muted);font-size:11px;margin-bottom:4px}.detail-list dd{margin:0;font-weight:700}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:26px 0}.flow div{border-top:3px solid var(--line);padding-top:8px;font-size:11px;color:var(--muted);font-weight:800}.flow div.done{border-color:var(--gold);color:var(--gold-light)}.toast{position:fixed;bottom:23px;right:23px;background:#fff8ea;border:1px solid var(--gold);color:var(--text);padding:13px 18px;border-radius:12px;box-shadow:0 10px 30px rgba(40,32,20,.18);z-index:20;display:none}.toast.visible{display:block}
    .plate-lookup{padding:16px;border:1px solid rgba(128,92,44,.27);background:#fbf6ec;border-radius:15px;margin-bottom:21px}.plate-lookup label{display:block;font-size:12px;font-weight:800;margin-bottom:8px}.plate-lookup-row{display:flex;gap:9px}.plate-lookup-row .field{flex:1;min-width:0}.form-hint{color:var(--muted);font-size:11px;line-height:1.5;margin:10px 0 0}
    .plate-lookup .form-grid label{display:grid;gap:7px}.lookup-actions{margin-top:13px}.extra-fields{margin-top:22px;border:1px solid var(--line);border-radius:14px;padding:0 16px 16px}.extra-fields summary{padding:15px 0 0;color:var(--gold-light);font-weight:800;cursor:pointer}.extra-fields[open] summary{margin-bottom:18px}.extra-fields .detail-list{margin-top:10px}
    .form-grid [hidden]{display:none}.form-section-title{margin:23px 0 14px;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.form-section-title:first-child{margin-top:0}
    .paper-preview{background:#fff;color:#272520;border:1px solid #d9d4cb;border-radius:12px;padding:25px;line-height:1.5}.paper-header{display:flex;justify-content:space-between;gap:15px;border-bottom:2px solid #35343a;padding-bottom:16px}.paper-header h3{font-size:23px;margin:8px 0 0}.paper-badge{font-size:10px;font-weight:800;letter-spacing:.12em;color:#805c2c}.paper-number{text-align:right;font-weight:800;font-size:12px}.paper-parties{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.paper-parties>div{border:1px solid #d9d4cb;padding:12px;min-height:94px}.paper-parties strong{color:#76521f;font-size:12px}.paper-parties p{font-size:12px;margin:8px 0 0}.paper-section-title{background:#35343a;color:#fff;font-weight:800;padding:8px 11px;margin-top:16px}.paper-line,.paper-breakdown>div,.paper-total{display:flex;justify-content:space-between;gap:12px;padding:10px 11px;border-bottom:1px solid #e4dfd6}.paper-specs{background:#f7f5f1;padding:12px 11px;font-size:12px;line-height:1.7}.paper-breakdown{margin-top:14px;font-size:12px}.paper-total{background:#f0ede7;font-size:14px;font-weight:800;margin:14px 0}.paper-small{font-size:11px;color:#625d55;line-height:1.6}.paper-signatures{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.paper-signatures span{border-top:1px solid #a8a096;padding-top:8px;font-size:11px;color:#625d55;min-height:55px}
    .modal{width:min(100%,680px)}.document-picker{margin-bottom:14px}.document-picker select{min-width:240px}.prototype-note{color:var(--muted);font-size:11px;line-height:1.6;margin:13px 2px}.transaction-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.transaction-overview>div{border:1px solid var(--line);background:#faf8f4;border-radius:14px;padding:17px}.transaction-overview strong{font-size:13px}.transaction-overview p{color:var(--muted);font-size:12px;line-height:1.5;min-height:37px;margin:8px 0 12px}.button:disabled{opacity:.45;cursor:not-allowed}.button:disabled:hover{border-color:var(--line)}.status.reserved{color:#76521f;background:rgba(128,92,44,.15)}.order-balance{padding:12px 14px;background:#fbf6ec;border:1px solid rgba(128,92,44,.25);border-radius:11px;font-weight:800;margin-top:15px}
    .transaction-overview>div{display:flex;flex-direction:column;min-width:0}.transaction-overview p{flex:1}.transaction-overview .button{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:46px;white-space:normal;text-align:center;line-height:1.25}
    .catalogue{background:var(--panel);border:1px solid var(--line);border-radius:18px;margin-top:14px;overflow:hidden}.catalogue summary{padding:20px 22px;color:var(--gold-light);font-weight:800;cursor:pointer}.catalogue[open] summary{border-bottom:1px solid var(--line)}.catalogue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding:24px}.catalogue h2{font-size:15px;margin:0 0 10px}.catalogue ul{margin:0;padding-left:18px;color:var(--muted);font-size:12px;line-height:1.8}.catalogue li{padding:2px 0}.catalogue em{font-style:normal;color:var(--gold-light);font-size:10px;margin-left:4px}
    .company-panel{margin-bottom:14px}.company-form{padding:24px}.company-form .button{margin-top:20px}
    .doc-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:8px 0 6px}.doc-card-head h2{margin:0;min-width:0}.doc-card-head .button{flex:none}.doc-list li{align-items:flex-start}.doc-list .doc-title{min-width:0;flex:1;line-height:1.45;color:var(--text);font-size:12px;font-weight:600}.doc-list .doc-state{flex:none;max-width:88px;text-align:right;line-height:1.35}.doc-list .doc-view{flex:none;padding:6px 10px;min-width:48px;color:var(--gold-light)}.pdf-preview-frame{width:100%;height:min(64vh,760px);border:1px solid var(--line);border-radius:12px;background:#f7f5f1}.pdf-preview-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;margin-top:15px}.modal.pdf-mode{width:min(96vw,1050px);max-height:96vh}.modal.pdf-mode .modal-body{padding:18px}
    .pdf-canvas-wrap{height:min(60vh,710px);overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:#f1eee9;color:var(--muted)}.pdf-canvas-wrap canvas{display:block;max-width:100%;height:auto;background:#fff;box-shadow:0 4px 20px rgba(30,30,30,.12)}.pdf-page-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;color:var(--muted);font-size:12px;font-weight:700}.pdf-page-nav .button{white-space:normal}
    .handover-form-grid{margin-top:20px}.handover-form-grid textarea{resize:vertical;min-height:82px}.handover-documents{border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:grid;grid-template-columns:1fr 1fr;gap:11px}.handover-documents legend{padding:0 6px;font-size:12px;font-weight:800;color:var(--gold-light)}.handover-documents .handover-check{display:flex;align-items:flex-start;gap:8px;font-size:12px;font-weight:600}.handover-documents input{accent-color:var(--gold);margin:2px 0 0;flex:none}
    @media(max-width:1200px){.section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1050px){.app{grid-template-columns:190px minmax(0,1fr)}main{padding:26px 22px}.topbar{padding:0 22px}.page-head h1{font-size:31px}.transaction-overview{grid-template-columns:1fr 1fr}}@media(max-width:780px){.app{display:block}.sidebar{padding:15px;border-right:0;border-bottom:1px solid var(--line);gap:15px}.side-label,.sidebar-foot{display:none}.nav{display:flex;overflow-x:auto}.nav button{white-space:nowrap;width:auto}.topbar{height:56px}.stats,.info-grid{grid-template-columns:1fr 1fr}.section-grid{grid-template-columns:1fr}.page-head{align-items:start}.page-head h1{font-size:28px}}@media(max-width:540px){main{padding:22px 14px 40px}.page-head{display:block}.page-head .button{margin-top:16px}.stats,.info-grid,.transaction-overview,.catalogue-grid,.paper-parties,.handover-documents{grid-template-columns:1fr}.surface-head{display:block}.surface-head>select{margin-top:15px;width:100%}.tools{margin-top:15px}.tools .field{flex:1;min-width:0}.form-grid,.detail-list{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.plate-lookup-row{flex-direction:column}.paper-header{display:block}.paper-number{text-align:left;margin-top:9px}.topbar .context{display:none}}

.lookup-proposals { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:10px; margin:14px 0; }
.lookup-proposal { display:flex; align-items:flex-start; gap:10px; padding:10px; border:1px solid #e4ddd3; border-radius:10px; }
.lookup-proposal > input { width:18px; height:18px; flex-shrink:0; margin-top:3px; accent-color:#9b6b34; }
.lookup-proposal > span { display:grid; gap:4px; overflow-wrap:anywhere; }
.lookup-proposal small { color:#746c61; }
.invoice-tabs,.invoice-actions { display:flex; gap:8px; flex-wrap:wrap; }
.invoice-tabs { margin-bottom:20px; }
#invoice-hub-error { padding:0 20px; }
.vehicle-photos { margin-top:24px; padding-top:20px; border-top:1px solid var(--line,#e1dbd1); }
.photo-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.photo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:12px; }
.photo-grid figure { margin:0; min-width:0; }
.photo-zoom { display:block; border:0; padding:0; width:100%; background:#f1eee8; border-radius:10px; overflow:hidden; cursor:zoom-in; }
.photo-zoom img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; }
.photo-grid .button { margin-top:6px; }
.photo-expanded { margin-top:16px; }
.photo-expanded img { display:block; width:100%; max-height:65vh; object-fit:contain; margin-top:10px; border-radius:10px; }
@media(max-width:540px) { .photo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .invoice-tabs .button { flex:1 1 100%; } }
#lookup-result { padding:14px 0; }

.plate-quota { margin:0 0 18px; padding:12px 16px; background:#f6f2eb; color:#4e4231; border:1px solid #ded3c2; border-radius:12px; font-size:13px; line-height:1.6; }
.plate-quota small { display:block; font-size:11px; margin-top:4px; }
.plate-quota[data-level=low] { background:#fff3d5; border-color:#e1b450; color:#705011; }
.plate-quota[data-level=blocked] { background:#ffebe6; border-color:#d98b79; color:#813725; }
.plate-quota[hidden] { display:none; }
.plate-lookup .plate-quota { margin-top:12px; }
.document-library-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:0 0 24px; }
.document-library-grid .doc-card { min-width:0; }
.library-heading { margin-top:28px; padding-left:0; }
.contact-picker { padding:16px; border:1px solid var(--line); border-radius:12px; background:#f8f5ef; margin-bottom:20px; }
.contact-picker label { display:grid; gap:8px; font-weight:700; }
.contact-picker-results { display:grid; gap:6px; margin-top:10px; max-height:210px; overflow:auto; }
.contact-choice { display:grid; gap:4px; text-align:left; padding:10px 12px; border:1px solid var(--line); border-radius:8px; background:white; color:var(--text); font:inherit; cursor:pointer; }
.contact-choice span { font-size:12px; color:var(--muted); overflow-wrap:anywhere; }
.contact-choice:hover,.contact-choice:focus-visible { border-color:var(--gold-light); background:#fffaf1; }
.contact-communication { margin-bottom:20px; }
#contacts .form-error:empty { display:none; }
#contacts .form-error { padding:0 20px; }
.vehicle-summary { display:flex; align-items:center; gap:14px; }
.vehicle-summary > div { min-width:0; }
.vehicle-thumbnail { flex:0 0 80px; width:80px; height:60px; padding:0; border:1px solid var(--line); border-radius:9px; overflow:hidden; background:var(--panel); cursor:pointer; }
.vehicle-thumbnail img { display:block; width:100%; height:100%; object-fit:cover; }
.vehicle-thumbnail-empty { display:grid; place-items:center; background:#f3efe8; color:#a18b6e; }
.vehicle-thumbnail-empty svg { width:54px; height:42px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.vehicle-thumbnail:hover { border-color:var(--gold-light); }
.vehicle-thumbnail:focus-visible { outline:2px solid var(--gold-light); outline-offset:3px; }
@media(max-width:600px) { .vehicle-summary { gap:10px; } .vehicle-thumbnail { flex-basis:64px; width:64px; height:48px; } }
.doc-title small,.official-files small { display:block; font-size:12px; line-height:1.5; color:var(--muted,#6e6a64); margin-top:4px; }
.official-files { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; padding:0 24px 24px; }
.official-files .settings-row { gap:12px; align-items:center; }
.official-files .settings-row span { overflow-wrap:anywhere; }
#extra-document-form .form-grid { margin-top:18px; }
#extra-document-form .field { min-width:0; width:100%; }
@media(max-width:800px) { .document-library-grid,.official-files { grid-template-columns:1fr; } }