:root{--pos-bg:#f1f5f9;--pos-surface:#fff;--pos-surface-hover:#f8fafc;--pos-border:#e2e8f0;--pos-border-strong:#cbd5e1;--pos-text:#0f172a;--pos-text-muted:#64748b;--pos-text-muted-2:#94a3b8;--pos-primary:#2563eb;--pos-primary-hover:#1d4ed8;--pos-primary-bg:#eff6ff;--pos-success:#059669;--pos-success-bg:#dcfce7;--pos-warning:#d97706;--pos-warning-bg:#fef3c7;--pos-danger:#dc2626;--pos-danger-bg:#fef2f2;--pos-danger-hover:#b91c1c;--pos-gradient-primary:linear-gradient(135deg,#2563eb,#06b6d4);--pos-gradient-primary-hover:linear-gradient(135deg,#1d4ed8,#0891b2);--pos-gradient-glow:0 8px 24px rgba(37,99,235,.35),0 2px 8px rgba(6,182,212,.25);--pos-radius:12px;--pos-radius-sm:8px;--pos-radius-xs:6px;--pos-radius-lg:16px;--pos-shadow:0 1px 3px rgba(0,0,0,.06);--pos-shadow-md:0 4px 12px rgba(0,0,0,.08);--pos-shadow-lg:0 10px 40px rgba(0,0,0,.1);--pos-nav-bg:#1e293b;--pos-nav-bg-hover:#334155;--pos-nav-text:#f8fafc;--pos-nav-text-muted:#94a3b8;--pos-nav-height:56px;--pos-space-1:0.25rem;--pos-space-2:0.5rem;--pos-space-3:0.75rem;--pos-space-4:1rem;--pos-space-5:1.5rem;--pos-space-6:2rem;--pos-font-xs:0.75rem;--pos-font-sm:0.8125rem;--pos-font-base:0.875rem;--pos-font-md:0.9375rem;--pos-font-lg:1.125rem;--pos-font-xl:1.5rem;--pos-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--pos-z-dropdown:100;--pos-z-sticky:100;--pos-z-modal:1000;--pos-z-toast:1100}.app-root{background:var(--pos-bg);font-family:var(--pos-font-family);min-height:100vh}.app-main{margin:0 auto;max-width:1600px;min-height:calc(100vh - var(--pos-nav-height));padding:var(--pos-space-4) var(--pos-space-5) var(--pos-space-6)}.pos-btn{align-items:center;background:var(--pos-surface);border:1px solid var(--pos-border);border-radius:var(--pos-radius-sm);color:var(--pos-text);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--pos-font-base);font-weight:500;gap:var(--pos-space-2);justify-content:center;padding:.5rem 1rem;transition:background .15s,border-color .15s,color .15s,opacity .15s}.pos-btn:hover:not(:disabled){background:var(--pos-surface-hover);border-color:var(--pos-border-strong)}.pos-btn:disabled{cursor:not-allowed;opacity:.6}.pos-btn-primary{background:var(--pos-gradient-primary);border-color:transparent;box-shadow:0 2px 8px rgba(6,182,212,.25);color:#fff}.pos-btn-primary:hover:not(:disabled){box-shadow:0 4px 14px rgba(6,182,212,.35);filter:brightness(1.08)}.pos-btn-danger{background:var(--pos-surface);border-color:var(--pos-border);color:var(--pos-danger)}.pos-btn-danger:hover:not(:disabled){background:var(--pos-danger-bg);border-color:var(--pos-danger)}.pos-btn-sm{font-size:var(--pos-font-sm);padding:.35rem .75rem}.pos-input{background:var(--pos-surface);border:1px solid var(--pos-border);border-radius:var(--pos-radius-sm);color:var(--pos-text);font-family:inherit;font-size:var(--pos-font-base);padding:.5rem .75rem;transition:border-color .15s,box-shadow .15s;width:100%}.pos-input::-moz-placeholder{color:var(--pos-text-muted-2)}.pos-input::placeholder{color:var(--pos-text-muted-2)}.pos-input:focus{border-color:var(--pos-primary);box-shadow:0 0 0 3px var(--pos-primary-bg);outline:none}.pos-badge{align-items:center;background:var(--pos-border);border-radius:999px;color:var(--pos-text-muted);display:inline-flex;font-size:var(--pos-font-xs);font-weight:600;letter-spacing:.03em;padding:.125rem .5rem;text-transform:uppercase}.pos-badge-success{background:var(--pos-success-bg);color:var(--pos-success)}.pos-badge-warning{background:var(--pos-warning-bg);color:var(--pos-warning)}.pos-badge-danger{background:var(--pos-danger-bg);color:var(--pos-danger)}