@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";
:root{--primary:#dc2828;--primary-hover:#c52020;--primary-low:#dc28281a;--background:#fff;--foreground:#16181d;--card:#fff;--card-border:#e2e4e9;--muted:#676f7e;--muted-low:#f1f2f4;--accent:#0bb8da;--success:#2eb873;--glass-bg:#ffffffb3;--glass-border:#0000000d;--shadow:0 8px 32px 0 #1f268712;--font-main:"Outfit",sans-serif;--font-content:"Inter",sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--container-width:1200px;--header-height:72px}[data-theme=dark]{--background:#0b0c0f;--foreground:#f2f2f2;--card:#111317;--card-border:#21242c;--muted:#9da3af;--muted-low:#1a1d23;--glass-bg:#0f0f14cc;--glass-border:#ffffff14;--shadow:0 8px 32px 0 #0006}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--background:#0b0c0f;--foreground:#f2f2f2;--card:#111317;--card-border:#21242c;--muted:#9da3af;--muted-low:#1a1d23;--glass-bg:#0f0f14cc;--glass-border:#ffffff14;--shadow:0 8px 32px 0 #0006}}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html,body{background:var(--background);color:var(--foreground);font-family:var(--font-main);scroll-behavior:smooth;min-height:100vh}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600}button,input{outline:none;font-family:inherit}a{color:inherit;text-decoration:none;transition:all .2s}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow)}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:24px;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:background .2s;display:inline-flex}.btn-primary:hover{background:var(--primary-hover)}.flex-center{justify-content:center;align-items:center;display:flex}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s forwards fadeIn}.spinner{border:4px solid var(--muted-low);border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:640px){.brand-suffix{display:none}.brand-name{font-size:1rem!important}header{padding:0 8px!important}.container{padding:0 8px}.logo-container{gap:6px!important}.logo-icon{width:32px!important;height:32px!important;font-size:16px!important}header .container{gap:4px}.user-name-text{display:none}.header-auth{padding:6px 12px!important;font-size:.8rem!important}.logout-btn{padding:6px 8px!important;font-size:.7rem!important}.main-search-input{padding:14px 90px 14px 18px!important;font-size:.9rem!important}.search-submit-btn{padding:0 12px!important;font-size:.85rem!important}}