:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e2e8f0;background:#0f172a;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#0f172a}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:240px;padding:24px 16px;background:#111c31;border-right:1px solid #243148}.brand{font-size:1.2rem;font-weight:750;margin-bottom:32px}.sidebar{display:flex;flex-direction:column;min-height:100vh}.sidebar-version{margin-top:auto;padding:24px 12px 0;color:#64748b;font-size:.78rem}nav{display:grid;gap:8px}.nav-link{padding:10px 12px;border-radius:10px;color:#94a3b8;text-decoration:none}.nav-link:hover,.nav-link.active{color:#f8fafc;background:#26364f}.main-content{flex:1;padding:40px;max-width:1440px}.page-header{display:flex;justify-content:space-between;gap:16px;margin-bottom:28px}.eyebrow{margin:0 0 6px;color:#60a5fa;font-size:.75rem;font-weight:750;text-transform:uppercase;letter-spacing:.12em}h1,h2{margin:0}h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em}h2{font-size:1.1rem}.muted{color:#94a3b8}.panel{padding:22px;border:1px solid #26364f;border-radius:16px;background:#162238}.error{border-color:#7f1d1d;color:#fecaca}.data-preview{overflow:auto;white-space:pre-wrap}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}@media(max-width:720px){.app-shell{display:block}.sidebar{width:auto;padding:16px}.brand{margin-bottom:16px}.main-content{padding:24px 16px}nav{display:flex;overflow-x:auto}.nav-link{white-space:nowrap}}.inventory-card{padding:0;overflow:hidden}.item-image{display:block;width:100%;height:180px;object-fit:cover;background:#0b1220}.image-placeholder{display:grid;place-items:center;height:180px;color:#64748b;background:#0b1220}.inventory-card-body{padding:18px 22px 22px}.inventory-card-body p{margin:8px 0 0}.button-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.primary-button{background:#1f6feb;color:#fff;border:0;padding:.65rem 1rem;border-radius:.5rem}.danger-button{color:#b42318}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;padding:1rem;z-index:10}.editor-form{width:min(680px,100%);max-height:90vh;overflow:auto;display:grid;gap:.75rem}.editor-form label{display:grid;gap:.25rem;text-transform:capitalize}.editor-form input,.editor-form textarea{width:100%;padding:.55rem;border:1px solid #ccc;border-radius:.35rem}.editor-form textarea{min-height:120px}.secondary-button{background:#26364f;color:#e2e8f0;border:1px solid #3b4c68;padding:.55rem .8rem;border-radius:.5rem}.files-toolbar{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:1rem}.upload-button{display:inline-flex;align-items:center;background:#334155;color:#e2e8f0;padding:.55rem .8rem;border-radius:.5rem;cursor:pointer}.upload-button input{display:none}.files-modal{width:min(900px,100%);max-height:90vh;overflow:auto}.files-modal-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.file-tile{border:1px solid #334155;border-radius:.7rem;padding:.6rem;background:#0f1a2c;min-width:0}.thumbnail-button{display:block;width:100%;height:120px;padding:0;border:0;background:#0b1220;cursor:zoom-in}.thumbnail-button img{width:100%;height:100%;object-fit:cover}.document-thumb{height:120px;display:grid;place-items:center;background:#0b1220;color:#93c5fd;font-weight:800}.file-name{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:.5rem 0}.file-actions{display:flex;flex-wrap:wrap;gap:.35rem;font-size:.75rem;align-items:center}.file-actions button,.file-actions a{font-size:.75rem}.preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:grid;place-items:center;padding:1rem;z-index:30}.preview-panel{position:relative;max-width:min(1100px,95vw);max-height:95vh;background:#162238;padding:1rem;border-radius:1rem}.preview-panel img{display:block;max-width:100%;max-height:75vh;object-fit:contain}.preview-close{position:absolute;right:.5rem;top:.5rem;z-index:1}.main-image-link{display:block}.main-image-link:hover{opacity:.88}.inventory-card .item-image{cursor:zoom-in}.main-image-wrap{position:relative}.main-image-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.main-image-button .item-image{transition:transform .15s ease,opacity .15s ease}.main-image-button:hover .item-image{opacity:.9;transform:scale(1.01)}.files-button{position:absolute;right:12px;bottom:12px;border:1px solid rgba(255,255,255,.2);background:#0f172ae6;color:#f8fafc;padding:.55rem .8rem;border-radius:.55rem;cursor:pointer}.files-button:hover{background:#26364f}.files-modal{width:min(980px,100%);max-height:90vh;overflow:auto}.files-header,.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.files-toolbar{display:flex;justify-content:flex-end;margin:1rem 0}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.file-tile{min-width:0;border:1px solid #2b3b55;border-radius:12px;padding:10px;background:#111c31}.file-tile.is-main{border-color:#60a5fa}.file-thumb-button{width:100%;height:130px;padding:0;border:0;border-radius:8px;overflow:hidden;background:#0b1220;cursor:zoom-in}.file-thumb{width:100%;height:100%;object-fit:cover;display:block}.file-document{height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:.75rem;border-radius:8px;background:#0b1220;color:#e2e8f0;text-decoration:none;text-align:center;overflow:hidden}.document-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:10px;background:#26364f;font-size:.7rem;font-weight:800}.file-meta{display:flex;align-items:center;gap:.4rem;margin-top:.6rem;min-width:0}.file-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-badge{flex:none;font-size:.7rem;padding:.15rem .4rem;border-radius:999px;background:#1d4ed8;color:#fff}.file-actions{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.65rem}.file-actions button,.file-actions a{font-size:.8rem;padding:.35rem .45rem;border:1px solid #334155;border-radius:.4rem;color:#cbd5e1;background:transparent;text-decoration:none;cursor:pointer}.file-actions .danger-button{color:#fca5a5}.viewer-backdrop{background:#000000c7}.viewer-modal{width:min(1200px,96vw);height:min(92vh,900px);display:flex;flex-direction:column;gap:.75rem;background:#0b1220;border:1px solid #334155;border-radius:14px;padding:12px}.viewer-toolbar{color:#f8fafc}.viewer-toolbar a,.viewer-toolbar button{padding:.45rem .7rem;border-radius:.45rem;border:1px solid #334155;background:#162238;color:#f8fafc;text-decoration:none;margin-left:.4rem;cursor:pointer}.full-image{width:100%;height:100%;min-height:0;object-fit:contain;border-radius:8px;background:#000}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.installed-parts{margin-top:18px;padding:14px}.compact-list{display:grid;gap:8px}.compact-list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border,#ddd);padding-top:8px}.compact-list-row p{margin:3px 0 0}.submodal{margin-top:12px;padding:12px;border:1px solid var(--border,#ddd);border-radius:10px;background:var(--surface,#fff)}.submodal label{display:block;margin:8px 0}.submodal input,.submodal select{display:block;width:100%;margin-top:4px}.document-viewer{width:100%;height:75vh;border:0;background:#fff}.object-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:1rem}.object-action-button{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .8rem;border:1px solid #475569;border-radius:.5rem;background:#26364f;color:#f8fafc;text-decoration:none;cursor:pointer}.attachment-actions{padding:0 22px 12px}.installed-part-list{display:grid;gap:.5rem;margin-top:1rem}.installed-part-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;text-align:left;padding:.8rem;border:1px solid #475569;border-radius:.6rem;background:#111d31;color:inherit;cursor:pointer}.installed-part-row small{display:block;color:#94a3b8;margin-top:.2rem}.detail-modal{width:min(720px,100%);max-height:90vh;overflow:auto}.store-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 0;border-top:1px solid var(--border,#ddd)}.export-list{display:flex;flex-wrap:wrap;gap:.5rem}.installed-part-row{display:block;width:100%;margin-bottom:10px}.installed-part-select{display:flex;justify-content:space-between;gap:16px;width:100%;text-align:left;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.installed-part-select span:first-child{display:flex;flex-direction:column;gap:4px}.installed-part-inline{margin:0 0 12px;padding:14px 16px;border:1px solid var(--border);border-top:0;border-radius:0 0 10px 10px}.installed-part-inline label{display:block;margin-top:10px}.installed-part-inline input,.installed-part-inline select{display:block;width:100%}.installed-part-inline{color:#f8fafc;background:#162238}.installed-part-inline strong,.installed-part-inline p,.installed-part-inline label{color:#f8fafc}.installed-part-thumb{display:block;width:110px;height:90px;object-fit:cover;border-radius:8px;border:1px solid #475569;margin:10px 0}.spending-breakdown{margin-top:20px}.spending-bike-row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid #334155}.spending-bike-row p{margin:4px 0 0}.installed-part-select{color:#f8fafc;background:#162238;border-color:#475569}.installed-part-select strong,.installed-part-select small,.installed-part-select span{color:#f8fafc}.page-tools{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin:-12px 0 22px}.search-input{flex:1;min-width:220px;padding:.7rem .85rem;border:1px solid #475569;border-radius:.55rem;background:#0f1a2c;color:#f8fafc}.layout-switcher{display:flex;gap:.35rem}.layout-switcher button{padding:.55rem .8rem;border:1px solid #475569;border-radius:.5rem;background:#26364f;color:#cbd5e1;cursor:pointer}.layout-switcher button.active{background:#1f6feb;color:#fff;border-color:#1f6feb}.card-list{display:grid;gap:12px}.card-list .inventory-card{display:grid;grid-template-columns:180px 1fr;align-items:stretch}.card-list .item-image,.card-list .image-placeholder{height:100%;min-height:150px}.card-list .inventory-card-body{display:flex;flex-direction:column;justify-content:center}.card-list .object-actions{margin-top:12px}@media(max-width:720px){.card-list .inventory-card{grid-template-columns:1fr}.card-list .item-image,.card-list .image-placeholder{height:180px}}.add-button{padding:.5rem .85rem;font-size:.9rem;white-space:nowrap}.card-list{gap:0;border:1px solid #334155;border-radius:10px;overflow:hidden;background:#111c31}.card-list .inventory-card{display:grid;grid-template-columns:116px minmax(0,1fr);gap:0;border:0;border-bottom:1px solid #334155;border-radius:0;background:#162238;padding:0}.card-list .inventory-card:last-child{border-bottom:0}.card-list .item-image,.card-list .image-placeholder{height:116px;min-height:116px;width:116px;align-self:center}.card-list .inventory-card-body{display:grid;grid-template-columns:minmax(180px,1.7fr) minmax(100px,1fr) minmax(100px,1fr) auto;align-items:center;gap:.5rem 1rem;padding:.8rem 1rem;min-width:0}.card-list .inventory-card-body h2{font-size:.98rem;min-width:0;overflow-wrap:anywhere}.card-list .inventory-card-body p{margin:0;font-size:.88rem;min-width:0;overflow-wrap:anywhere}.card-list .object-actions{justify-content:flex-end;margin:0;flex-wrap:nowrap}.card-list .object-action-button{padding:.4rem .6rem;font-size:.82rem;white-space:nowrap}.card-list .main-image-wrap{align-self:stretch}.card-list .attachment-actions{display:none}@media(max-width:980px){.card-list .inventory-card-body{grid-template-columns:minmax(150px,1fr) minmax(100px,1fr) auto}.card-list .inventory-card-body p:nth-of-type(n+2){display:none}}@media(max-width:720px){.card-list .inventory-card{grid-template-columns:76px minmax(0,1fr)}.card-list .item-image,.card-list .image-placeholder{width:76px;height:100%;min-height:100px}.card-list .inventory-card-body{grid-template-columns:1fr auto;gap:.35rem .6rem;padding:.7rem}.card-list .inventory-card-body p{display:none}.card-list .object-actions{grid-column:1 / -1;justify-content:flex-start;flex-wrap:wrap}}.compact-button{padding:.55rem .85rem;font-size:.9rem}.store-list{display:grid;gap:0;border:1px solid #26364f;border-radius:12px;overflow:hidden}.store-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:14px 18px;background:#162238;border-bottom:1px solid #26364f}.store-list-row:last-child{border-bottom:0}.store-list-row h2{margin:0 0 6px;font-size:1rem}.store-list-row p{margin:3px 0}.store-actions{margin-top:0;justify-content:flex-end;white-space:nowrap}.store-main{min-width:0}@media(max-width:720px){.store-list-row{grid-template-columns:1fr}.store-actions{justify-content:flex-start}}.page-header>.primary-button,.page-header>.compact-button,.page-header>.add-button{align-self:flex-start;flex:0 0 auto;width:auto;height:auto;min-height:0;max-height:44px;line-height:1.2}.spending-metric{display:block;width:100%;text-align:left;color:#e2e8f0;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.spending-metric:hover{border-color:#60a5fa;transform:translateY(-1px)}.metric-hint{display:block;margin-top:.55rem;color:#93c5fd;font-size:.82rem}.spending-clickable{width:100%;border:0;color:#e2e8f0;background:transparent;font:inherit;text-align:left;cursor:pointer}.spending-clickable:hover{background:#1d2d46}.spending-detail-modal{width:min(820px,100%);max-height:90vh;overflow:auto}.spending-object-list{display:grid;gap:0;margin-top:1rem;border:1px solid #334155;border-radius:10px;overflow:hidden}.spending-object-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.85rem 1rem;border-bottom:1px solid #334155;background:#111c31}.spending-object-row:last-child{border-bottom:0}.spending-object-row p{margin:.25rem 0 0}@media(max-width:720px){.spending-object-row{align-items:flex-start;flex-direction:column;gap:.35rem}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(420px,100%);display:grid;gap:14px}.auth-card h1{margin:0}.auth-card label{display:grid;gap:6px}.auth-card input{padding:10px;border:1px solid var(--border,#ccc);border-radius:8px}.sidebar-footer{display:grid;gap:.65rem;align-items:stretch}.sidebar-user{display:grid;gap:.15rem;min-width:0}.sidebar-user strong{color:#f8fafc;overflow-wrap:anywhere}.sidebar-user small{color:#94a3b8}.sidebar-logout{width:100%;position:static}.account-form{display:grid;gap:1rem;max-width:520px}.account-form label,.modal-card label{display:grid;gap:.4rem}.account-form input,.modal-card input,.modal-card select,.user-row select{padding:.6rem .7rem;border:1px solid #475569;border-radius:.5rem;background:#0f1a2c;color:#f8fafc}.user-table{border:1px solid #334155;border-radius:10px;overflow:hidden}.user-row{display:grid;grid-template-columns:minmax(150px,1.4fr) 120px 120px 110px minmax(260px,auto);gap:.75rem;align-items:center;padding:.75rem 1rem;background:#162238;border-bottom:1px solid #334155}.user-row:last-child{border-bottom:0}.user-head{background:#111c31;color:#94a3b8;font-size:.82rem;text-transform:uppercase}.user-row .object-actions{margin:0;justify-content:flex-end}.danger{border-color:#7f1d1d}@media(max-width:900px){.user-head{display:none}.user-row{grid-template-columns:1fr 1fr}.user-row .object-actions{grid-column:1/-1;justify-content:flex-start}}@media(max-width:560px){.user-row{grid-template-columns:1fr}}.mobile-menu-button{display:none}button,a,select,input,textarea{touch-action:manipulation}button,.object-action-button,.nav-link,.upload-button{min-height:44px}.table-wrap,.user-table,.card-list,.store-list{max-width:100%;overflow-x:auto}@media(max-width:720px){.app-shell{display:block;min-height:100vh}.mobile-menu-button{display:block;position:sticky;top:0;z-index:25;width:100%;padding:12px 16px;border:0;border-bottom:1px solid #334155;background:#111c31;color:#f8fafc;text-align:left;font-weight:700}.sidebar{display:none;width:100%;min-height:auto;padding:12px;border-right:0;border-bottom:1px solid #334155}.sidebar.mobile-open{display:flex}.sidebar .brand{margin-bottom:12px}.sidebar nav{display:grid;gap:4px;overflow:visible}.nav-link{padding:12px}.sidebar-footer{margin-top:12px}.sidebar-version{padding:10px 0 0}.main-content{width:100%;padding:20px 12px 32px}.page-header{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:20px}.page-header>.primary-button,.page-header>.compact-button,.page-header>.add-button{align-self:flex-start}.panel{padding:14px;border-radius:12px}.button-row,.object-actions,.files-toolbar,.page-tools{gap:8px}.object-action-button,.primary-button,.secondary-button,.compact-button,.add-button{padding:10px 12px}.search-input{min-width:0;width:100%;font-size:16px}.layout-switcher{width:100%}.layout-switcher button{flex:1}.auth-page{padding:16px}.auth-card{width:100%}.auth-card input,.account-form input,.modal-card input,.modal-card select{font-size:16px;min-height:44px}.modal-backdrop{padding:8px;align-items:end}.editor-form,.detail-modal,.spending-detail-modal,.files-modal,.viewer-modal{width:100%;max-height:92vh;border-radius:14px 14px 0 0}.viewer-modal{height:88vh}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.file-thumb-button,.file-document{height:100px}.file-actions button,.file-actions a{min-height:40px}.store-list-row,.spending-bike-row,.spending-object-row{padding:12px 0}}@media(min-width:721px){.main-content{min-width:0}}