@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);:root{--spacing:0.25rem;--spacing-xs:calc(var(--spacing)*1);--spacing-sm:calc(var(--spacing)*2);--spacing-md:calc(var(--spacing)*4);--spacing-lg:calc(var(--spacing)*6);--spacing-xl:calc(var(--spacing)*8);--spacing-2xl:calc(var(--spacing)*12);--spacing-3xl:calc(var(--spacing)*16);--color-primary-50:#fff4d6;--color-primary-100:#ffecb3;--color-primary-200:#ffe082;--color-primary-300:#ffd54f;--color-primary-400:#ffc107;--color-primary-500:#ffbf00;--color-primary-600:#e6ac00;--color-primary-700:#c90;--color-primary-800:#b38600;--color-primary-900:#997300;--color-this:#89cff0;--color-this-darker:#6bb8e0;--color-this-light:#a8d8f0;--color-this-lighter:#c7e8f8;--color-secondary:#cd5c5c;--color-secondary-light:#d77a7a;--color-secondary-lighter:#e19898;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-150:#eef2f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-gray-950:#030712;--color-success:#10b981;--color-success-light:#34d399;--color-success-lighter:#6ee7b7;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-lighter:#fcd34d;--color-error:#ef4444;--color-error-light:#f87171;--color-error-lighter:#fca5a5;--color-info:#3b82f6;--color-info-light:#60a5fa;--color-info-lighter:#93c5fd;--color-surface-1:#fff;--color-surface-2:#f9fafb;--color-surface-3:#f3f4f6;--color-dark-50:#f9fafb;--color-dark-100:#f3f4f6;--color-dark-200:#e5e7eb;--color-dark-300:#d1d5db;--color-dark-400:#9ca3af;--color-dark-450:#6b7280;--color-dark-500:#4b5563;--color-dark-600:#374151;--color-dark-700:#1f2937;--color-dark-750:#1a1b1f;--color-dark-800:#111827;--color-dark-900:#0e0f11;--color-white:#fff;--color-black:#000;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-mono:"Courier New",monospace;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-soft:#919eab33 0px 0px 2px 0px,#919eab1f 0px 12px 24px -4px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--z-index-0:0;--z-index-1:1;--z-index-2:2;--z-index-10:10;--z-index-20:20;--z-index-30:30;--z-index-40:40;--z-index-50:50;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070}body{background:#f9fafb;background:var(--color-gray-50);color:#111827;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}.card,.panel{background:#fff;background:var(--color-surface-1);border:1px solid #e5e7eb;border:1px solid var(--color-gray-200);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 0 2px 0 #919eab33,0 12px 24px -4px #919eab1f;box-shadow:var(--shadow-soft);overflow:hidden;padding:2rem;padding:var(--spacing-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.card:before,.panel:before{background:#ffbf00;content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base)}.card:hover:before,.panel:hover:before{transform:scaleX(1)}.card:hover,.panel:hover{border-color:#ffe082;border-color:var(--color-primary-200);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.panel-header{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-gray-200);margin-bottom:1.5rem;padding-bottom:1rem}.panel-title{color:#000;font-size:1.5rem;font-size:var(--text-2xl);font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--leading-tight)}.panel-subtitle{color:#000;font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.025em;letter-spacing:var(--tracking-wide);text-transform:uppercase}.btn{background:#ffbf00;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:#000;font-size:var(--text-base);font-weight:var(--font-weight-semibold);gap:.5rem;line-height:1;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:#fff3}.btn:hover{background:#e6ac00;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.btn-secondary{background:#e5e7eb;background:var(--color-gray-200);color:#1f2937;color:var(--color-gray-800)}.btn-secondary:hover{background:#d1d5db;background:var(--color-gray-300);color:#111827;color:var(--color-gray-900)}.btn-success{background:linear-gradient(135deg,#10b981,#34d399)}.btn-danger{background:linear-gradient(135deg,#ef4444,#f87171)}.btn-outline{border:2px solid #e6ac00;border:2px solid var(--color-primary-600);box-shadow:none;color:#e6ac00}.btn-outline:hover{background:#e6ac00;color:#fff}.form-group{margin-bottom:1.5rem}.form-group label{color:#000;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);letter-spacing:.025em;letter-spacing:var(--tracking-wide);margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #d1d5db;border:2px solid var(--color-gray-300);border-radius:.5rem;color:#111827;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--text-base);padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#ffbf00;border-color:var(--color-primary-500);box-shadow:0 0 0 4px #ffbf001a}.form-group input::placeholder{color:#9ca3af;font-weight:300;font-weight:var(--font-weight-light);opacity:.7}.table{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm)}.table thead{background:#ffbf00;color:#000}.table th{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);letter-spacing:.025em;letter-spacing:var(--tracking-wide);padding:1rem 1.5rem}.table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-gray-200);color:#000;padding:1rem 1.5rem}.table tbody tr{transition:all .15s cubic-bezier(.4,0,.2,1)}.table tbody tr:hover{background:#f9fafb}.navbar{background:#ffbf00f2;border-bottom:3px solid #f59e0b;border-bottom:3px solid var(--color-warning);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;padding:1rem 0;z-index:1020;z-index:var(--z-index-sticky)}.navbar .container{padding:0 2rem;padding:0 var(--spacing-xl)}.navbar-brand{color:#fff;font-size:var(--text-2xl);font-weight:var(--font-weight-bold);gap:.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.navbar-brand:hover{transform:scale(1.05)}.navbar-nav{gap:1.5rem}.navbar-nav a{border-radius:.375rem;color:#fff;font-weight:var(--font-weight-medium);padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar-nav a:after{background:#f59e0b;transition:width .3s cubic-bezier(.4,0,.2,1);transition:width var(--transition-base)}.badge{border-radius:9999px;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:.025em;letter-spacing:var(--tracking-wide);padding:.25rem .5rem}.badge-primary{background:#ffecb3;color:#c90}.badge-success{background:#34d399;background:var(--color-success-light);color:#10b981;color:var(--color-success)}.badge-warning{background:#fbbf24;background:var(--color-warning-light);color:#f59e0b;color:var(--color-warning)}.badge-danger{background:#f87171;background:var(--color-error-light);color:#ef4444;color:var(--color-error)}.grid{grid-gap:1.5rem;gap:1.5rem}.gradient-text{background:linear-gradient(135deg,#e6ac00,#89cff0,#cd5c5c);background:linear-gradient(135deg,var(--color-primary-600),var(--color-this),var(--color-secondary))}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-fadeIn{animation:fadeIn .6s ease-out}.animate-slideIn{animation:slideIn .4s ease-out}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}.card,.panel{padding:1.5rem;padding:var(--spacing-lg)}.navbar-nav{flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}}.sidebar{background:linear-gradient(180deg,#111827,#0e0f11);background:linear-gradient(180deg,var(--color-dark-800) 0,var(--color-dark-900) 100%);height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;z-index:var(--z-sticky)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#111827;background:var(--color-dark-800)}.sidebar::-webkit-scrollbar-thumb{background:#374151;background:var(--color-dark-600);border-radius:9999px;border-radius:var(--radius-full)}.sidebar::-webkit-scrollbar-thumb:hover{background:#4b5563;background:var(--color-dark-500)}::-webkit-scrollbar-track{background:#f3f4f6;border-radius:9999px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ffbf00,#89cff0);background:linear-gradient(135deg,var(--color-primary-500),var(--color-this));border:2px solid #f3f4f6;border:2px solid var(--color-gray-100);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#e6ac00,#6bb8e0);background:linear-gradient(135deg,var(--color-primary-600),var(--color-this-darker))}@media (max-width:1024px){.sidebar{width:280px!important}.sidebar.collapsed{width:80px!important}main{margin-left:0!important}.mobile-menu-toggle{background:#e6ac00;background:var(--color-primary-600);border:none;border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;color:var(--color-white);cursor:pointer;display:block;left:1rem;left:var(--spacing-md);padding:1rem;padding:var(--spacing-md);position:fixed;top:1rem;top:var(--spacing-md);z-index:calc(var(--z-sticky) + 1)}}@media (min-width:1025px){.mobile-menu-toggle{display:none}}.dark .form-group label{color:#000}.dark .form-group input,.dark .form-group select,.dark .form-group textarea{background:#1e293b;border-color:#334155;color:#f1f5f9}.dark .form-group input::placeholder{color:#94a3b8}.dark .table td{border-bottom-color:#334155;color:#000}.dark .table tbody tr:hover{background:#334155}.dark .panel-subtitle,.dark .panel-title{color:#000}:root{--primary-50:var(--color-primary-50);--primary-100:var(--color-primary-100);--primary-200:var(--color-primary-200);--primary-300:var(--color-primary-300);--primary-400:var(--color-primary-400);--primary-500:var(--color-primary-500);--primary-600:var(--color-primary-600);--primary-700:var(--color-primary-700);--primary-800:var(--color-primary-800);--primary-900:var(--color-primary-900);--accent-500:var(--color-warning);--accent-600:var(--color-warning-light);--secondary-500:var(--color-secondary);--secondary-600:var(--color-secondary-light);--success-500:var(--color-success);--success-600:var(--color-success-light);--warning-500:var(--color-warning);--warning-600:var(--color-warning-light);--error-500:var(--color-error);--error-600:var(--color-error-light);--gray-50:var(--color-gray-50);--gray-100:var(--color-gray-100);--gray-200:var(--color-gray-200);--gray-300:var(--color-gray-300);--gray-400:var(--color-gray-400);--gray-500:var(--color-gray-500);--gray-600:var(--color-gray-600);--gray-700:var(--color-gray-700);--gray-800:var(--color-gray-800);--gray-900:var(--color-gray-900);--bg-primary:var(--color-surface-1);--bg-secondary:var(--color-surface-2);--bg-tertiary:var(--color-surface-3);--bg-gradient-primary:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-this) 50%,var(--color-warning) 100%);--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-600);--text-tertiary:var(--color-gray-500);--text-inverse:var(--color-white);--text-muted:var(--color-gray-400)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-this) 50%,var(--color-warning) 100%);background-attachment:fixed;color:var(--color-gray-900);font-family:var(--font-sans);font-weight:var(--font-weight-normal);line-height:var(--leading-normal);margin:0;min-height:100vh;overflow-x:hidden}code{font-family:var(--font-mono)}.container{animation:fadeIn .6s ease-out;margin:0 auto;max-width:1400px;padding:var(--spacing-xl) var(--spacing-lg)}h1,h2,h3,h4,h5,h6{color:var(--color-gray-900);color:var(--text-primary);font-weight:700;letter-spacing:-.025em;line-height:1.2;margin-bottom:var(--spacing-md)}h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary-600),var(--color-warning),var(--color-secondary));background:linear-gradient(135deg,var(--primary-600),var(--accent-500),var(--secondary-500));-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;line-height:1.1}h2{color:var(--color-primary-800);color:var(--primary-800);font-size:2.25rem;font-weight:700}h3{color:var(--color-gray-700);color:var(--gray-700);font-size:1.875rem}h3,h4{font-weight:600}h4{font-size:1.5rem}h5{font-size:1.25rem}h5,h6{font-weight:600}h6{font-size:1rem}p{color:var(--color-gray-600);color:var(--text-secondary);margin-bottom:var(--spacing-md)}.btn{align-items:center;background:linear-gradient(135deg,var(--color-primary-600),var(--color-secondary));background:linear-gradient(135deg,var(--primary-600),var(--secondary-500));border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-white);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:var(--spacing-sm);justify-content:center;overflow:hidden;padding:var(--spacing-md) var(--spacing-xl);position:relative;text-align:center;text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover:before{height:300px;width:300px}.btn:hover{background:linear-gradient(135deg,var(--color-primary-700),var(--color-secondary-light));background:linear-gradient(135deg,var(--primary-700),var(--secondary-600));box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn:active{box-shadow:var(--shadow-md);transform:translateY(0)}.btn-secondary{background:linear-gradient(135deg,var(--color-gray-500),var(--color-gray-600));background:linear-gradient(135deg,var(--gray-500),var(--gray-600))}.btn-secondary:hover{background:linear-gradient(135deg,var(--color-gray-600),var(--color-gray-700));background:linear-gradient(135deg,var(--gray-600),var(--gray-700))}.btn-success{background:linear-gradient(135deg,var(--color-success),var(--color-success-light));background:linear-gradient(135deg,var(--success-500),var(--success-600))}.btn-success:hover{background:linear-gradient(135deg,var(--color-success-light),var(--success-700));background:linear-gradient(135deg,var(--success-600),var(--success-700))}.btn-danger{background:linear-gradient(135deg,var(--color-error),var(--color-error-light));background:linear-gradient(135deg,var(--error-500),var(--error-600))}.btn-danger:hover{background:linear-gradient(135deg,var(--color-error-light),var(--error-700));background:linear-gradient(135deg,var(--error-600),var(--error-700))}.btn-outline{background:#0000;border:2px solid var(--primary-600);color:var(--color-primary-600);color:var(--primary-600)}.btn-outline:hover{background:var(--color-primary-600);background:var(--primary-600);color:var(--color-white);color:var(--text-inverse)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{color:var(--color-gray-900);color:var(--text-primary);display:block;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:var(--spacing-sm);text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:var(--color-surface-1);background:var(--bg-primary);border:2px solid var(--gray-300);border-radius:var(--radius-lg);color:var(--color-gray-900);color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;padding:var(--spacing-md);transition:all var(--transition-base);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 4px #3b82f61a;outline:none;transform:translateY(-1px)}.form-group input::placeholder{color:var(--color-gray-400);color:var(--gray-400)}.card{background:var(--color-surface-1);background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all var(--transition-base)}.card:before{background:linear-gradient(90deg,var(--color-primary-500),var(--color-warning),var(--color-secondary));background:linear-gradient(90deg,var(--primary-500),var(--accent-500),var(--secondary-500));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform var(--transition-base)}.card:hover:before{transform:scaleX(1)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-header{border-bottom:2px solid var(--gray-200);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.card-title{color:var(--color-primary-800);color:var(--primary-800);font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-xs)}.card-subtitle{color:var(--color-gray-500);color:var(--text-tertiary);font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.panel-header{align-items:center;border-bottom:2px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.panel-title{color:var(--color-primary-800);color:var(--primary-800);font-size:1.75rem;font-weight:700}.panel-content{padding:var(--spacing-md) 0}.table{animation:slideInLeft .4s ease-out;background:var(--color-surface-1);background:var(--bg-primary);border-collapse:collapse;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;width:100%}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.table thead{background:linear-gradient(135deg,var(--color-primary-600),var(--color-secondary));background:linear-gradient(135deg,var(--primary-600),var(--secondary-500));color:var(--color-white);color:var(--text-inverse)}.table th{font-size:.875rem;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.table td,.table th{padding:var(--spacing-md) var(--spacing-lg)}.table td{border-bottom:1px solid var(--gray-200)}.table tbody tr{transition:all var(--transition-fast)}.table tbody tr:hover{background:var(--color-gray-50);background:var(--gray-50);transform:scale(1.01)}.table tbody tr:last-child td{border-bottom:none}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e40aff2;border-bottom:3px solid var(--accent-500);box-shadow:var(--shadow-lg);padding:var(--spacing-md) 0;position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.navbar .container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 var(--spacing-lg)}.navbar-brand{align-items:center;color:var(--color-white);color:var(--text-inverse);display:flex;font-size:1.5rem;font-weight:700;gap:var(--spacing-sm);text-decoration:none;transition:transform var(--transition-base)}.navbar-brand:hover{transform:scale(1.05) rotate(2deg)}.navbar-nav{align-items:center;display:flex;gap:var(--spacing-lg);list-style:none;margin:0;padding:0}.navbar-nav li{margin:0}.navbar-nav a{border-radius:var(--radius-md);color:var(--color-white);color:var(--text-inverse);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none}.navbar-nav a,.navbar-nav a:after{transition:all var(--transition-base)}.navbar-nav a:after{background:var(--color-warning);background:var(--accent-500);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:0}.navbar-nav a:hover:after{width:80%}.navbar-nav a:hover{background:#ffffff1a;transform:translateY(-2px)}.loading{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top:3px solid var(--text-inverse);display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.badge-primary{background:var(--color-primary-100);background:var(--primary-100);color:var(--color-primary-700);color:var(--primary-700)}.badge-success{background:var(--success-100);color:var(--success-700)}.badge-warning{background:var(--warning-100);color:var(--warning-700)}.badge-danger{background:var(--error-100);color:var(--error-700)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-fadeIn{animation:fadeIn .6s ease-in}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.p-4{padding:var(--spacing-xl)}.grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg)}.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 (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.container{padding:var(--spacing-md)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.navbar-nav{flex-direction:column;gap:var(--spacing-sm)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}.table{font-size:.875rem}.table td,.table th{padding:var(--spacing-sm)}}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:var(--color-gray-100);background:var(--gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--color-primary-500),var(--color-warning),var(--color-secondary));background:linear-gradient(135deg,var(--primary-500),var(--accent-500),var(--secondary-500));border:2px solid var(--gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--color-primary-600),var(--color-warning-light),var(--color-secondary-light));background:linear-gradient(135deg,var(--primary-600),var(--accent-600),var(--secondary-600))}[class*=close-overlay],[class*=dismiss-overlay],button[aria-label*=close i],button[aria-label*=dismiss i],div[style*="position: absolute"]:has(span:contains("X")),div[style*="position: absolute"]:has(span:contains("×")),div[style*="position: absolute"]:has(span:contains("✕")){display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary-600),var(--color-warning),var(--color-secondary));background:linear-gradient(135deg,var(--primary-600),var(--accent-500),var(--secondary-500));-webkit-background-clip:text;background-clip:text}.App{min-height:100vh;position:relative}.App:before{background:radial-gradient(circle at 20% 50%,#2563eb1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#f59e0b1a 0,#0000 50%),radial-gradient(circle at 40% 20%,#f973161a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.App>*{position:relative;z-index:1}.App main{background:var(--color-gray-50);min-height:100vh}
/*# sourceMappingURL=main.a4df99f5.css.map*/