:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #ec4899;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--dark: #1e293b;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .4s ease-out forwards}.animate-fade-in-down{animation:fadeInDown .4s ease-out forwards}.animate-slide-in-right{animation:slideInRight .4s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .4s ease-out forwards}.animate-scale-in{animation:scaleIn .3s ease-out forwards}.animate-bounce-in{animation:bounceIn .5s ease-out forwards}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.card-interactive{cursor:pointer;position:relative}.card-interactive:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(99,102,241,.03) 100%);opacity:0;transition:opacity .3s ease}.card-interactive:hover:after{opacity:1}.card-gradient{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid var(--gray-200)}.card-header{padding:1.5rem;border-bottom:1px solid var(--gray-100);background:linear-gradient(to right,var(--gray-50),white)}.card-body{padding:1.5rem}.card-footer{padding:1rem 1.5rem;border-top:1px solid var(--gray-100);background:var(--gray-50)}.stat-card{background:#fff;border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-md);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary);transform:scaleX(0);transition:transform .3s ease}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.stat-card.primary:before{background:var(--primary)}.stat-card.success:before{background:var(--success)}.stat-card.warning:before{background:var(--warning)}.stat-card.danger:before{background:var(--danger)}.table-container{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table thead{background:linear-gradient(to right,var(--gray-50),var(--gray-100))}.data-table th{padding:1rem 1.25rem;text-align:right;font-weight:700;font-size:.875rem;color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--gray-200)}.data-table td{padding:1rem 1.25rem;font-size:.95rem;color:var(--gray-600);border-bottom:1px solid var(--gray-100);transition:all .2s ease}.data-table tbody tr{transition:all .2s ease}.data-table tbody tr:hover{background:linear-gradient(to right,#6366f108,#6366f10d);transform:scale(1.005)}.data-table tbody tr:last-child td{border-bottom:none}.table-row-success{background:linear-gradient(to right,#10b9810d,#10b98114)!important}.table-row-warning{background:linear-gradient(to right,#f59e0b0d,#f59e0b14)!important}.table-row-danger{background:linear-gradient(to right,#ef44440d,#ef444414)!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;border-radius:var(--radius-lg);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;font-family:inherit}.btn:active{transform:scale(.95)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 14px #6366f14d}.btn-primary:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,var(--danger),#dc2626);color:#fff;box-shadow:0 4px 14px #ef44444d}.btn-danger:hover{box-shadow:0 6px 20px #ef444466}.btn-success{background:linear-gradient(135deg,var(--success),#059669);color:#fff;box-shadow:0 4px 14px #10b9814d}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:60;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:var(--radius-2xl);width:100%;max-width:500px;box-shadow:var(--shadow-xl);animation:scaleIn .3s ease-out;overflow:hidden}.modal-header{padding:1.5rem;background:linear-gradient(135deg,var(--gray-50),white);border-bottom:1px solid var(--gray-100)}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;background:var(--gray-50);display:flex;gap:.75rem;justify-content:flex-end}.loading-spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.loading-skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--gray-400)}.empty-state-icon{width:80px;height:80px;margin:0 auto 1rem;background:var(--gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gray-400)}.badge{display:inline-flex;align-items:center;padding:.375rem .75rem;font-size:.875rem;font-weight:600;border-radius:9999px}.badge-primary{background:#6366f11a;color:var(--primary)}.badge-success{background:#10b9811a;color:var(--success)}.badge-warning{background:#f59e0b1a;color:var(--warning)}.badge-danger{background:#ef44441a;color:var(--danger)}.input-focus-ring{transition:all .2s ease;border:2px solid var(--gray-200)}.input-focus-ring:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #6366f11a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media print{body *{visibility:hidden}.print-only,.print-only *{visibility:visible}.print-only{position:absolute;left:0;top:0;width:100%}.no-print,.no-print *{visibility:hidden!important;display:none!important}.no-sidebar{position:absolute;left:0!important;top:0!important;width:100%!important;height:100%!important;overflow:visible!important}.no-sidebar:before,.no-sidebar:after,.no-sidebar *:before,.no-sidebar *:after{display:none!important}.no-sidebar>*{position:relative!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}}@media(max-width:768px){.card{border-radius:var(--radius-lg)}.data-table{font-size:.875rem}.data-table th,.data-table td{padding:.75rem}.stat-card{padding:1rem}}.toast-container{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:.5rem}.toast{background:#fff;border-radius:var(--radius-lg);padding:1rem 1.5rem;box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:.75rem;animation:slideInDown .3s ease-out;min-width:300px}.toast-success{border-right:4px solid var(--success)}.toast-error{border-right:4px solid var(--danger)}.toast-warning{border-right:4px solid var(--warning)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:.5rem .75rem;background:var(--dark);color:#fff;font-size:.875rem;border-radius:var(--radius);white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:50}.tooltip:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}