:root{--primary: #3b82f6;--primary-dark: #2563eb;--secondary: #6366f1;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--dark: #1e293b;--light: #f8fafc;--border: #e2e8f0;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#f5f7fa,#e3f2fd);min-height:100vh}.btn{padding:10px 20px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;box-shadow:var(--shadow)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:24px;box-shadow:var(--shadow-lg);border:1px rgba(255,255,255,.3);transition:all .3s}.card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}.stat-card{position:relative;overflow:hidden;cursor:pointer}.stat-card:hover{transform:scale(1.05)}input,select,textarea{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:12px;font-size:14px;transition:all .2s;background:#f8fafc}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #3b82f61a}table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}thead{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}th{padding:16px;text-align:left;font-weight:600;color:var(--dark);font-size:14px}td{padding:16px;border-top:1px solid var(--border);font-size:14px}tr:hover{background:#f8fafc}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:16px}.space-y-4>*+*{margin-top:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes blob{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-50px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(50px,50px) scale(1.05)}}.animate-fade-in{animation:fadeIn .5s ease-out}.float-animation{animation:float 3s ease-in-out infinite}.animate-blob{animation:blob 7s infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#60a5fa,#6366f1);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#3b82f6,#4f46e5)}.spinner{border:4px solid #f3f4f6;border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}