@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
:root{--brand:#18e299;--brand-light:#d4fae8;--brand-deep:#0fa76e;--text-primary:#0d0d0d;--text-secondary:#333;--text-muted:#666;--text-faint:#999;--bg-page:#f5f6f8;--bg-card:#fff;--bg-sidebar:#0f1c14;--bg-sidebar-hover:#18e29914;--bg-sidebar-active:#18e29924;--border-subtle:#0000000d;--border-medium:#00000017;--border-strong:#00000024;--status-pending-bg:#fef9e7;--status-pending-text:#92660a;--status-progress-bg:#e8f4ff;--status-progress-text:#0a5eb7;--status-ready-bg:#d4fae8;--status-ready-text:#0a7a52;--status-shipped-bg:#ede8ff;--status-shipped-text:#5930b4;--status-done-bg:#d4fae8;--status-done-text:#0a7a52;--status-cancelled-bg:#fef2f2;--status-cancelled-text:#b83333;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:9999px;--shadow-card:0 1px 3px #0000000a, 0 1px 2px #00000008;--shadow-hover:0 4px 12px #00000012}*,:before,:after{box-sizing:border-box}html{font-size:16px}body{background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#00000040}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@keyframes floatA{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-18px)rotate(4deg)}}@keyframes floatB{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(14px)rotate(-5deg)}}@keyframes floatC{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(6deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.float-a{animation:5s ease-in-out infinite floatA}.float-b{animation:6.5s ease-in-out infinite floatB}.float-c{animation:4.2s ease-in-out infinite floatC}.slide-up{animation:.45s cubic-bezier(.22,1,.36,1) both slideUp}.fade-in{animation:.3s both fadeIn}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}