:root{--bg: #f1f5f9;--surface: #ffffff;--text: #0f172a;--muted: #64748b;--primary: #2563eb;--primary-dark: #1d4ed8;--danger: #dc2626;--ok: #16a34a;--warn: #d97706;--border: #e2e8f0;--radius: 14px;--shadow: 0 1px 3px rgba(15,23,42,.08), 0 1px 2px rgba(15,23,42,.04)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}h1{font-size:1.35rem;margin:0 0 .5rem}h3{margin:0 0 .75rem;font-size:1rem}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.small{font-size:.82rem}.app-shell{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#0f172a;color:#fff;padding-top:calc(.75rem + env(safe-area-inset-top))}.brand{font-weight:700;letter-spacing:.3px}.topbar-user{display:flex;align-items:center;gap:.6rem;font-size:.85rem}.content{flex:1;padding:1rem;max-width:900px;width:100%;margin:0 auto;padding-bottom:90px}.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:space-around;background:#fff;border-top:1px solid var(--border);padding:.4rem 0 calc(.4rem + env(safe-area-inset-bottom))}.bottomnav a{display:flex;flex-direction:column;align-items:center;font-size:.7rem;color:var(--muted);gap:2px;padding:.3rem .6rem}.bottomnav a span{font-size:1.25rem}.bottomnav a.active{color:var(--primary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.stack{display:flex;flex-direction:column;gap:.85rem}.page-head{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;margin-bottom:1rem}.search{flex:1;min-width:180px;padding:.6rem .8rem;border:1px solid var(--border);border-radius:10px;font-size:.95rem}.center-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:1rem}.spinner{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:.75rem}.login-card h1{text-align:center}.login-card .muted{text-align:center;margin:0 0 .5rem}label.field{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--muted)}input,select,textarea{font:inherit;padding:.6rem .7rem;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);width:100%}input:focus,select:focus,textarea:focus{outline:2px solid rgba(37,99,235,.3);border-color:var(--primary)}textarea{resize:vertical}.btn{font:inherit;padding:.65rem 1rem;border:1px solid transparent;border-radius:10px;cursor:pointer;font-weight:600}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-outline{background:#fff;border-color:var(--border);color:var(--text)}.btn-ghost{background:transparent;border:none;color:inherit;cursor:pointer;opacity:.85}.btn:disabled{opacity:.6;cursor:default}.btn-link{background:none;border:none;color:var(--primary);cursor:pointer;font:inherit;padding:.2rem 0}.btn-link.danger{color:var(--danger)}.alert{background:#fef2f2;color:var(--danger);border:1px solid #fecaca;padding:.6rem .8rem;border-radius:10px;font-size:.875rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.7rem}@media (max-width: 560px){.grid-3,.grid-2{grid-template-columns:1fr}}.form .form-actions{display:flex;gap:.6rem;justify-content:flex-end;margin-top:.5rem}.badge{display:inline-block;padding:.12rem .5rem;border-radius:999px;font-size:.74rem;font-weight:600;background:#eef2ff;color:#3730a3}.badge-ok{background:#dcfce7;color:#166534}.badge-warn{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.car-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}.car-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .12s}.car-card:active{transform:scale(.985)}.car-cover{position:relative;height:150px;background:linear-gradient(135deg,#334155,#0f172a);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.car-cover-ph{font-size:3rem;opacity:.5}.plate-badge{position:absolute;left:.6rem;bottom:.6rem;background:#ffffffeb;color:#111;font-weight:700;font-size:.8rem;padding:.2rem .5rem;border-radius:6px;letter-spacing:.5px}.plate-badge.big{position:static;font-size:1rem;padding:.3rem .7rem}.car-flags{position:absolute;top:.6rem;right:.6rem;display:flex;gap:.3rem}.car-body{padding:.7rem .8rem}.car-title{font-weight:700}.car-mileage{margin-top:.3rem;font-size:.85rem;color:var(--primary);font-weight:600}.car-hero{position:relative;height:200px;border-radius:var(--radius);overflow:hidden;background:linear-gradient(135deg,#334155,#0f172a);background-size:cover;background-position:center;display:flex;align-items:flex-end;margin-bottom:.85rem}.car-hero .car-cover-ph{margin:auto}.hero-info{position:relative;padding:1rem;background:linear-gradient(transparent,#000000bf);color:#fff;width:100%}.hero-info h1{color:#fff;margin:.3rem 0 0}.hero-info .muted{color:#fffc}.hero-back{position:absolute;top:.6rem;left:.6rem;border:none;background:#0006;color:#fff;width:34px;height:34px;border-radius:50%;font-size:1.3rem;cursor:pointer}.hero-edit{position:absolute;top:.6rem;right:.6rem;background:#00000073;color:#fff;padding:.3rem .7rem;border-radius:8px;font-size:.82rem}.tabs{display:flex;gap:.3rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:.5rem;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;border:1px solid var(--border);background:#fff;border-radius:999px;padding:.4rem .85rem;font:inherit;font-size:.85rem;cursor:pointer;color:var(--muted)}.tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}@media (max-width: 560px){.stat-row{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.7rem;text-align:center}.stat-val{font-weight:700;font-size:1.05rem}.spec-list{margin:0;display:flex;flex-direction:column;gap:.35rem}.spec-list>div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px dashed var(--border);padding-bottom:.35rem}.spec-list dt{color:var(--muted);font-size:.85rem}.spec-list dd{margin:0;text-align:right;font-weight:600;font-size:.9rem}.notes{white-space:pre-wrap;font-family:inherit;font-size:.88rem;margin:0;color:#334155}.record-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.record-list li{padding:.55rem 0;border-bottom:1px solid var(--border)}.record-list li:last-child{border-bottom:none}.record{padding:0;overflow:hidden}.record-head{display:flex;justify-content:space-between;gap:.5rem;padding:.85rem 1rem;cursor:pointer;align-items:center}.record-right{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.record-body{padding:.8rem 1rem 1rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.6rem}.money{font-weight:700;color:var(--primary)}.status-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.chip{border:1px solid var(--border);background:#fff;border-radius:999px;padding:.3rem .7rem;font:inherit;font-size:.8rem;cursor:pointer}.chip.active{background:#0f172a;color:#fff;border-color:#0f172a}.thumbs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.5rem}.thumbs img{width:74px;height:74px;object-fit:cover;border-radius:8px;cursor:pointer}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.gallery figure{margin:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;cursor:pointer}.gallery img{width:100%;height:120px;object-fit:cover;display:block}.gallery figcaption{font-size:.75rem;padding:.3rem .5rem;color:var(--muted)}.uploader{display:flex;flex-direction:column;gap:.4rem}.spark{display:flex;align-items:flex-end;gap:3px;height:120px;padding-top:.5rem}.spark-bar{flex:1;min-width:4px;background:linear-gradient(180deg,#60a5fa,#2563eb);border-radius:3px 3px 0 0}.task-add{display:flex;gap:.5rem;flex-wrap:wrap}.task-add input:first-child{flex:1;min-width:160px}.task-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.task-list li{display:flex;align-items:center;gap:.6rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.6rem .8rem}.task-list li input[type=checkbox]{width:20px;height:20px;flex:none}.task-list li span:first-of-type{flex:1}.task-list li.done span{text-decoration:line-through;color:var(--muted)}.user-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}.user-actions{display:flex;gap:.8rem}.empty{text-align:center;color:var(--muted);padding:1.5rem;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal{background:#fff;border-radius:var(--radius);width:100%;max-width:480px;max-height:90vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-bottom:1px solid var(--border)}.modal-head h3{margin:0}.modal-body{padding:1rem}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:60}.lightbox img{max-width:94vw;max-height:88vh;object-fit:contain;border-radius:6px}.lb-close{position:absolute;top:1rem;right:1rem;background:#ffffff26;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.1rem;cursor:pointer}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff26;color:#fff;border:none;width:44px;height:60px;font-size:2rem;cursor:pointer;border-radius:10px}.lb-prev{left:.6rem}.lb-next{right:.6rem}.event-search{display:flex;gap:.5rem;margin-bottom:1rem}.event-day{margin-bottom:1.2rem}.event-day-label{font-weight:700;font-size:.9rem;color:var(--muted);margin:.6rem 0 .5rem;position:sticky;top:52px;background:var(--bg);padding:.2rem 0;z-index:5}.timeline{display:flex;flex-direction:column;gap:.5rem;position:relative;padding-left:18px}.timeline:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:var(--border)}.event-item{position:relative}.event-dot{position:absolute;left:-17px;top:16px;width:10px;height:10px;border-radius:50%;background:var(--primary);border:2px solid var(--bg)}.event-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.75rem .9rem;box-shadow:var(--shadow)}.event-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.event-meta{display:flex;align-items:center;gap:.5rem;flex:none}.event-sub{margin-top:.2rem}.event-desc{margin:.45rem 0 0;font-size:.9rem;color:#334155;white-space:pre-wrap}.event-card .thumbs{margin-top:.6rem;margin-bottom:0}