button{margin:0;padding:0;border:none;background:none;font:inherit;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none}:root{--bg-main: #e8ecf1;--bg-card: #ffffff;--sidebar-bg: linear-gradient(180deg, #5a6278 0%, #4a5168 50%, #3d4259 100%);--sidebar-active: #3d4259;--accent: #2563eb;--accent-secondary: #3b82f6;--accent-glow: rgba(37, 99, 235, .3);--text-primary: #1e293b;--text-secondary: #64748b;--text-dim: #94a3b8;--text-tertiary: #94a3b8;--border-color: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .12);--error: #ef4444;--success: #22c55e;--warning: #f59e0b;--info: #0ea5e9;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--transition: .2s ease;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{height:100vh;background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-family);overflow:hidden;margin:0}#root{display:flex;width:100%;height:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#00000040}.sidebar{width:240px;min-width:240px;background:var(--sidebar-bg);padding:32px 0 32px 32px;display:flex;flex-direction:column;position:relative;height:100%;transition:width .3s ease;z-index:100}.main-content{flex:1;background:var(--bg-main);padding:24px;overflow:hidden;display:flex;flex-direction:column;min-width:0;width:100vw}.content-area-wrapper{background:#fff;border-radius:var(--radius-lg);flex:1;box-shadow:0 1px 3px #00000014;padding:40px;overflow-y:auto;display:flex;flex-direction:column;width:100%}.page-header{margin-bottom:40px}.page-title{font-size:1.8rem;font-weight:800;color:var(--text-primary);letter-spacing:-.025em}.page-subtitle{font-size:.9rem;color:var(--text-secondary);margin-top:4px}.nav-item{display:flex;align-items:center;gap:14px;padding:14px 20px;color:#b8bccf;text-decoration:none;font-size:15px;font-weight:500;transition:all .2s ease;cursor:pointer;position:relative;border-radius:12px 0 0 12px}.nav-item:hover:not(.active){color:#fff;background:#ffffff0d}.nav-item.active{background:var(--bg-main);color:var(--text-primary)}.nav-item:before,.nav-item:after{content:"";position:absolute;right:0;width:24px;height:24px;opacity:0;transition:opacity .2s ease;pointer-events:none}.nav-item:before{top:-24px;background:radial-gradient(circle at 0 0,transparent 23px,var(--bg-main) 24px)}.nav-item:after{bottom:-24px;background:radial-gradient(circle at 0 100%,transparent 23px,var(--bg-main) 24px)}.nav-item.active:before,.nav-item.active:after{opacity:1}.btn{display:flex!important;align-items:center;justify-content:center;font-weight:600!important;transition:all .2s ease!important;border-radius:12px!important;cursor:pointer!important;white-space:nowrap!important;border:1px solid transparent!important;box-sizing:border-box!important}.btn-primary{background:var(--accent)!important;color:#fff!important;box-shadow:0 4px 12px #2563eb33!important}.btn-primary:hover{background:#1d4ed8!important;transform:translateY(-1px)!important}.btn-outline{background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;color:var(--text-primary)!important;box-shadow:0 1px 2px #0000000a!important}.btn-outline:hover{border-color:var(--accent)!important;color:var(--accent)!important;background:#f8fafc!important;box-shadow:0 4px 12px #0000000d!important}.btn-ghost{background:transparent!important;color:var(--text-secondary)!important}.btn-ghost:hover{background:#0000000d!important;color:var(--text-primary)!important}.btn-sm{height:32px!important;padding:0 12px!important;font-size:.75rem!important}.btn-md{height:44px!important;padding:0 20px!important;font-size:.875rem!important}.btn-lg{height:52px!important;padding:0 24px!important;font-size:1rem!important}.watermark{opacity:.03;pointer-events:none;position:absolute}.rotate-12{transform:rotate(12deg)}.btn-ghost{background:transparent;border:none;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:#0000000a;color:var(--text-primary)}.btn-danger{background:#fff5f5;border:1px solid #fed7d7;color:var(--error)}.btn-danger:hover:not(:disabled){background:#fee2e2;border-color:#feb2b2}.form-input{width:100%;background:#fff;border:1px solid var(--border-color);border-radius:10px;padding:12px 16px;color:var(--text-primary);font-size:.95rem;transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:var(--border-hover)}.glass-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px}.data-table-wrapper{border:1px solid var(--border-color);border-radius:14px;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:15px 20px;background:#00000005;color:var(--text-secondary);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid var(--border-color)}.data-table td{padding:15px 20px;border-bottom:1px solid var(--border-color);font-size:.9rem;color:var(--text-primary)}.data-table tr:last-child td{border-bottom:none}.badge{padding:4px 12px;border-radius:9999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid transparent}.badge-success{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.badge-danger{background:#fef2f2;color:#dc2626;border-color:#fecaca}.badge-warning{background:#fffbeb;color:#d97706;border-color:#fde68a}.badge-info{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.badge-default{background:#f9fafb;color:#6b7280;border-color:#e5e7eb}.badge-accent{background:#f5f3ff;color:#7c3aed;border-color:#ddd6fe}.bg-gray-100{background-color:#f3f4f6}.bg-green-100{background-color:#dcfce7}.bg-red-100{background-color:#fee2e2}.bg-yellow-100{background-color:#fef9c3}.bg-blue-100{background-color:#dbeafe}.bg-sky-100{background-color:#e0f2fe}.border-gray-200{border:1px solid #e5e7eb}.border-green-200{border:1px solid #bbf7d0}.border-red-200{border:1px solid #fecaca}.border-yellow-200{border:1px solid #fef08a}.border-blue-200{border:1px solid #bfdbfe}.border-sky-200{border:1px solid #bae6fd}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.text-\[12px\]{font-size:12px}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-dim)}.text-accent{color:var(--accent)}.flex{display:flex!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.justify-start{justify-content:flex-start!important}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.shrink-0{flex-shrink:0}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:items-center{align-items:center}.md\:flex-row{flex-direction:row}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2 / span 2}}.gap-1{gap:.25rem}.gap-1.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-10{padding-left:2.5rem}.pl-12{padding-left:3rem}.m-0{margin:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-1{margin-top:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.w-full{width:100%!important}.h-full{height:100%!important}.h-screen{height:100vh!important}.w-1\.5{width:.375rem!important}.h-1\.5{height:.375rem!important}.w-2{width:.5rem!important}.h-2{height:.5rem!important}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-8{width:2rem}.h-8{height:2rem}.w-9{width:2.75rem}.h-9{height:2.25rem}.w-11{width:2.75rem}.h-11{height:2.75rem}.w-16{width:4rem}.h-16{height:4rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-md{max-width:28rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-semibold{font-weight:600}.italic{font-style:italic}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leading-none{line-height:1}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-50\/30{background-color:#f9fafb4d}.bg-gray-50\/50{background-color:#f9fafb80}.bg-blue-50{background-color:#eff6ff}.bg-blue-50\/30{background-color:#eff6ff4d}.bg-red-50{background-color:#fef2f2}.bg-emerald-500{background-color:#10b981}.bg-amber-500{background-color:#f59e0b}.bg-blue-500{background-color:#3b82f6}.bg-indigo-500{background-color:#6366f1}.bg-purple-500{background-color:#a855f7}.bg-\[\#2563eb\]{background-color:#2563eb}.bg-\[\#e8ecf1\]{background-color:#e8ecf1}.border-gray-100{border:1px solid #f1f5f9}.border-gray-200{border:1px solid #e2e8f0}.border-blue-100{border:1px solid #dbeafe}.border-red-100{border:1px solid #fee2e2}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.whitespace-nowrap{white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.cursor-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.switch-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.switch-slider{width:2.75rem;height:1.5rem;background-color:#e5e7eb;border-radius:9999px;transition:all .2s;position:relative}.switch-slider:after{content:"";position:absolute;top:2px;left:2px;background-color:#fff;border-radius:9999px;height:1.25rem;width:1.25rem;transition:all .2s}.switch-input:checked+.switch-slider{background-color:var(--accent)}.switch-input:checked+.switch-slider:after{transform:translate(1.25rem)}.switch-sm .switch-slider{width:2.25rem;height:1.25rem}.switch-sm .switch-slider:after{height:1rem;width:1rem}.switch-sm .switch-input:checked+.switch-slider:after{transform:translate(1rem)}.group:hover .group-hover\:opacity-20{opacity:.2}.group:hover .group-hover\:translate-x-1{transform:translate(4px)}.bg-emerald-400{background-color:#34d399}.text-emerald-600{color:#059669}.text-amber-600{color:#d97706}.text-indigo-600{color:#4f46e5}.bg-purple-50{background-color:#faf5ff}.bg-purple-100{background-color:#f3e8ff}.text-purple-600{color:#9333ea}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .5s ease-out forwards}