:root{--bg: #FFFFFF;--zone: #FAFAFA;--border: #E4E4E7;--border-strong: #D4D4D8;--ink: #18181B;--muted: #71717A;--accent: #2563EB;--ease: cubic-bezier(.2, 0, 0, 1);--shadow: 0 1px 2px rgba(24, 24, 27, .04), 0 8px 24px rgba(24, 24, 27, .05)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--zone);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.app{max-width:860px;margin:0 auto;background:var(--zone);min-height:100dvh;position:relative}@media(min-width:920px){.app{border-left:1px solid var(--border);border-right:1px solid var(--border)}}.screen{display:none;padding:24px 24px 180px}.screen.is-active{display:block}.head{margin-bottom:20px}h1{font-size:24px;font-weight:600;line-height:1.2;letter-spacing:-.01em}.sub{color:var(--muted);font-size:15px;margin-top:4px}.hint{margin-top:12px;font-size:13px;color:var(--muted)}.card{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:20px;box-shadow:var(--shadow)}.icon{width:24px;height:24px;flex:none}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:0;height:76px;background:var(--zone);border-top:1px solid var(--border);width:min(860px,100%);display:grid;grid-template-columns:repeat(5,1fr)}.tabbar:after{content:"";position:absolute;top:0;left:0;width:20%;height:3px;background:linear-gradient(var(--ink),var(--ink)) center / 28px 3px no-repeat;transform:translate(calc(var(--tab-i, 0) * 100%));transition:transform .22s var(--ease)}body[data-tab=hoy]{--tab-i: 0}body[data-tab=citas]{--tab-i: 1}body[data-tab=fichas]{--tab-i: 2}body[data-tab=trabajo]{--tab-i: 3}body[data-tab=catalogo]{--tab-i: 4}.tab-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:64px;margin:6px 8px;border-radius:12px;color:var(--muted);font-size:12px;font-weight:500;text-decoration:none;transition:color .2s var(--ease),transform .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease)}.tab-btn:active{transform:scale(.97)}.tab-btn.is-active{color:var(--ink);font-weight:600;background:var(--bg);box-shadow:var(--shadow)}@media(max-width:480px){.screen{padding:18px 16px 200px}}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stack>*+*{margin-top:14px}.label{font-size:11px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.section-label{margin:28px 0 12px}.head-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px}.head-row>.btn{margin-left:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:64px;padding:0 26px;border-radius:10px;font-family:inherit;font-size:16px;font-weight:600;line-height:1;border:1px solid transparent;cursor:pointer;text-decoration:none;box-shadow:var(--shadow);transition:transform .2s var(--ease),opacity .2s var(--ease),background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease)}.btn:active{transform:scale(.97)}.btn--primary{background:var(--ink);color:#fff}.btn--ghost{background:var(--bg);color:var(--ink);border-color:var(--border-strong)}.btn--block{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.field+.field{margin-top:22px}.field>.label{display:block;margin-bottom:8px}.input,.select,.textarea{width:100%;min-height:64px;padding:0 16px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg);font-family:inherit;font-size:16px;color:var(--ink);transition:border-color .2s var(--ease)}.textarea{min-height:112px;padding:16px;resize:vertical;line-height:1.5}.input:focus,.select:focus,.textarea:focus{border-color:var(--ink)}.input::placeholder,.textarea::placeholder{color:#a1a1aa}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:52px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2318181B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center}.form-end{margin-top:28px}.patente-input{font-size:24px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.plate{position:relative;display:inline-flex;flex-direction:column;align-items:stretch;background:var(--bg);border:2.5px solid var(--ink);border-radius:8px;overflow:hidden}.plate>span{font-weight:600;letter-spacing:.22em;text-indent:.22em;text-align:center;color:var(--ink);white-space:nowrap}.plate .strip{display:block;background:var(--accent);width:100%}.plate--big>span{font-size:32px;padding:12px 22px 16px}.plate--big .strip{height:9px}.plate--small>span{font-size:13px;padding:5px 11px 7px;letter-spacing:.18em;text-indent:.18em}.plate--small .strip{height:4px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--zone);font-size:13px;font-weight:500;color:#3f3f46}.badge{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.01em;color:#fff}.badge--pendiente{background:#3b82f6}.badge--llego{background:#f59e0b}.badge--taller{background:#8b5cf6}.badge--listo{background:#22c55e}.badge--entregado{background:#78717a}.ficha-hero{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.photo{background:var(--zone);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.photo--hero{width:100%;height:230px}.photo--hero .icon,.photo--hero svg{width:132px;height:82px}.photo--thumb{width:64px;height:64px;flex:none}.photo--thumb .icon,.photo--thumb svg{width:42px;height:26px}.ficha-model{font-size:19px;font-weight:600}.ficha-data{margin-top:6px;color:var(--muted);font-size:15px}.visit-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.visit-date{font-size:16px;font-weight:600}.visit-cost{text-align:right}.visit-cost b{font-size:20px;font-weight:600;display:block;margin-top:2px}.visit-foot{display:flex;align-items:center;gap:12px;margin-top:14px}.recent-card{cursor:pointer}.recent-main{display:flex;align-items:center;gap:14px}.recent-info{flex:1;min-width:0}.day-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.day-bar{flex-basis:100%;height:8px;border-radius:4px;background:linear-gradient(to right,#8B5CF6 var(--used-pct, 0%),var(--border) var(--used-pct, 0%));margin-top:16px}.day-date{font-size:20px;font-weight:600;margin-top:4px}.counters{display:flex;gap:32px}.counter{display:flex;align-items:baseline;gap:10px}.counter b{font-size:32px;font-weight:600;line-height:1;padding:4px 10px;border-radius:10px;white-space:nowrap}.counters .counter:first-child b{background:#3b82f61f}.counters .counter:last-child b{background:#8b5cf61f}.counter span{font-size:15px;color:var(--muted)}.appt{display:grid;grid-template-columns:92px 1fr;align-items:start;gap:18px}.appt-time{font-size:28px;font-weight:600;line-height:1}.appt-name{font-size:17px;font-weight:600;margin-bottom:8px}.appt-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}.appt-stepper{display:flex;flex-wrap:wrap;gap:10px}.appt-stepper .btn{min-height:56px;padding:0 18px;font-size:15px}.day-left{margin:22px 0 0;text-align:center;color:var(--muted);font-size:15px}.float-bar{position:fixed;left:50%;transform:translate(-50%);bottom:92px;width:min(860px,100%);padding:0 24px;display:none}body[data-tab=hoy] .float-bar{display:block}.fab{width:100%;box-shadow:0 8px 24px #18181b1a}.slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px}.slot{min-height:64px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg);font-family:inherit;font-size:16px;font-weight:600;color:var(--ink);cursor:pointer;box-shadow:var(--shadow);transition:transform .2s var(--ease),background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}.slot:active{transform:scale(.97)}.slot.is-selected{background:var(--ink);border-color:var(--ink);color:#fff}.slot:disabled{background:var(--zone);border-color:var(--border);color:#a1a1aa;cursor:not-allowed;box-shadow:none}.chip--big{min-height:64px;padding:0 22px;font-size:15px;background:var(--bg);border:1px solid var(--border-strong);color:var(--ink);cursor:pointer;box-shadow:var(--shadow);border-radius:10px;font-family:inherit;font-weight:500;transition:transform .2s var(--ease),background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}.chip--big:active{transform:scale(.97)}.chip--big.is-selected{background:var(--ink);border-color:var(--ink);color:#fff}.chip--big:disabled{opacity:.6;cursor:not-allowed}.toast{position:fixed;left:50%;transform:translate(-50%) translateY(10px);bottom:180px;max-width:min(520px,calc(100% - 48px));width:max-content;background:var(--ink);color:#fff;border-radius:10px;padding:15px 20px;font-size:15px;line-height:1.4;opacity:0;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease)}.toast.is-on{opacity:1;transform:translate(-50%) translateY(0)}.icon--sm{width:20px;height:20px}@media(max-width:480px){.plate--big>span{font-size:24px;padding:10px 16px 12px;letter-spacing:.18em;text-indent:.18em}.plate--big .strip{height:7px}.photo--hero{height:170px}.photo--hero .icon,.photo--hero svg{width:104px;height:64px}.visit-top{flex-direction:column;gap:8px}.visit-cost{text-align:left}.appt{grid-template-columns:1fr;gap:12px}.appt-time{font-size:24px}.counters{gap:20px}.float-bar{padding:0 16px}}.tabs{display:flex;gap:8px;margin:18px 0;overflow-x:auto;padding-bottom:2px}.cat-tab{min-height:56px;padding:0 20px;border-radius:10px;cursor:pointer;white-space:nowrap;border:1px solid var(--border);background:var(--bg);color:var(--muted);font-family:inherit;font-size:15px;font-weight:500;box-shadow:var(--shadow);transition:transform .2s var(--ease),background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}.cat-tab:active{transform:scale(.97)}.cat-tab.is-active{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}.panel{display:none}.panel.is-active{display:block}.list-card{padding:4px 20px}.row-item{display:flex;align-items:center;gap:10px;min-height:72px;padding:12px 0}.list-card .row-item+.row-item{border-top:1px solid var(--border)}.row-main{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px}.row-name{font-size:16px;font-weight:500}.row-price{font-size:16px;font-weight:600}.row-input{min-height:48px;flex:1 1 140px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--ink);cursor:pointer;flex:none}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn .icon{width:20px;height:20px}.drag{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#a1a1aa;cursor:grab;touch-action:none;border-radius:10px;flex:none}.drag:active{cursor:grabbing}.sortable-row.is-dragging{opacity:.5}.sortable-row.is-over{outline:2px dashed var(--ink);outline-offset:-2px;border-radius:8px}.reorder-fallback{display:flex;flex-direction:column;gap:2px;flex:none}.reorder-fallback .icon-btn{width:34px;height:34px}.toggle{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:4px;border-radius:999px;border:1px solid var(--border);background:var(--bg);cursor:pointer;flex:none;transition:background .2s var(--ease),border-color .2s var(--ease)}.toggle.is-on{background:var(--ink);border-color:var(--ink)}.toggle-knob{width:18px;height:18px;border-radius:50%;background:var(--ink);transition:transform .2s var(--ease),background .2s var(--ease)}.toggle.is-on .toggle-knob{background:#fff;transform:translate(4px)}.toggle-label{font-size:13px;font-weight:600;padding-right:10px;color:var(--ink)}.toggle.is-on .toggle-label{color:#fff}.badge-dot{width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:6px}.list-end{margin-top:20px}.brand-card{padding:4px 20px 16px}.brand-card .row-item{cursor:pointer}.brand-warning{color:#dc2626;margin-top:-8px;margin-bottom:8px}.model-list{padding-top:8px;border-top:1px solid var(--border)}.model-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:8px 0}.model-row+.model-row{border-top:1px solid var(--border)}.model-name{font-size:15px}.model-add{display:flex;gap:10px;margin-top:10px}.model-add .input{min-height:52px;flex:1}.model-add .btn{min-height:52px}.empty-state{color:var(--muted);text-align:center;padding:32px 20px}@media(max-width:480px){.row-main{flex-direction:column;align-items:flex-start;gap:4px}.reorder-fallback{flex-direction:row}.drag{display:none}.model-add{flex-direction:column}}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.photo-slot-wrap{position:relative}.photo-slot{aspect-ratio:3 / 2;min-height:150px;width:100%;border:1.5px dashed var(--border-strong);border-radius:10px;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);cursor:pointer;transition:transform .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease)}.photo-slot:active{transform:scale(.97)}.photo-slot.has-preview{border-style:solid;border-color:var(--ink)}.photo-slot:disabled{opacity:.6;cursor:not-allowed}.slot-caption{font-size:11px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.photo-progress{position:absolute;top:0;right:0;bottom:0;left:0;background:#18181b1f;border-radius:10px}.photo-error{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#dc2626;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.photo-error-text{font-size:12px;color:#dc2626;margin-top:6px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.check-list{padding:4px 20px}.check-row{display:flex;align-items:center;gap:16px;min-height:64px;padding:10px 0;cursor:pointer}.check-list .check-row+.check-row{border-top:1px solid var(--border)}.check-row input{position:absolute;opacity:0;width:1px;height:1px}.check-box{width:32px;height:32px;flex:none;border:1.5px solid var(--border-strong);border-radius:8px;background:var(--bg);display:flex;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden;transition:border-color .2s var(--ease)}.check-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink);border-radius:inherit;transform:scaleX(0);transform-origin:left center;transition:transform .2s var(--ease)}.check-box .icon{width:20px;height:20px;opacity:0;position:relative;z-index:1;transition:opacity .2s var(--ease)}.check-row input:checked+.check-box{border-color:var(--ink)}.check-row input:checked+.check-box:before{transform:scaleX(1)}.check-row input:checked+.check-box .icon{opacity:1}.check-row input:focus-visible+.check-box{outline:2px solid var(--accent);outline-offset:2px}.check-text{font-size:16px}.sign-zone{margin-top:22px}.sign-box{margin:10px 0 18px;min-height:170px;width:100%;border:1.5px dashed var(--border-strong);border-radius:10px;background:var(--bg);display:flex;align-items:center;justify-content:center;color:#a1a1aa;font-size:15px;cursor:pointer}.sign-preview{margin:10px 0 18px;min-height:170px;border:1px solid var(--border);border-radius:10px;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden}.sign-preview img{max-width:100%;max-height:220px;object-fit:contain}.sign-actions{display:flex;gap:12px}.sign-actions .btn--ghost{flex:none}.sign-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);display:flex;flex-direction:column}.sign-toolbar{display:flex;gap:12px;padding:16px;border-bottom:1px solid var(--border);align-items:center}.sign-toolbar .btn{min-height:52px}.sign-canvas-full{flex:1;width:100%;touch-action:none;cursor:crosshair}.sign-hint{text-align:center;color:var(--muted);padding:12px;font-size:15px}.job-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.task{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px;padding:14px 0}.job .task+.task{border-top:1px solid var(--border)}.task .check-row{flex:1 1 220px;min-width:220px;padding:0}.mini-slots{display:flex;gap:12px}.mini{display:flex;flex-direction:column;align-items:center;gap:6px}.mini-slot{width:72px;height:72px;border:1.5px dashed var(--border-strong);border-radius:10px;background:var(--zone);display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;transition:transform .2s var(--ease),border-color .2s var(--ease)}.mini-slot:active{transform:scale(.97)}.mini-slot.has-preview{border-style:solid;border-color:var(--ink)}.mini-slot:disabled{opacity:.6;cursor:not-allowed}.job-time{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--muted);font-size:15px}.job-time-inputs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:100%;margin-top:10px}.job-time-inputs .label{margin:0}.time-pair{display:flex;align-items:center;gap:6px}.time-pair .input{width:72px;min-height:48px;padding:0 8px}.action-bar{position:fixed;left:50%;transform:translate(-50%);bottom:76px;width:min(860px,100%);padding:12px 24px;background:var(--bg);border-top:1px solid var(--border);display:flex}@media(max-width:480px){.photo-grid{gap:10px}.task .check-row{flex:1 1 100%;min-width:100%}.job-time-inputs{gap:8px}.action-bar{padding:12px 16px}.sign-toolbar{padding:12px}}