*{box-sizing:border-box}html,body{color:#111827;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.container{max-width:1200px;margin:40px auto;padding:20px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;animation:.3s fadeIn;overflow:hidden;box-shadow:0 20px 50px #00000014}.header{color:#fff;background:linear-gradient(90deg,#0f172a,#1e293b);padding:24px}.header h1{margin:0;font-size:26px}.header p{color:#cbd5f5;margin-top:6px;font-size:14px}.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:20px;display:grid}.stat{background:#f8fafc;border-radius:16px;padding:16px;transition:all .2s}.stat:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000000f}.tabs{flex-wrap:wrap;gap:10px;padding:20px;display:flex}.tab{cursor:pointer;background:#e5e7eb;border:none;border-radius:10px;padding:10px 16px;font-weight:500;transition:all .2s}.tab:hover{background:#d1d5db}.tab.active{color:#fff;background:#111827}.input{width:100%;font:inherit;border:1px solid #d1d5db;border-radius:10px;padding:12px 14px;transition:all .2s}.input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:10px;padding:12px 16px;font-weight:600;transition:all .2s}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0000001a}.btn.secondary{color:#111;background:#e5e7eb}.btn.secondary:hover{background:#d1d5db}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:#475569;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:12px;font-weight:600}.table td{border-bottom:1px solid #f1f5f9;padding:12px}.table tr:hover{background:#f9fafb}.badge{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.badge.green{color:#166534;background:#dcfce7}.badge.yellow{color:#854d0e;background:#fef9c3}.alert{border-radius:12px;padding:14px;font-size:14px}.alert.success{color:#065f46;background:#ecfdf5}.alert.warning{color:#92400e;background:#fffbeb}.alert.error{color:#991b1b;background:#fee2e2}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spinner{border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#cbd5f5;border-radius:10px}.input-readonly{color:#475569;cursor:not-allowed;background:#f1f5f9;border:1px solid #e2e8f0}.input-readonly:focus{box-shadow:none;outline:none}@keyframes pulse{0%{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}to{opacity:.9;transform:scale(1)}}