:root{--text:#374151;--text-h:#0f172a;--text-muted:#64748b;--bg:#f7fafc;--bg-muted:#f1f5f9;--panel-bg:#fff;--panel-bg-soft:#f9fafb;--border:#dbe4ee;--accent:#0f766e;--accent-strong:#115e59;--accent-bg:#ecfeff;--accent-border:#99f6e4;--panel-shadow:0 8px 22px #0f172a0f;--surface-shadow:0 10px 24px #0f172a14;--sans:"Avenir Next", "Segoe UI", sans-serif;font:16px/145% var(--sans);letter-spacing:.1px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--text:#d1d5db;--text-h:#f8fafc;--text-muted:#94a3b8;--bg:#0b1220;--bg-muted:#162033;--panel-bg:#121a2b;--panel-bg-soft:#1a263c;--border:#24324a;--accent:#14b8a6;--accent-strong:#0f766e;--accent-bg:#14b8a624;--accent-border:#2dd4bf80;--panel-shadow:0 12px 28px #02081759;--surface-shadow:0 16px 34px #02081773}#root{min-height:100svh}body{background:radial-gradient(1100px 540px at 5% -20%, #0f766e17, transparent 60%), radial-gradient(900px 480px at 98% 8%, #0284c714, transparent 55%), var(--bg);margin:0}h1,h2,h3{color:var(--text-h);font-weight:700}p{margin:0}.app-shell{box-sizing:border-box;gap:14px;width:min(1160px,100%);margin:0 auto;padding:24px 18px 28px;display:grid}.topbar{border:1px solid var(--border);background:var(--panel-bg);box-shadow:var(--panel-shadow);border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.topbar h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,2.2vw,1.9rem);line-height:1.1}.topbar p{color:var(--text);margin:4px 0 0;font-size:.95rem}.brand-block{align-items:center;gap:12px;display:flex}.brand-title-wrap{grid-template-rows:auto auto;grid-template-columns:44px 1fr;align-items:center;column-gap:10px;display:grid}.brand-logo{object-fit:contain;grid-row:1/span 2;width:44px;height:44px}.brand-title-wrap h1,.brand-title-wrap p{grid-column:2}.header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status-row{flex-wrap:wrap;gap:6px;display:flex}.status-pill{border:1px solid var(--border);border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:600}.status-online{color:#166534;background:#dcfce7;border-color:#86efac}.status-offline{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.status-checking{color:#0f172a;border-color:var(--border);background:var(--bg-muted)}.hamburger-btn{border:1px solid var(--border);background:var(--panel-bg);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;display:inline-flex}.hamburger-btn-round{border-radius:999px;width:42px;height:42px}.hamburger-btn span{background:var(--text-h);border-radius:999px;width:18px;height:2px;display:block}.profile-avatar{background:var(--accent);color:#fff;border-radius:999px;place-items:center;width:28px;height:28px;font-weight:700;display:inline-grid}.profile-name{color:var(--text-h);font-weight:600}.theme-btn{border:1px solid var(--border);color:var(--text-h);background:var(--panel-bg);cursor:pointer;border-radius:999px;padding:8px 12px;font-weight:600}.drawer-overlay{opacity:0;pointer-events:none;z-index:20;background:#02081773;transition:opacity .18s;position:fixed;inset:0}.drawer-overlay.open{opacity:1;pointer-events:auto}.side-drawer{background:var(--panel-bg);border-right:1px solid var(--border);width:min(320px,84vw);height:100svh;box-shadow:var(--surface-shadow);z-index:30;flex-direction:column;padding:14px;transition:transform .22s;display:flex;position:fixed;top:0;left:0;transform:translate(-105%)}.side-drawer.open{transform:translate(0)}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.drawer-header h3{margin:0;font-size:1.15rem}.drawer-title-block p{color:var(--text-muted);margin-top:2px;font-size:.84rem}.drawer-links{gap:8px;display:grid}.drawer-links a{color:var(--text-h);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-weight:600;text-decoration:none}.drawer-links a.active{border-color:var(--accent-border);background:var(--accent-bg)}.drawer-logout{margin-top:auto}.drawer-theme-btn{margin-top:10px}.boxes-grid{grid-template-columns:minmax(240px,320px) 1fr;gap:12px;margin-top:14px;display:grid}.boxes-panel{border:1px solid var(--border);background:linear-gradient(180deg, var(--bg-muted), transparent);border-radius:12px;gap:10px;padding:12px;display:grid}.boxes-panel label{color:var(--text-h);gap:6px;font-weight:600;display:grid}.boxes-panel input,.boxes-panel select{border:1px solid var(--border);font:inherit;color:var(--text-h);background:var(--panel-bg);border-radius:8px;padding:10px}.boxes-section-title{margin:10px 0 0}.boxes-list{gap:8px;display:grid}.box-item{border:1px solid var(--border);background:var(--panel-bg);color:var(--text-h);text-align:left;cursor:pointer;border-radius:10px;gap:2px;padding:10px;display:grid}.box-item span{color:var(--text-muted);font-size:.85rem}.box-item.active{border-color:var(--accent-border);background:var(--accent-bg)}.box-assign-row{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.box-collab-panel{border-top:1px dashed var(--border);gap:10px;margin-top:8px;padding-top:10px;display:grid}.box-collab-item{border:1px solid var(--border);background:var(--panel-bg);border-radius:10px;gap:4px;padding:10px;display:grid}.box-collab-item span{color:var(--text-muted);font-size:.88rem}.box-collab-actions{flex-wrap:wrap;gap:8px;display:flex}.box-collab-actions .primary-btn,.box-collab-actions .link-btn{margin-top:0}.content{min-height:60vh}.page-card{border:1px solid var(--border);background:var(--panel-bg);box-shadow:var(--panel-shadow);border-radius:18px;padding:20px 20px 22px}.page-card h2{margin-top:0}.inventory-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.inventory-header .primary-btn{margin-top:0}.inventory-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.inventory-metrics article{border:1px solid var(--border);background:linear-gradient(180deg, var(--bg-muted), transparent);border-radius:14px;padding:12px}.inventory-metrics h3{margin:0;font-size:.9rem}.inventory-metrics p{color:var(--text-h);margin:8px 0 0;font-size:1.2rem;font-weight:700}.inventory-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.inventory-form label{color:var(--text-h);gap:6px;font-weight:600;display:grid}.inventory-form input,.inventory-form select,.inventory-form textarea{border:1px solid var(--border);font:inherit;background:var(--panel-bg);color:var(--text-h);border-radius:8px;padding:10px}.inventory-form .full-width{grid-column:1/-1}.form-note{color:var(--text);margin:0}.bulk-mode-toggle{flex-wrap:wrap;gap:8px;display:flex}.bulk-mode-toggle .primary-btn,.bulk-mode-toggle .secondary-btn{margin-top:0}.bulk-field-picker,.bulk-defaults-panel,.bulk-rows{border:1px solid var(--border);background:linear-gradient(180deg, var(--bg-muted), transparent);border-radius:12px;gap:10px;padding:12px;display:grid}.bulk-field-picker h3,.bulk-defaults-panel h3,.bulk-rows h3{margin:0}.bulk-field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.bulk-field-toggle{border:1px solid var(--border);background:var(--panel-bg);color:var(--text-h);border-radius:10px;align-items:center;gap:8px;padding:10px;font-weight:600;display:flex}.bulk-defaults-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.bulk-mini-summary{flex-wrap:wrap;gap:6px;display:flex}.bulk-mini-summary-defaults{align-items:stretch}.bulk-mini-pill{border:1px solid var(--border);background:var(--panel-bg);min-height:30px;color:var(--text-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:.78rem;line-height:1;display:inline-flex}.bulk-mini-pill-value{white-space:normal;border-radius:12px;gap:4px;min-height:auto;padding:7px 9px;display:inline-grid}.bulk-mini-pill-value strong{color:var(--text-h);letter-spacing:.04em;text-transform:uppercase;font-size:.68rem}.bulk-mini-pill-overridden{border-color:var(--accent-border);background:var(--accent-bg)}.bulk-row-card{border:1px solid var(--border);background:var(--panel-bg);border-radius:12px;gap:10px;padding:12px;display:grid}.bulk-row-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.bulk-session-chips{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.bulk-session-chip{border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--text-h);border-radius:999px;padding:5px 10px;font-size:.8rem;font-weight:700}.bulk-row-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.bulk-row-fields label{color:var(--text-h);gap:6px;font-weight:600;display:grid}.bulk-row-fields input,.bulk-row-fields textarea{border:1px solid var(--border);font:inherit;background:var(--panel-bg);color:var(--text-h);border-radius:8px;padding:10px}.bulk-row-card-live{box-shadow:0 16px 32px color-mix(in srgb, var(--accent) 12%, transparent);animation:.24s ease-out bulkCardEnter;position:relative;overflow:hidden}.bulk-card-loader-bar{background:color-mix(in srgb, var(--accent) 10%, var(--panel-bg));border-radius:999px;height:6px;overflow:hidden}.bulk-card-loader-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), color-mix(in srgb, white 35%, var(--accent)));width:40%;height:100%;animation:1.2s ease-in-out infinite bulkLoaderSlide;display:block}.bulk-override-summary{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-muted) 70%, transparent);border-radius:12px;gap:10px;padding:10px;display:grid}.bulk-override-summary>div:first-child{gap:8px;display:grid}.bulk-override-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bulk-override-actions .secondary-btn,.bulk-override-actions .link-btn{margin-top:0}.bulk-override-grid{border:1px dashed var(--border);background:color-mix(in srgb, var(--panel-bg) 84%, var(--bg-muted));border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;animation:.18s ease-out bulkOverrideOpen;display:grid}.bulk-override-grid label{color:var(--text-h);gap:6px;font-weight:600;display:grid}.bulk-override-grid input,.bulk-override-grid textarea{border:1px solid var(--border);font:inherit;background:var(--panel-bg);color:var(--text-h);border-radius:8px;padding:10px}.bulk-image-panel{border-top:1px dashed var(--border);gap:10px;padding-top:10px;display:grid}.bulk-image-picker-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.bulk-image-action{justify-content:center;align-items:center;min-height:42px;margin-top:0;display:inline-flex}.bulk-image-action input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.bulk-image-list{gap:8px;display:grid}.bulk-image-item{border:1px solid var(--border);background:var(--bg-muted);border-radius:10px;gap:8px;padding:10px;display:grid}.bulk-image-actions{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.bulk-image-actions .link-btn{margin-top:0}.bulk-session-actions{flex-wrap:wrap;gap:8px;display:flex}.bulk-session-actions .primary-btn,.bulk-session-actions .secondary-btn{margin-top:0}.bulk-session-feed{border-top:1px dashed var(--border);gap:8px;padding-top:10px;display:grid}.bulk-session-feed-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.bulk-session-feed-header h4{margin:0}.bulk-session-feed-header span{color:var(--text-muted);font-size:.88rem}.bulk-session-feed-list{gap:8px;display:grid}.bulk-session-feed-list article{border:1px solid var(--border);background:var(--bg-muted);border-radius:10px;gap:4px;padding:10px;display:grid}.bulk-session-feed-list p{margin:0}.bulk-session-feed-list span{color:var(--text-muted);font-size:.85rem}@keyframes bulkCardEnter{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bulkLoaderSlide{0%{transform:translate(-120%)}to{transform:translate(260%)}}@keyframes bulkOverrideOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.wishlist-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cards-list{gap:10px;margin-top:14px;display:grid}.cards-list article{border:1px solid var(--border);background:linear-gradient(180deg, var(--bg-muted), transparent);border-radius:14px;padding:12px}.cards-list h3{margin:0}.cards-list p{margin-top:6px}.card-images-panel{border-top:1px dashed var(--border);gap:10px;margin-top:10px;padding-top:10px;display:grid}.card-images-upload-row{grid-template-columns:160px 1fr auto;align-items:center;gap:8px;display:grid}.card-images-upload-row select,.card-images-upload-row input[type=file]{border:1px solid var(--border);font:inherit;color:var(--text-h);background:var(--panel-bg);border-radius:8px;padding:9px}.card-images-upload-row .primary-btn{margin-top:0}.card-images-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.card-image-item{border:1px solid var(--border);background:var(--panel-bg);border-radius:10px;gap:6px;margin:0;padding:8px;display:grid}.card-image-item img{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:100%;height:120px}.card-image-item figcaption{text-transform:capitalize;color:var(--text-muted);font-size:.82rem}.card-image-item .link-btn{justify-self:start}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.stats-grid article{border:1px solid var(--border);background:var(--bg-muted);border-radius:12px;padding:12px}.stats-grid h3{margin:0;font-size:.9rem}.stats-grid p{color:var(--text-h);margin:8px 0 0;font-size:1.15rem;font-weight:700}.recent-list{border:1px solid var(--border);background:linear-gradient(180deg, var(--bg-muted), transparent);border-radius:12px;margin-top:16px;padding:12px}.recent-list h3{margin:0 0 10px}.notifications-header-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.notifications-header-row .secondary-btn{padding:6px 10px}.recent-list article{border-top:1px dashed var(--border);gap:2px;padding:8px 0;display:grid}.recent-list article.activity-unread{border-left:3px solid var(--accent);padding-left:10px}.recent-list article:first-of-type{border-top:none}.recent-list span{color:var(--text-muted);font-size:.9rem}.activity-read-btn{justify-self:start;margin-top:4px}.primary-btn{border:1px solid var(--accent);color:#fff;background:var(--accent);cursor:pointer;border-radius:8px;margin-top:8px;padding:10px 14px;font-weight:600}.primary-btn:disabled{opacity:.7;cursor:wait}.secondary-btn{border:1px solid var(--border);color:var(--text-h);background:var(--panel-bg);cursor:pointer;border-radius:8px;padding:10px 14px;font-weight:600}.secondary-btn:disabled{opacity:.7;cursor:wait}.link-btn{border:1px solid var(--border);background:var(--panel-bg);cursor:pointer;color:var(--text-h);border-radius:8px;padding:8px 12px}.auth-loading{place-items:center;min-height:100svh;display:grid}.auth-wrap{border:1px solid var(--border);background:var(--panel-bg);width:min(460px,100%);box-shadow:var(--panel-shadow);border-radius:18px;margin:0 auto;padding:20px}.profile-header{align-items:center;gap:12px;display:flex}.profile-avatar-lg{width:48px;height:48px;font-size:1.1rem}.profile-sections{gap:12px;margin-top:16px;display:grid}.profile-sections article{border:1px solid var(--border);background:linear-gradient(180deg, var(--bg-muted), transparent);border-radius:12px;padding:12px}.profile-sections h3{margin:0 0 8px}.profile-sections p,.auth-wrap p{margin-top:6px}.auth-form{gap:12px;margin-top:16px;display:grid}.auth-form label{color:var(--text-h);gap:6px;font-weight:600;display:grid}.auth-form input{border:1px solid var(--border);font:inherit;border-radius:8px;padding:10px}.auth-error{color:#b91c1c;margin:0;font-weight:600}@media (width<=900px){.app-shell{padding:10px 8px 14px}.topbar{border-radius:12px;align-items:center;gap:8px;padding:8px 10px}.brand-block{gap:8px;min-width:0}.brand-title-wrap{grid-template-columns:34px 1fr;column-gap:8px}.brand-logo{grid-row:1;width:34px;height:34px}.app-title{white-space:nowrap;font-size:1.05rem;line-height:1.1}.app-title-hidden-mobile,.brand-tagline,.status-row{display:none}.header-actions{flex-wrap:nowrap;justify-content:flex-end;gap:8px;width:auto}.theme-btn{padding:6px 10px;font-size:.86rem}.hamburger-btn-round{width:36px;height:36px}.hamburger-btn span{width:16px}.profile-name{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-header{flex-direction:column;align-items:flex-start}.inventory-metrics,.inventory-form,.boxes-grid,.bulk-field-grid,.bulk-defaults-grid,.bulk-row-fields,.bulk-override-grid{grid-template-columns:1fr}.bulk-field-picker,.bulk-defaults-panel,.bulk-rows,.bulk-row-card{gap:8px;padding:10px}.bulk-mini-pill{padding:4px 8px;font-size:.74rem}.bulk-mini-pill-value{width:100%}.bulk-override-actions,.bulk-session-actions{grid-template-columns:1fr;display:grid}.bulk-session-chips,.bulk-session-feed-header{justify-content:flex-start}.bulk-image-actions,.bulk-image-picker-row,.box-assign-row,.card-images-upload-row{grid-template-columns:1fr}}@media (width>=901px){.hamburger-btn{display:inline-flex}}