:root{--sidebar-width: 14rem;--primary: #234C6A;--primary-light: #E8F4F8;--primary-dark: #1A3A52;--text-dark: #1E293B;--text-gray: #64748B;--text-light: #94A3B8;--border: #E2E8F0;--border-light: #F1F5F9;--bg-body: #F8FAFC;--danger: #EF4444;--success: #10B981;--warning: #F59E0B;--info: #3B82F6;--bg-card: #ffffff;--bg-sidebar: #ffffff;--bg-header: #ffffff;--bg-input: #ffffff;--bg-hover: #F8FAFC;--bg-active: #F1F5F9;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-colored: 0 10px 30px -5px rgba(35, 76, 106, .15);--glass-bg: #ffffff;--glass-border: rgba(255, 255, 255, .3);--glass-blur: 0px;--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .07);--grad-primary: linear-gradient(135deg, #234C6A 0%, #3B82F6 100%);--grad-surface: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100%);--grad-dark: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-slower: .6s cubic-bezier(.4, 0, .2, 1)}.dark{--primary: #38bdf8;--primary-light: #0f172a;--primary-dark: #0c4a6e;--text-dark: #f1f5f9;--text-gray: #94a3b8;--text-light: #64748b;--border: #1e293b;--border-light: #334155;--bg-body: #020617;--bg-card: #0f172a;--bg-sidebar: #0f172a;--bg-header: rgba(15, 23, 42, .85);--bg-input: #1e293b;--bg-hover: #1e293b;--bg-active: #1e293b;--secondary: #f1f5f9;--secondary-light: #1e293b;--glass-bg: rgba(15, 23, 42, .7);--glass-border: rgba(255, 255, 255, .05);--glass-blur: 16px;--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .3);--shadow-colored: 0 10px 30px -5px rgba(56, 189, 248, .2)}.app-container{display:flex;min-height:100vh;background:var(--bg-body);color:var(--text-dark)}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column}.page-content{flex:1;padding:var(--spacing-xl);overflow-y:auto;background:var(--bg-body);position:relative}.page-content{scroll-behavior:smooth}.page-content::-webkit-scrollbar{width:8px}.page-content::-webkit-scrollbar-track{background:transparent}.page-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.page-content::-webkit-scrollbar-thumb:hover{background:var(--text-light)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-50%) translate(-5px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.animate-spin{animation:spin 1s linear infinite}.h-5{height:1.25rem}.w-5{width:1.25rem}.w-full{width:100%}.table-container{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--border);transition:box-shadow var(--transition-base)}.table-container:hover{box-shadow:var(--shadow-lg)}.table{width:100%;border-collapse:collapse}.table th{background:#fff;color:var(--text-gray);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;text-align:left;padding:1.25rem 1rem;border-bottom:2px solid var(--border);position:sticky;top:0;z-index:10}.table td{padding:1.25rem 1rem;color:var(--text-dark);border-top:1px solid var(--border-light);transition:all var(--transition-fast)}.table tr{background:var(--bg-card);transition:all var(--transition-base);position:relative}.table tr:hover{background:linear-gradient(to right,var(--bg-hover),var(--bg-card))!important;transform:translate(2px);box-shadow:inset 4px 0 0 var(--primary)}.table tr:active{transform:translate(1px)}html.dark:root{--primary: #38BDF8;--primary-light: #0F172A;--text-dark: #F1F5F9;--text-gray: #94A3B8;--border: #1E293B;--bg-body: #020617;--bg-card: #1E293B;--bg-sidebar: #0F172A;--bg-header: rgba(15, 23, 42, .8);--bg-input: #0F172A;--bg-hover: #1E293B}html.dark body{background-color:var(--bg-body);color:var(--text-dark)}html.dark .bg-white{background-color:#1e293b!important;color:#f1f5f9!important}html.dark .text-slate-800,html.dark .text-stone-800,html.dark .text-gray-900{color:#f8fafc!important}html.dark .text-slate-500,html.dark .text-stone-500,html.dark .text-gray-500{color:#94a3b8!important}html.dark .bg-slate-50,html.dark .bg-stone-50,html.dark .bg-gray-50{background-color:#0f172a!important}html.dark .border-slate-100,html.dark .border-stone-100,html.dark .border-gray-200{border-color:#334155!important}@media(max-width:768px){.main-content{margin-left:0!important}.block-md{display:none!important}}@media(min-width:769px){.mobile-only{display:none!important}}@media(max-width:768px){.sidebar{transform:translate(-100%)!important;transition:transform .3s ease-in-out!important;width:80%!important;max-width:300px}.sidebar-open{transform:translate(0)!important}}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.dashboard-grid-2,.dashboard-grid-3{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:769px){.dashboard-grid-2{grid-template-columns:1fr 1fr}.dashboard-grid-3{grid-template-columns:1fr 1fr 1fr}}.grid{display:grid}@media(min-width:768px){.md-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@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-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;white-space:nowrap;letter-spacing:.01em}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-lg),var(--shadow-colored);transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-dark);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-hover);box-shadow:var(--shadow-md);border-color:var(--primary)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.btn-danger{background:#dc2626;color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-gray)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-dark)}.form-control{width:100%;padding:.75rem 1rem;font-size:.875rem;border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-input);color:var(--text-dark);transition:all var(--transition-base);outline:none}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #234c6a1a;background:var(--bg-card)}.form-control::placeholder{color:var(--text-light)}.input-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-dark);margin-bottom:.5rem;letter-spacing:.01em}.input-group{margin-bottom:1.25rem}.card{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-light);transition:all var(--transition-base);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),transparent);opacity:0;transition:opacity var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card:hover:before{opacity:1}.card-header{border-bottom:1px solid var(--border-light);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md)}.card-title{font-size:1.25rem;font-weight:700;color:var(--text-dark);letter-spacing:-.025em;margin:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{background:var(--bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:90vw;max-height:90vh;width:100%;max-width:32rem;overflow:hidden;border:1px solid var(--border)}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.glass-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px);border-color:#ffffff80}.text-gradient{background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.markdown-container .ai-ul{list-style:none;padding:0;margin:1rem 0}.markdown-container .ai-li{position:relative;padding:.25rem 0 .25rem 1.5rem}.markdown-container .ai-li:before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:700}.markdown-container .ai-h3{font-size:1.1rem;font-weight:700;margin:1.5rem 0 .75rem;color:var(--primary);letter-spacing:-.01em}.markdown-container .ai-table-wrapper{overflow-x:auto;margin:1rem 0;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card)}.markdown-container table{width:100%;border-collapse:collapse;font-size:.875rem}.markdown-container th{background:var(--bg-hover);padding:.75rem;text-align:left;font-weight:600;color:var(--text-gray);border-bottom:2px solid var(--border);text-transform:uppercase;font-size:.7rem;letter-spacing:.05em}.markdown-container td{padding:.75rem;border-bottom:1px solid var(--border-light);color:var(--text-dark)}.markdown-container tr:last-child td{border-bottom:none}.markdown-container tr:hover td{background:var(--bg-hover)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--bg-hover);border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--primary)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--text-light) var(--bg-hover)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}