:root{--ink:#0b2035;--blue:#087ec1;--cyan:#2bb8ed;--paper:#f5f8fa;--line:#d8e2e9;--muted:#617486;--danger:#b83030;--shadow:0 18px 55px rgba(8,35,56,.12)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-size:16px}body{margin:0}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px}.brand img{width:54px;height:42px;object-fit:cover;object-position:center 38%;border-radius:8px}.brand span{display:flex;flex-direction:column;letter-spacing:.12em}.brand small{font-size:.7rem;letter-spacing:.05em;color:var(--muted)}.account{display:flex;gap:20px;align-items:center;font-size:.88rem}.account a,.back{color:var(--blue);font-weight:700}.page{max-width:1180px;margin:auto;padding:46px 24px 80px}.page-head,.detail-head,.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.page-head{margin-bottom:28px}.detail-head{margin:26px 0 52px;align-items:center}.section-head{margin:46px 0 18px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--blue);font-size:.72rem;font-weight:800;margin:0 0 7px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em;margin-bottom:0;line-height:1}h2{font-size:1.55rem;letter-spacing:-.025em;margin:0}h3{margin-bottom:8px}.muted,.detail-head p{color:var(--muted)}.button{border:0;border-radius:8px;padding:12px 17px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.button.primary{background:linear-gradient(135deg,var(--blue),#00649e);color:#fff;box-shadow:0 8px 20px rgba(8,126,193,.2)}.button.ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.toolbar{background:#fff;border:1px solid var(--line);padding:16px;display:flex;gap:12px;align-items:end;border-radius:12px 12px 0 0}.search{flex:1}.toolbar label>span,label{font-size:.78rem;font-weight:750;color:var(--muted)}input,textarea{width:100%;background:#fff;border:1px solid #c8d5de;border-radius:7px;padding:11px 12px;margin-top:6px;color:var(--ink);outline:none}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(43,184,237,.13)}.vip-toggle{padding:10px 12px;border:1px solid var(--line);border-radius:7px}.vip-toggle input,.check input{width:auto;margin:0 7px 0 0}.client-panel{background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;overflow:hidden}.table-heading{display:flex;justify-content:space-between;padding:13px 20px;background:#edf3f6;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.client-row{display:grid;grid-template-columns:44px minmax(180px,1.5fr) 1fr 1fr .7fr 30px;gap:16px;align-items:center;padding:17px 20px;border-top:1px solid #edf1f3;transition:.15s}.client-row:hover{background:#f6fbfe;transform:translateX(3px)}.client-row span:not(.initial){display:flex;flex-direction:column;gap:3px}.client-row small{color:var(--muted);font-size:.75rem}.initial{width:40px;height:40px;border-radius:9px;background:#e1f4fd;color:var(--blue);display:grid;place-items:center;font-weight:900}.plate{font-family:"SFMono-Regular",Consolas,monospace;letter-spacing:.04em}.row-meta{align-items:flex-start}.row-meta em,.title-line em{font-style:normal;background:#daf3fd;color:#006494;border-radius:99px;padding:4px 8px;font-size:.7rem;font-weight:900}.arrow{font-size:1.3rem;color:var(--blue)}.alert{padding:13px 16px;border-radius:8px;margin:0 0 18px;background:#def6e8;color:#17633a}.alert.danger{background:#fde5e5;color:#882525}.empty{text-align:center;padding:62px 20px;color:var(--muted)}.empty b{color:var(--ink);font-size:1.05rem}.title-line{display:flex;align-items:center;gap:12px}.actions{display:flex;gap:10px}.car-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.car-card{background:var(--ink);color:#fff;border-radius:12px;padding:21px;position:relative;overflow:hidden}.car-card:after{content:"";position:absolute;width:120px;height:120px;border:25px solid rgba(43,184,237,.12);border-radius:50%;right:-50px;top:-50px}.car-card .plate{color:var(--cyan);font-size:.77rem}.car-card h3{font-size:1.25rem;margin:13px 0 28px}.car-card p{font-size:.72rem;color:#9fb0be;margin:0}.car-card p b{color:#fff;font-size:.8rem}.repair-list{display:grid;gap:12px}.repair-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px;display:grid;grid-template-columns:72px 1fr 36px;gap:20px}.repair-date{border-right:1px solid var(--line);display:flex;flex-direction:column}.repair-date b{font-size:1.8rem}.repair-date span{font-size:.72rem;color:var(--muted)}.repair-main h3{margin:6px 0 8px}.repair-main p{color:var(--muted);line-height:1.55}.repair-facts{display:flex;flex-wrap:wrap;gap:8px}.repair-facts span,.repair-facts a,.count{font-size:.72rem;background:#eef4f7;border-radius:99px;padding:5px 9px;font-weight:750}.repair-facts a{color:var(--blue)}.icon-button{width:36px;height:36px;border:0;border-radius:50%;background:#eef3f6;font-size:1.5rem;cursor:pointer}.icon-button.danger{color:var(--danger)}.delete-client{margin-top:48px;text-align:right}.delete-client button{border:0;background:transparent;color:var(--danger);text-decoration:underline;cursor:pointer}dialog{border:0;border-radius:14px;padding:0;box-shadow:var(--shadow);width:min(620px,calc(100% - 28px));color:var(--ink)}dialog::backdrop{background:rgba(4,21,34,.62);backdrop-filter:blur(4px)}.dialog-form{padding:24px}.dialog-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px}.dialog-head h2{font-size:1.75rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .wide{grid-column:1/-1}.check{display:flex;align-items:center;color:var(--ink)}fieldset{border:1px solid var(--line);border-radius:8px;padding:12px}legend{font-size:.78rem;font-weight:750;color:var(--muted)}.choice-row{display:flex;flex-wrap:wrap;gap:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.login-page{background:#fff}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,.85fr) 1.15fr}.login-card{width:min(390px,calc(100% - 48px));margin:auto}.login-logo{width:150px;height:112px;object-fit:cover;object-position:center 38%;margin-bottom:28px}.login-card h1{font-size:2.6rem;margin-bottom:12px}.stack{display:grid;gap:15px;margin-top:27px}.stack .button{margin-top:4px}.demo{display:grid;background:#f1f6f9;padding:15px;border-radius:8px;margin-top:25px;font-size:.78rem;color:var(--muted);gap:4px}.demo strong{color:var(--ink)}.login-art{background:linear-gradient(145deg,#082239,#0a4f78);color:#fff;padding:clamp(36px,7vw,100px);display:flex;align-items:flex-end;position:relative;overflow:hidden}.login-art:before{content:"";position:absolute;width:55vw;height:55vw;border:9vw solid rgba(43,184,237,.14);border-radius:50%;top:-24vw;right:-24vw}.login-art>div{position:relative;max-width:600px}.login-art h2{font-size:clamp(2rem,4.2vw,4.5rem);line-height:1;letter-spacing:-.055em}.login-art p{max-width:470px;color:#b8cad6;line-height:1.7}.art-number{display:block;color:var(--cyan);font-weight:900;margin-bottom:18px}@media(max-width:800px){.login-shell{grid-template-columns:1fr}.login-art{display:none}.client-row{grid-template-columns:44px 1fr 30px}.client-row>span:not(.initial):not(.client-name){display:none}.page-head,.detail-head{align-items:flex-start;flex-direction:column}.repair-card{grid-template-columns:58px 1fr}.repair-card form{grid-column:2;text-align:right}.toolbar{flex-wrap:wrap}.search{flex-basis:100%}}@media(max-width:520px){.account span{display:none}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.page{padding-inline:16px}.actions{width:100%}.actions .button{flex:1}.login-card h1{font-size:2.15rem}}@media print{.topbar,.back,.actions,.section-head button,.delete-client,.repair-card form{display:none!important}.page{padding:0}.repair-card{break-inside:avoid}.car-card{border:1px solid #000;color:#000;background:#fff}.car-card p,.car-card p b{color:#000}}