@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary: #6366f1;--primary-hover: #4f46e5;--secondary: #10b981;--bg-app: #f8fafc;--bg-card: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border: #e2e8f0;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--shadow-sm: 0 1px 2px rgba(2, 6, 23, .06), 0 1px 1px rgba(2, 6, 23, .04);--shadow-md: 0 10px 25px rgba(2, 6, 23, .08);--shadow-lg: 0 25px 50px rgba(2, 6, 23, .12);--ring: 0 0 0 4px rgba(99, 102, 241, .18);--surface: rgba(255, 255, 255, .7);--surface-border: rgba(226, 232, 240, .85);--spotlight-color: rgba(15, 23, 42, .08);--spotlight-fade: rgba(15, 23, 42, .02);--link-color: #4f46e5}[data-theme=dark]{--bg-app: #0f172a;--bg-card: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border: #334155;--surface: rgba(15, 23, 42, .6);--surface-border: rgba(51, 65, 85, .85);--ring: 0 0 0 4px rgba(99, 102, 241, .22);--spotlight-color: rgba(99, 102, 241, .15);--spotlight-fade: rgba(99, 102, 241, .02);--link-color: #a5b4fc}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh;width:100vw;font-family:Inter,sans-serif;background:radial-gradient(1000px 600px at 10% -10%,rgba(99,102,241,.16),transparent 60%),radial-gradient(900px 600px at 110% 0%,rgba(16,185,129,.1),transparent 55%),radial-gradient(900px 600px at 40% 110%,rgba(245,158,11,.1),transparent 55%),var(--bg-app);color:var(--text-primary);transition:background-color .3s,color .3s;overflow-x:hidden}button{cursor:pointer;font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.75rem;border-radius:calc(var(--radius-lg) + .5rem);font-weight:700;font-size:1.05rem;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;gap:.5rem;box-shadow:var(--shadow-sm)}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-sm),var(--ring)}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border)}.input-field{width:100%;padding:.75rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-app);color:var(--text-primary);margin-top:.5rem}.input-field:focus{outline:none;box-shadow:var(--ring);border-color:#6366f1a6}.container{width:min(1100px,100%);margin:0 auto;padding:2rem}.page-header{background:linear-gradient(135deg,#1d4ed8f2,#6366f1eb);color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-lg);border-radius:18px;padding:1.1rem 1.25rem}.page-header .title{font-size:1.2rem;font-weight:900;letter-spacing:.3px}.page-header .subtitle{margin-top:.25rem;font-size:.95rem;opacity:.9}.glass{background:var(--surface);border:1px solid var(--surface-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .6rem;border-radius:9999px;font-weight:800;font-size:.8rem;border:1px solid var(--border);background:#fff9}[data-theme=dark] .badge{background:#0f172aa6}.badge-success{color:#065f46;border-color:#10b98159}.badge-warning{color:#92400e;border-color:#f59e0b66}.badge-danger{color:#991b1b;border-color:#ef444459}.badge-info{color:#1e40af;border-color:#3b82f659}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary),var(--primary-hover));border-radius:9999px;border:2px solid var(--bg-app)}::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}*{scrollbar-width:thin;scrollbar-color:var(--primary) var(--bg-app)}.card-unread{background:#fee2e2!important;border:2px solid #ef4444!important;color:#b91c1c!important}[data-theme=dark] .card-unread{background:#ef444426!important;border:2px solid #ef4444!important;color:#fca5a5!important}.card-read{background:#ffedd5!important;border:2px solid #f97316!important;color:#c2410c!important}[data-theme=dark] .card-read{background:#f9731626!important;border:2px solid #f97316!important;color:#fed7aa!important}