:root{--tenant-primary: #2e5339;--tenant-secondary: #6b8f52;--cream: var(--tenant-bg-override, color-mix(in srgb, var(--tenant-primary) 6%, white));--mint: color-mix(in srgb, var(--tenant-secondary) 16%, white);--paper: #ffffff;--ink: color-mix(in srgb, var(--tenant-primary) 80%, black);--ink-soft: color-mix(in srgb, var(--tenant-primary) 55%, black);--line: color-mix(in srgb, var(--tenant-primary) 18%, white);color-scheme:light;font-family:-apple-system,Segoe UI Rounded,Segoe UI,ui-rounded,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream)}section{max-width:720px;margin:0 auto;padding:0 1rem 2rem}h1{margin:0 0 1.25rem;font-size:1.4rem;font-weight:800;letter-spacing:-.01em}h2{font-size:1.05rem;font-weight:800;color:var(--tenant-primary)}button{cursor:pointer;border:none;border-radius:999px;padding:.55rem 1.15rem;background:var(--tenant-secondary);color:#fff;font-size:.9rem;font-weight:700}button:disabled{opacity:.5;cursor:not-allowed}button[type=button]:not(:only-of-type){background:var(--mint);color:var(--ink)}ul{list-style:none;padding:0}li{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:.6rem;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 20px -16px #26321f66}.product-info{flex:1;min-width:140px;font-weight:600}.qty-field{display:flex;flex-direction:row;align-items:center;gap:.4rem;background:var(--mint);border-radius:999px;padding:.3rem .3rem .3rem .75rem;margin:0}.qty-field span{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.qty-field input{width:3.2rem;text-align:center;border-radius:999px;border:none;background:var(--paper);padding:.3rem .4rem}label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:600;color:var(--ink-soft);margin-bottom:.85rem}input,select{padding:.55rem .75rem;border:1px solid var(--line);border-radius:12px;background:var(--mint);font-size:1rem;color:var(--ink)}[role=alert]{color:#b3261e;font-weight:600}table{border-collapse:collapse;width:100%;margin:1rem 0;border-radius:14px;overflow:hidden}th,td{border:1px solid var(--line);padding:.45rem .65rem;text-align:left;font-size:.9rem}th{background:var(--mint)}.auth-screen{min-height:100dvh;display:flex;flex-direction:column;padding:1.5rem 1.5rem 0;background:linear-gradient(160deg,var(--tenant-primary),color-mix(in srgb,var(--tenant-primary) 55%,#000))}.auth-screen-center{flex:1;display:flex;align-items:center;justify-content:center;width:100%}.auth-card{width:100%;max-width:360px;background:var(--paper);border-radius:28px;padding:2rem 1.75rem;box-shadow:0 30px 60px -30px #00000080}.auth-mark{width:52px;height:52px;border-radius:16px;background:var(--mint);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 1rem}.auth-title{text-align:center;font-weight:800;font-size:1.25rem;color:var(--tenant-primary);margin-bottom:1.5rem}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-content{flex:1;padding-bottom:5rem}.app-topbar{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.drawer-toggle{width:40px;height:40px;padding:0;border-radius:12px;background:var(--mint);color:var(--tenant-primary);font-size:1.1rem;flex-shrink:0}.app-topbar-title{font-weight:800;color:var(--tenant-primary)}.app-content section:first-child{padding-top:1.25rem}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#141a1000;z-index:40;transition:background .2s ease}.drawer-backdrop.is-visible{background:#141a1073}.drawer-panel{position:fixed;top:0;left:0;bottom:0;width:min(280px,82vw);background:var(--paper);box-shadow:0 0 40px #00000040;transform:translate(-100%);transition:transform .22s ease;padding:1.5rem 1.1rem;display:flex;flex-direction:column;gap:1.5rem}.drawer-panel.is-visible{transform:translate(0)}.drawer-brand{display:flex;align-items:center;gap:.65rem;font-weight:800;color:var(--tenant-primary)}.drawer-logo{width:36px;height:36px;border-radius:10px;object-fit:cover;flex-shrink:0}.drawer-logo-placeholder{display:flex;align-items:center;justify-content:center;background:var(--mint);font-size:1.1rem}.drawer-nav{display:flex;flex-direction:column;gap:.35rem}.drawer-nav li{background:none;border:none;box-shadow:none;border-radius:0;padding:0;margin:0}.drawer-link{display:flex;align-items:center;gap:.65rem;padding:.65rem .75rem;border-radius:12px;color:var(--ink);text-decoration:none;font-weight:700;font-size:.95rem}.drawer-link.is-active{background:var(--mint);color:var(--tenant-primary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#141a1000;display:flex;align-items:flex-end;justify-content:center;z-index:50;transition:background .2s ease;padding:0}.modal-backdrop.is-visible{background:#141a1073}.modal-panel{width:100%;max-width:480px;max-height:88dvh;overflow-y:auto;background:var(--paper);border-radius:24px 24px 0 0;padding:1.25rem 1.25rem 1.75rem;transform:translateY(24px);opacity:0;transition:transform .2s ease,opacity .2s ease}.modal-backdrop.is-visible .modal-panel{transform:translateY(0);opacity:1}@media (min-width: 560px){.modal-backdrop{align-items:center}.modal-panel{border-radius:24px}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.modal-header h2{margin:0}.modal-close{width:32px;height:32px;padding:0;border-radius:50%;background:var(--mint);color:var(--ink);font-size:.85rem}.modal-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.file-picker{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem}.file-picker-name{font-size:.85rem;color:var(--ink-soft);word-break:break-all}.fab-wrap{position:fixed;right:1.25rem;bottom:1.5rem;z-index:30;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.fab-main{width:58px;height:58px;padding:0;border-radius:50%;font-size:1.6rem;line-height:1;box-shadow:0 12px 24px -8px #26321f8c;transition:transform .15s ease}.fab-main.is-open{transform:rotate(45deg)}.fab-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.6rem}.fab-action{display:flex;align-items:center;gap:.5rem;background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:0 10px 20px -12px #26321f80;animation:fab-pop .16s ease both}@keyframes fab-pop{0%{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.drawer-panel,.modal-panel,.drawer-backdrop,.modal-backdrop,.fab-main{transition:none}.fab-action{animation:none}}.profile-header{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;margin-bottom:1.5rem}.profile-photo{display:flex;flex-direction:column;align-items:center;gap:.6rem}.profile-photo-img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid var(--mint)}.profile-photo-placeholder{display:flex;align-items:center;justify-content:center;background:var(--mint);font-size:2.2rem}.app-footer{text-align:center;padding:1.25rem 1rem 1.5rem;font-size:.78rem;color:var(--ink-soft)}.app-footer a{color:var(--tenant-primary);font-weight:700;text-decoration:none}.app-footer a:hover{text-decoration:underline}.app-footer-on-dark{color:#ffffffb3}.app-footer-on-dark a{color:#fff}