:root{--background: #F4F5F8;--surface: #FFFFFF;--border: #C7CCDA;--ink: #161A26;--ink-muted: #565D72;--ink-faint: #8890A3;--forest: #1E2A4A;--forest-deep: #2E3D68;--forest-wash: #D6DEF5;--sage: #7B8299;--sage-wash: #E7E9EF;--rose: #8A5D18;--rose-wash: #F3E2C4;--gold: #D9B876;--success: #1F7A4D;--success-wash: #C8ECD8;--warning: #8A5D18;--warning-wash: #F3E2C4;--error: #BA1A1A;--error-wash: #FFDAD6;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--ink);font-family:IBM Plex Sans,system-ui,sans-serif;font-size:15px}.stat-value,.numeric,td.numeric,th.numeric{font-family:IBM Plex Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--forest);color:#fff}.topbar h1{font-size:18px;font-weight:600;margin:0}.topbar .wordmark{font-family:Libre Caslon Text,Georgia,Times New Roman,serif;font-size:20px;font-weight:700;letter-spacing:-.01em}.topbar button{background:#ffffff26;color:#fff;border:none;padding:8px 14px;border-radius:var(--radius-pill);cursor:pointer;font-family:inherit}.topbar button.topbar-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:50%;background:#ffffff26}.topbar button.topbar-bell:hover{background:#ffffff42}.topbar button.topbar-bell.active{background:#ffffff57}.topbar-bell-badge{position:absolute;top:1px;right:1px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-pill);background:var(--error);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;font-variant-numeric:tabular-nums}.layout{display:flex;min-height:calc(100vh - 60px)}.sidebar{width:200px;background:var(--surface);border-right:1px solid var(--border);padding:16px 0}.sidebar button{display:block;width:100%;text-align:left;padding:12px 20px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:14px;color:var(--ink-muted)}.sidebar button.active{color:var(--forest);font-weight:600;background:var(--forest-wash)}.sidebar-group+.sidebar-group{margin-top:14px;padding-top:10px;border-top:1px solid var(--border)}.sidebar-group-title{padding:0 20px 6px;font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-muted)}main{flex:1;padding:24px;max-width:1000px}h2{font-size:20px;font-weight:600;margin:0 0 16px}h3{font-size:16px;font-weight:600;margin:20px 0 8px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-bottom:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:20px}.stat-label{font-size:12px;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.4px}.stat-value{font-size:24px;font-weight:700;color:var(--forest);margin-top:4px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}th{color:var(--ink-muted);font-size:12px;text-transform:uppercase;letter-spacing:.4px}.badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;background:var(--border);color:var(--ink-muted)}.badge-pending{background:var(--warning-wash);color:var(--warning)}.badge-ok{background:var(--success-wash);color:var(--success)}.badge-alert{background:var(--error-wash);color:var(--error)}button.btn{border:none;border-radius:var(--radius-pill);padding:8px 16px;font-weight:600;font-size:13px;cursor:pointer;font-family:inherit}.btn-primary{background:var(--forest);color:#fff}.btn-danger{background:var(--error);color:#fff}.btn-ghost{background:var(--sage-wash);color:var(--forest)}.btn-sm{padding:6px 12px;font-size:12px}button:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.shop-thumb{width:40px;height:40px;border-radius:8px;object-fit:cover}.shop-thumb-sm{width:28px;height:28px;border-radius:6px}.field{margin-bottom:12px}label{display:block;font-size:12px;color:var(--ink-muted);margin-bottom:4px;text-transform:uppercase}input{width:100%;max-width:280px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);font-family:inherit;font-size:14px}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center}.login-hero{width:100%;height:220px;background-size:cover;background-position:center;display:flex;align-items:flex-end}.login-hero-text{padding:24px;color:#fff}.login-hero-text h1{margin:0;font-size:26px}.login-hero-text p{margin:6px 0 0;font-size:13px;opacity:.9}.login-card{max-width:380px;margin:-32px auto 40px;position:relative;z-index:1}.quickfill{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.quickfill button{text-align:left;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;cursor:pointer;font-family:inherit;font-size:13px}.toast{position:fixed;bottom:20px;right:20px;background:var(--ink);color:#fff;padding:12px 18px;border-radius:var(--radius-md);max-width:360px;z-index:50}.toast.error{background:var(--error)}.muted{color:var(--ink-muted);font-size:13px}.accordion summary{cursor:pointer;font-weight:600;list-style:none}.accordion summary::-webkit-details-marker{display:none}.accordion summary:before{content:"▸ ";color:var(--ink-faint)}.accordion[open] summary:before{content:"▾ "}.attention-row{display:flex;align-items:center;justify-content:space-between;cursor:pointer;border:none;width:100%;text-align:left;font-family:inherit}.attention-left{display:flex;align-items:center;gap:10px;flex:1}.attention-right{display:flex;align-items:center;gap:8px}.sidebar-group{display:flex;flex-direction:column}.sidebar-group+.sidebar-group{margin-top:18px}.sidebar-heading{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted, #635B6B);padding:0 12px 6px}.nav-toggle,.sidebar-backdrop{display:none}@media (max-width: 900px){.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;flex-shrink:0;background:#ffffff2e;border:none;border-radius:var(--radius-md, 8px);color:inherit;cursor:pointer}.nav-toggle:hover{background:#ffffff47}.sidebar{position:fixed;top:0;left:0;z-index:60;width:240px;height:100dvh;max-height:100vh;overflow-y:auto;overscroll-behavior:contain;transform:translate(-100%);transition:transform .2s cubic-bezier(.2,0,0,1);box-shadow:8px 0 32px #0000003d}.sidebar.open{transform:translate(0)}.sidebar button{min-height:48px}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:59;background:#00000073}main{padding:16px 12px;max-width:100%;min-width:0}.topbar{padding:0 12px;gap:8px}.topbar h1{font-size:16px;min-width:0}.topbar .wordmark{font-size:17px}.table-scroll,.card table,main table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.sidebar{transition:none}}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:46vh;padding:40px 20px;text-align:center}.page-loader-bloom{display:inline-flex;animation:bloom-breathe 1.8s ease-in-out infinite}.page-loader-label{font-size:14px;color:var(--ink-muted)}@keyframes bloom-breathe{0%,to{transform:scale(.92);opacity:.55}50%{transform:scale(1.06);opacity:1}}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--surface) 37%,var(--border) 63%);background-size:400% 100%;animation:skeleton-sweep 1.4s linear infinite;border-radius:var(--radius-md, 10px)}.skeleton-text{height:12px;margin-bottom:8px}.skeleton-text:last-child{width:60%;margin-bottom:0}@keyframes skeleton-sweep{0%{background-position:100% 0}to{background-position:0 0}}.img-loading{position:relative;overflow:hidden;background:var(--border)}.img-loading>img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .24s ease-out}.img-loading>img.is-loaded{opacity:1}.img-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--border) 25%,var(--surface) 37%,var(--border) 63%);background-size:400% 100%;animation:skeleton-sweep 1.4s linear infinite}.img-loading.is-loaded:after{content:none}.spinner-sm{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--forest);border-radius:50%;animation:spin .7s linear infinite;display:inline-block;vertical-align:middle}@media (prefers-reduced-motion: reduce){.page-loader-bloom,.skeleton,.img-loading:after,.spinner-sm{animation:none}.skeleton,.img-loading:after{background:var(--border)}.img-loading>img{transition:none}}body{overflow-wrap:break-word}@media (pointer: coarse),(max-width: 640px){input,textarea,select{font-size:16px}.topbar button,button.btn,.btn-sm,.quickfill button{min-height:44px}.topbar button,button.btn{display:inline-flex;align-items:center;justify-content:center}}