:root{--color-primary:#37474f;--color-primary-light:#62727b;--color-primary-dark:#1e252a;--color-secondary:#c5a059;--color-secondary-light:#d4b47a;--color-secondary-dark:#a37d3c;--color-background:#f8fafc;--color-surface:#fff;--color-text-primary:#1e293b;--color-text-secondary:#64748b;--color-text-disabled:#94a3b8;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-border:#e2e8f0;--color-divider:#f1f5f9;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Microsoft JhengHei,sans-serif;font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.liff-container{background-color:var(--color-background);min-height:100vh}.liff-page{padding:var(--spacing-md);max-width:600px;margin:0 auto}.liff-card{background-color:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md)}.liff-button{border-radius:var(--border-radius-md);font-size:var(--font-size-base);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);border:none;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.liff-button:active{transform:scale(.98)}.liff-button-primary{background-color:var(--color-primary);color:#fff}.liff-button-primary:hover{background-color:var(--color-primary-dark)}.liff-button-secondary{background-color:var(--color-secondary);color:#fff}.liff-button-secondary:hover{background-color:var(--color-secondary-dark)}.liff-button-outline{border:2px solid var(--color-primary);color:var(--color-primary);background-color:#0000}.liff-button-outline:hover{background-color:var(--color-primary);color:#fff}.liff-input{border:1px solid var(--color-border);border-radius:var(--border-radius-md);width:100%;font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-surface);padding:12px 16px;transition:border-color .2s}.liff-input:focus{border-color:var(--color-primary);outline:none}.liff-title{font-size:var(--font-size-2xl);color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-weight:600}.liff-subtitle{font-size:var(--font-size-lg);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-weight:500}.liff-text-secondary{color:var(--color-text-secondary)}.liff-text-disabled{color:var(--color-text-disabled)}.liff-divider{background-color:var(--color-divider);height:1px;margin:var(--spacing-md) 0}.liff-loading{justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;min-height:100vh;display:flex}.liff-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.liff-list{list-style:none}.liff-list-item{padding:var(--spacing-md);background-color:var(--color-surface);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-sm);box-shadow:var(--shadow-sm)}.liff-badge{border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);align-items:center;padding:4px 12px;font-weight:500;display:inline-flex}.liff-badge-gold{background-color:var(--color-secondary);color:#fff}.liff-badge-success{background-color:var(--color-success);color:#fff}.liff-badge-warning{background-color:var(--color-warning);color:#fff}.liff-badge-error{background-color:var(--color-error);color:#fff}:root{--bg:#e8eeeb;--bg-deep:#d5e0da;--ink:#14201c;--muted:#5b6b64;--panel:#f7faf8;--line:#c5d2cb;--accent:#1f5c4a;--accent-2:#2f7a62;--danger:#9b2c2c;--ok:#1b5e3b;--side:#10241c;--side-text:#d7e6df;color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%, #cfe0d7 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #b9cfc4 0%, transparent 50%), var(--bg);font-family:IBM Plex Sans,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}h1,h2,.brand strong{letter-spacing:-.02em;font-family:Fraunces,Georgia,serif;font-weight:700}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{background:var(--accent);color:#f4fff9;cursor:pointer;border:0;border-radius:10px;padding:.65rem 1rem}button:hover{background:var(--accent-2)}button.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}button:disabled{opacity:.6;cursor:wait}label{gap:.35rem;margin-bottom:.85rem;font-size:.92rem;display:grid}input,select{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:.65rem .75rem}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.7rem .5rem;font-size:.95rem}th{color:var(--muted);font-weight:500}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.side{background:linear-gradient(180deg, #143028, var(--side));color:var(--side-text);flex-direction:column;gap:.85rem;padding:1.25rem 1rem;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand-mark{color:#fff;background:#2f7a62;border-radius:12px;place-items:center;width:42px;height:42px;font-family:Fraunces,serif;font-weight:700;display:grid}.brand p,.who span{opacity:.7;margin:0;font-size:.82rem}.brand strong{display:block}.side nav{align-content:start;gap:.15rem;display:grid}.nav{color:var(--side-text);opacity:.82;border-radius:10px;padding:.5rem .75rem}.nav:hover,.nav.active{opacity:1;background:#ffffff14}.store-picker{color:var(--side-text);gap:.35rem;margin:0;font-size:.82rem;display:grid}.store-picker select{width:100%;color:var(--side-text);background:#00000040;border:1px solid #fff3;border-radius:8px;padding:.45rem .55rem}.side-foot{border-top:1px solid #ffffff1f;gap:.75rem;margin-top:auto;padding-top:1rem;display:grid}.side-foot .ghost{color:var(--side-text);border-color:#fff3}.who{display:grid}.main{padding:1.5rem 1.75rem 2.5rem}.page{max-width:1100px}.page-head{margin-bottom:1.25rem}.page-head h1{margin:0 0 .25rem;font-size:2rem}.muted{color:var(--muted);margin:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-bottom:1rem;padding:1.1rem 1.2rem;box-shadow:0 10px 30px #14281e0a}.panel h2{margin:0 0 .85rem;font-size:1.15rem}.stat-grid{grid-template-columns:repeat(4,1fr);gap:.85rem;margin-bottom:1rem;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:16px;gap:.35rem;padding:1rem;display:grid}.stat span{color:var(--muted);font-size:.85rem}.stat strong{font-family:Fraunces,serif;font-size:1.6rem}.split-2,.grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.inline-form{align-items:center;gap:.75rem;display:flex}.inline-form input,.inline-form select{width:auto;min-width:180px}.error{color:var(--danger)}.ok{color:var(--ok)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 .5rem;font-size:.75rem}.login-page{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;width:min(420px,100%);padding:1.75rem;box-shadow:0 20px 50px #10241c14}.login-card h1{margin:0 0 .35rem}.login-card .muted{margin-bottom:1.25rem}.login-card button{width:100%;margin-top:.5rem}@media (width<=900px){.shell{grid-template-columns:1fr}.side{z-index:5;position:sticky;top:0}.stat-grid,.split-2,.grid-2{grid-template-columns:1fr}}