:root{--color-primary:#1d4f91;--color-primary-hover:#173f74;--color-primary-active:#12335f;--color-secondary:#0f766e;--color-secondary-hover:#0b5d57;--color-accent:#c89211;--color-success:#15803d;--color-warning:#b45309;--color-danger:#b91c1c;--color-background:#f6f8fb;--color-surface:#fff;--color-surface-alt:#f9fafb;--color-text:#111827;--color-text-soft:#4b5563;--color-text-muted:#6b7280;--color-border:#d7dde6;--color-divider:#e8edf3;--color-focus:#2563eb;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 2px 8px #0f172a0d;--shadow-md:0 8px 20px #0f172a14;--shadow-lg:0 18px 40px #0f172a1f;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--font-family:Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-xs:.75rem;--font-sm:.875rem;--font-md:1rem;--font-lg:1.125rem;--font-xl:1.5rem;--font-2xl:2rem;--font-3xl:2.5rem;--line-height:1.6;--transition-fast:.14s ease;--transition-normal:.22s ease}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-family);font-size:16px;line-height:var(--line-height);background:var(--color-background);color:var(--color-text);-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--color-background);min-width:320px;min-height:100vh;color:var(--color-text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}img,svg,video{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}textarea{resize:vertical}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:6px}h1,h2,h3,h4{color:var(--color-text);letter-spacing:-.02em;margin:0;font-weight:700}p{color:var(--color-text-soft);margin:0}small{color:var(--color-text-muted)}h1{font-size:var(--font-3xl)}h2{font-size:var(--font-xl)}h3{font-size:var(--font-lg)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.app{max-width:820px;min-height:100vh;padding:var(--space-7);margin:0 auto}@media (width<=640px){.app{padding:var(--space-4)}}.app-header{margin-bottom:var(--space-7)}.app-header h1{margin-bottom:var(--space-2);font-size:var(--font-3xl);font-weight:800}.app-header p{max-width:620px;color:var(--color-text-soft);line-height:1.7}.dashboard{gap:var(--space-4);margin-bottom:var(--space-7);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=640px){.dashboard{grid-template-columns:1fr}}.card,.form-section,.inventory-section,.item-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-normal), border-color var(--transition-fast)}.card:hover,.item-card:hover{box-shadow:var(--shadow-md);border-color:#c5d4ea;transform:translateY(-2px)}.card{padding:var(--space-6)}.card h2{margin-bottom:var(--space-3);font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-weight:700}.card p{color:var(--color-primary);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.form-section,.inventory-section{padding:var(--space-6);margin-bottom:var(--space-7)}.form-section h2,.inventory-section h2{margin-bottom:var(--space-5)}.item-list{gap:var(--space-4);flex-direction:column;display:flex}.item-card{padding:var(--space-5)}.item-card h3{margin-bottom:var(--space-3);color:var(--color-text)}.item-card p{margin:var(--space-2) 0;color:var(--color-text-soft)}hr{border:none;border-top:1px solid var(--color-divider);margin:var(--space-6) 0}form{gap:var(--space-5);flex-direction:column;display:flex}label{gap:var(--space-2);color:var(--color-text);flex-direction:column;font-weight:700;display:flex}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);padding:14px 16px}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:hover,select:hover,textarea:hover{border-color:#b8c7dc}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #1d4f911f}textarea{resize:vertical;min-height:120px}.primary-button{border-radius:var(--radius-md);background:var(--color-primary);color:#fff;min-height:52px;font-weight:700;font-size:var(--font-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);border:none;justify-content:center;align-items:center;gap:10px;padding:14px 22px;display:inline-flex}.primary-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.primary-button:active{background:var(--color-primary-active);transform:scale(.98)}.button-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.button-row button{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);min-height:48px;color:var(--color-text);transition:background var(--transition-fast), transform var(--transition-fast), border-color var(--transition-fast);padding:12px 18px;font-weight:600}.button-row button:hover{background:var(--color-surface-alt);border-color:#b8c7dc;transform:translateY(-1px)}.button-row button:active{transform:scale(.98)}@media (width<=640px){.primary-button{width:100%}.button-row{flex-direction:column}.button-row button{width:100%}}.text-muted{color:var(--color-text-muted)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.surface{background:var(--color-surface)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.rounded{border-radius:var(--radius-lg)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:#c6d2e2;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#9fb5d4}::selection{background:#1d4f912e}.card,.item-card,.form-section,.inventory-section{animation:.28s both fadeUp}.primary-button,.button-row button{will-change:transform}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width>=960px){.app{max-width:940px}}@media (width<=420px){h1{font-size:2rem}.card,.form-section,.inventory-section{padding:var(--space-5)}}@media print{body{background:#fff}.primary-button,.button-row{display:none!important}.card,.item-card,.form-section,.inventory-section{box-shadow:none;border:1px solid #999}}