:root{--color-bg-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--color-bg-primary:rgba(255,255,255,.98);--color-bg-secondary:rgba(255,255,255,.92);--color-text-primary:#1a1a1a;--color-text-secondary:#4a4a4a;--color-text-tertiary:#888;--color-border:rgba(0,0,0,.08);--color-border-light:rgba(0,0,0,.04);--color-brand-primary:#667eea;--color-brand-secondary:#764ba2;--gradient-brand:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--color-success:#10b981;--color-error:#ef4444;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.03);--shadow-md:0 2px 8px -2px rgba(0,0,0,.08);--shadow-lg:0 8px 16px -4px rgba(0,0,0,.1);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-full:9999px;--transition:200ms cubic-bezier(.4,0,.2,1)}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--color-bg-gradient);background-attachment:fixed;min-height:100%}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:transparent;color:var(--color-text-primary);line-height:1.6;min-height:100vh;width:100%;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 800"><path fill="%23ffffff" fill-opacity="0.05" d="M0,160L48,170.7C96,181,192,203,288,192C384,181,480,139,576,128C672,117,768,139,864,165.3C960,192,1056,224,1152,218.7C1248,213,1344,171,1392,149.3L1440,128L1440,800L1392,800C1344,800,1248,800,1152,800C1056,800,960,800,864,800C768,800,672,800,576,800C480,800,384,800,288,800C192,800,96,800,48,800L0,800Z"></path></svg>') no-repeat bottom center;background-size:cover;opacity:.25;pointer-events:none;z-index:0;animation:float 20s ease-in-out infinite}body>*{position:relative;z-index:1}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.4);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.6)}::selection{background-color:rgba(255,255,255,.9);color:var(--color-brand-primary)}*:focus{outline:2px solid var(--color-brand-primary);outline-offset:2px}button:focus,a:focus{outline-offset:4px}.spinner{border:3px solid rgba(99,102,241,.1);border-top-color:var(--color-brand-primary);border-radius:var(--radius-full);width:24px;height:24px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .4s ease-out}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.float{animation:float 6s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.7}}.card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:0;cursor:pointer;transition:all var(--transition);text-decoration:none;gap:.375rem}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:active{opacity:.92;box-shadow:var(--shadow-md)}.btn-secondary{background:rgba(255,255,255,.15);color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-secondary:active{background:rgba(255,255,255,.25)}.input{width:100%;padding:.625rem .875rem;font-size:.875rem;background:#fff;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition)}.input:focus{outline:0;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.input::placeholder{color:var(--color-text-tertiary)}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:rgba(255,255,255,.12);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.item-card{background:rgba(255,255,255,.12);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);transition:all var(--transition)}.item-card.cursor-pointer:active{background:rgba(255,255,255,.18)}@media(max-width:640px){:root{--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem}}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}