@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#faf6f1;--bg:#fff;--bg-subtle:#fdfaf7;--bg-muted:#f5efe8;--border:#ede4d9;--text:#201a14;--text-secondary:#6b5f52;--text-muted:#a89a89;--accent:#ff8a3d;--accent-strong:#f2701a;--accent-soft:#ffe9d6;--accent-contrast:#fff;--link:#ff8a3d;--link-bg:#ffe9d6;--success:#15803d;--success-bg:#dcfce7;--danger:#dc2626;--danger-bg:#fef2f2;--danger-border:#fecaca;--warning:#b45309;--warning-bg:#fffbeb;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--shadow-card:0 1px 2px #201a140a, 0 8px 24px #201a140d;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--page-bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}h1{color:var(--text);margin:0 0 20px;font-size:20px;font-weight:600}h2{color:var(--text);font-size:14px;font-weight:600}a{color:var(--link)}.page{max-width:720px;margin:0 auto;padding:2rem 1.5rem 4rem}.app-shell{min-height:100vh;display:flex}.content-column{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--bg);align-items:center;gap:1rem;padding:.8rem 2.5rem;display:flex}.topbar-spacer{flex:1}.topbar-actions{align-items:center;gap:.5rem;display:flex}.icon-button{width:36px;height:36px;color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;display:flex}.icon-button svg,.account-button svg,.dropdown-item svg{flex-shrink:0}.icon-button:hover:not(:disabled){background:var(--bg-muted);color:var(--text);opacity:1}.topbar-dropdown{position:relative}.account-button{color:var(--text);border:1px solid var(--border);background:0 0;border-radius:999px;align-items:center;gap:.6rem;padding:.3rem .7rem .3rem .3rem;display:flex}.account-button:hover{background:var(--bg-muted);opacity:1}.account-avatar{background:var(--accent);width:28px;height:28px;color:var(--accent-contrast);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.account-text{flex-direction:column;align-items:flex-start;max-width:160px;line-height:1.25;display:flex}.account-brand{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:600;overflow:hidden}.account-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.dropdown-panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-card);z-index:20;padding:.4rem;position:absolute;top:calc(100% + 8px);right:0}.dropdown-panel-wide{min-width:240px}.dropdown-empty{color:var(--text-muted);margin:0;padding:.6rem .5rem;font-size:13px}.dropdown-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin:.2rem .5rem .3rem;font-size:11px;font-weight:600}.dropdown-item{width:100%;color:var(--text);border-radius:var(--radius-sm);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .6rem;font-size:13px;font-weight:500;display:flex}.dropdown-item:hover{background:var(--bg-muted);opacity:1}.dropdown-item-accent{background:var(--accent);color:var(--accent-contrast)}.dropdown-item-accent:hover{background:var(--accent-strong);color:var(--accent-contrast)}.dropdown-divider{background:var(--border);height:1px;margin:.4rem .2rem}.sidebar{background:var(--bg);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;height:100vh;padding:1.5rem 1rem;display:flex;position:sticky;top:0}.sidebar-logo{letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:2rem;padding:0 .5rem;font-size:15px;font-weight:700;display:flex}.sidebar-close-btn{width:32px;height:32px;color:var(--text-secondary);background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.sidebar-close-btn:hover{background:var(--bg-muted);opacity:1}.sidebar-backdrop,.topbar-menu-btn{display:none}.sidebar-nav{flex-direction:column;gap:.25rem;display:flex}.sidebar-link{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:.75rem;width:100%;padding:.6rem .75rem;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{background:var(--bg-muted);color:var(--text);opacity:1}.sidebar-link.active{background:var(--accent);color:var(--accent-contrast)}.sidebar-link-icon{flex-shrink:0}.content{flex:1;min-width:0;max-width:1180px;padding:2rem 2.5rem 4rem}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:1.25rem;padding:1.25rem 1.5rem}.field{flex-direction:column;gap:.3rem;margin-bottom:1rem;display:flex}.field label{color:var(--text-secondary);font-size:13px;font-weight:500}.field input,.field textarea{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:var(--bg-subtle);outline:none;padding:.5rem .65rem;font-family:inherit;font-size:14px}.field input:focus,.field textarea:focus{border-color:#a3a3a3}.field select{width:100%}select{appearance:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background-color:var(--bg-subtle);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238f8072' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .65rem center;background-repeat:no-repeat;background-size:13px;outline:none;padding:.5rem 2.1rem .5rem .7rem;font-family:inherit;font-size:14px;transition:border-color .15s}select:hover:not(:disabled){border-color:var(--text-muted)}select:focus{border-color:#a3a3a3}select:disabled{opacity:.5;cursor:not-allowed}select::-ms-expand{display:none}button{cursor:pointer;background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius-sm);border:none;padding:.55rem 1.1rem;font-family:inherit;font-size:13px;font-weight:500;transition:opacity .15s}button:hover:not(:disabled){opacity:.85}button:disabled{opacity:.4;cursor:not-allowed}button.secondary{color:var(--text);border:1px solid var(--border);background:0 0}.file-input-label{cursor:pointer;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);background:0 0;align-items:center;padding:.5rem 1rem;font-size:13px;font-weight:500;display:inline-flex}.file-input-label:hover{background:var(--bg-muted)}.error{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-sm);margin-bottom:1rem;padding:.6rem .8rem;font-size:13px}.list-item{border-bottom:1px solid var(--border);color:inherit;justify-content:space-between;align-items:center;padding:.75rem 0;font-size:14px;text-decoration:none;display:flex}.list-item:hover{background:var(--bg-subtle)}.badge{background:var(--bg-muted);color:var(--text-secondary);border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-block}.badge.done{background:var(--success-bg);color:var(--success);border-color:#0000}.badge.failed{background:var(--danger-bg);color:var(--danger);border-color:#0000}.badge.partial{background:var(--warning-bg);color:var(--warning);border-color:var(--warning)}.badge.cancelled{background:var(--bg-muted);color:var(--text-muted);border-color:#0000}.product-photo{border-radius:var(--radius-md);border:1px solid var(--border);width:100%;max-width:320px;margin-bottom:1rem;display:block}.actions-row{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#17130f;--bg:#221c16;--bg-subtle:#2a231c;--bg-muted:#322921;--border:#3d3125;--text:#f3ebe1;--text-secondary:#c6b8a8;--text-muted:#8c7c6a;--accent:#ff8a3d;--accent-strong:#ffa25f;--accent-soft:#4a2f18;--accent-contrast:#201206;--link:#ffa25f;--link-bg:#3a2513;--success:#4ade80;--success-bg:#14351f;--danger:#f87171;--danger-bg:#3a1a1a;--danger-border:#5c2a2a;--warning:#fbbf24;--warning-bg:#3a2e0f;--shadow-card:0 1px 2px #0000004d, 0 8px 24px #00000059}@media (width<=860px){.sidebar{z-index:100;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:8px 0 24px #0003}.sidebar.open{transform:translate(0)}.sidebar-close-btn{display:flex}.sidebar-backdrop.open{z-index:90;background:#0006;display:block;position:fixed;inset:0}.topbar-menu-btn{display:flex}.topbar{gap:.5rem;padding:.7rem 1rem}.content,.page{padding:1.25rem 1rem 3rem}.account-text{display:none}.account-button{padding:.3rem}}@media (width<=480px){.sidebar{width:80vw;max-width:280px}.card{padding:1rem}}