@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&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:#f0f4e8;--color-primary-100:#d9e3c8;--color-primary-200:#c2d2a8;--color-primary-300:#abc188;--color-primary-400:#94b068;--color-primary-500:#7d9f48;--color-primary-600:#6b8a3d;--color-primary-700:#5a7532;--color-primary-800:#486027;--color-primary-900:#364b1c;--color-this:#c4a572;--color-this-darker:#a8905f;--color-this-light:#d4b582;--color-this-lighter:#e4c592;--color-secondary:#8b7355;--color-secondary-light:#9d8567;--color-secondary-lighter:#af9779;--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:#4a7c3a;--color-success-light:#5a8c4a;--color-success-lighter:#6a9c5a;--color-warning:#d4a574;--color-warning-light:#e4b584;--color-warning-lighter:#f4c594;--color-error:#8b4a3a;--color-error-light:#9b5a4a;--color-error-lighter:#ab6a5a;--color-info:#5a7c8a;--color-info-light:#6a8c9a;--color-info-lighter:#7a9caa;--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:"Rajdhani","Orbitron",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-military:"Orbitron","Rajdhani",monospace;--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;color:var(--color-gray-900);font-family:Rajdhani,Orbitron,-apple-system,BlinkMacSystemFont,Segoe UI,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:#c2d2a8;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:none;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#000;font-size:var(--text-base);font-weight:var(--font-weight-semibold);gap:.5rem;line-height:1;padding:1rem 2rem;transition:all var(--transition-base)}.btn:before{background:#fff3}.btn:hover{background:#e6ac00;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.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,#4a7c3a,#5a8c4a)}.btn-danger{background:linear-gradient(135deg,#8b4a3a,#9b5a4a)}.btn-outline{border:2px solid #6b8a3d;border:2px solid var(--color-primary-600);box-shadow:none;color:#6b8a3d}.btn-outline:hover{background:#6b8a3d;color:#fff}.form-group{margin-bottom:1.5rem}.form-group label,.form-group>label,div.form-group label,label.form-group{color:#fff!important;display:block;font-size:.875rem;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:.025em;letter-spacing:var(--tracking-wide);margin-bottom:.5rem;margin-bottom:var(--spacing-sm);text-transform:uppercase}.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:Rajdhani,Orbitron,-apple-system,BlinkMacSystemFont,Segoe UI,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:#7d9f48;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 #d4a574;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:#d4a574;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:#d9e3c8;color:#5a7532}.badge-success{background:#5a8c4a;background:var(--color-success-light);color:#4a7c3a;color:var(--color-success)}.badge-warning{background:#e4b584;background:var(--color-warning-light);color:#d4a574;color:var(--color-warning)}.badge-danger{background:#9b5a4a;background:var(--color-error-light);color:#8b4a3a;color:var(--color-error)}.grid{grid-gap:1.5rem;gap:1.5rem}.gradient-text{background:linear-gradient(135deg,#6b8a3d,#c4a572,#8b7355);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,#7d9f48,#c4a572);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,#6b8a3d,#a8905f);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:#6b8a3d;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,html body div.card,html body div.card .form-group label,html body div.card .form-group label span,html body div.card form label,html body div.card h3,html body div.card h4,html body div.card h5,html body div.card label,html body div.card label span,html body div.card small,html body form,html body form .form-group label,html body form .form-group label span,html body form h3,html body form h4,html body form h5,html body form label,html body form label span,html body form small,html body h3,html body h4,html body h5,html body label,html body label span,html body small{color:#fff!important}.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;animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#1a1f0f,#2d3520 25%,#364b1c 50%,#2d3520 75%,#1a1f0f);background-attachment:fixed;background-size:200% 200%;color:#e8e4d8;font-family:var(--font-sans);font-weight:var(--font-weight-normal);line-height:var(--leading-normal);margin:0;min-height:100vh;overflow-x:hidden}body:before{background:radial-gradient(circle at 20% 50%,#7d9f4826 0,#0000 50%),radial-gradient(circle at 80% 80%,#c4a5721f 0,#0000 50%),repeating-linear-gradient(0deg,#0000,#0000 2px,#7d9f4808 0,#7d9f4808 4px);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}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:#fff;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin-bottom:var(--spacing-md);text-shadow:0 2px 8px #0000004d}h1{background:linear-gradient(135deg,#e8e4d8,#c4a572 50%,#7d9f48);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 4px rgba(125,159,72,.4));font-size:3rem;font-weight:800;letter-spacing:.05em;line-height:1.1}h1,h2{-webkit-text-fill-color:#0000;font-family:var(--font-military);text-transform:uppercase}h2{background:linear-gradient(135deg,#e8e4d8,#c4a572);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:700;letter-spacing:.03em}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,#7d9f48,#6b8a3d 50%,#7d9f48);background-size:200% 200%;border:2px solid #7d9f4899;border-radius:var(--radius-lg);box-shadow:0 4px 16px #7d9f4866,0 0 0 1px #7d9f484d,inset 0 1px 0 #c4a57233;color:#e8e4d8;cursor:pointer;display:inline-flex;font-family:var(--font-military);font-size:1rem;font-weight:600;gap:var(--spacing-sm);justify-content:center;letter-spacing:.05em;overflow:hidden;padding:var(--spacing-md) var(--spacing-xl);position:relative;text-align:center;text-decoration:none;text-shadow:0 1px 3px #00000080;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);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{animation:shimmer 2s infinite;background-position:100% 0;border-color:#c4a572cc;box-shadow:0 8px 24px #7d9f4880,0 0 0 2px #7d9f4866,inset 0 1px 0 #c4a5724d;transform:translateY(-2px)}@keyframes shimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.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{display:block;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:var(--spacing-sm);text-transform:uppercase}.form-group label,div.card,div.card .form-group label,div.card .form-group label *,div.card .form-group label span,div.card .form-group small,div.card .form-group span,div.card h3,div.card h3 *,div.card h4,div.card h4 *,div.card label,div.card label *,div.card label span,div.card small,div.card small *,div.card small span,div.card span:not(input):not(select):not(textarea):not(button),div.card[style*=padding] .form-group label,div.card[style*=padding] h3,div.card[style*=padding] h4,div.card[style*=padding] label,div.card[style*=padding] small{color:#fff!important}.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{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#1a1f0fe6;border:2px solid #7d9f4866;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0009,0 0 0 1px #7d9f484d,inset 0 1px 0 #c4a5721a;overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:before{background:linear-gradient(90deg,#0000,#7d9f48cc,#c4a572cc,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}.card:hover:before{transform:scaleX(1)}.card:hover{border-color:#7d9f4899;box-shadow:0 16px 48px #000000b3,0 0 0 2px #7d9f4880,inset 0 1px 0 #c4a57233;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(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#1a1f0fe6;border:2px solid #7d9f4866;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0009,0 0 0 1px #7d9f484d,inset 0 1px 0 #c4a5721a;margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.panel:before{background:linear-gradient(90deg,#0000,#7d9f48cc,#c4a572cc,#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.panel:hover:before{opacity:1}.panel:hover{border-color:#7d9f4899;box-shadow:0 12px 40px #000000b3,0 0 0 2px #7d9f4880,inset 0 1px 0 #c4a57233;transform:translateY(-2px)}.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)}.battle-record-table,.battle-record-table tbody td,.battle-record-table tbody tr td,.battle-record-table td,.battle-record-table th,.battle-record-table thead th,.battle-record-table thead tr th,table.battle-record-table,table.battle-record-table tbody td,table.battle-record-table tbody tr td,table.battle-record-table td,table.battle-record-table th,table.battle-record-table thead th,table.battle-record-table thead tr th{color:#1f2937!important}.battle-record-table thead,.battle-record-table thead th,table.battle-record-table thead,table.battle-record-table thead th{background:#fff!important;color:#1f2937!important}.card .battle-record-table,.card .battle-record-table tbody td,.card .battle-record-table tbody tr td,.card .battle-record-table td,.card .battle-record-table th,.card .battle-record-table thead th,.card .battle-record-table thead tr th,.card table.battle-record-table{color:#1f2937!important}.card .battle-record-table thead,.card table.battle-record-table thead{background:#fff!important;color:#1f2937!important}.remember-me-label,.remember-me-label *{color:#1f2937!important}.tournaments-table,.tournaments-table tbody td,.tournaments-table tbody tr td,.tournaments-table td,.tournaments-table th,.tournaments-table thead th,.tournaments-table thead tr th,table.tournaments-table,table.tournaments-table tbody td,table.tournaments-table tbody tr td,table.tournaments-table td,table.tournaments-table th,table.tournaments-table thead th,table.tournaments-table thead tr th{background-color:#fff!important;color:#1f2937!important}.tournaments-table thead,.tournaments-table thead th,table.tournaments-table thead,table.tournaments-table thead th{background:#fff!important;color:#1f2937!important}.card .tournaments-table,.card .tournaments-table tbody td,.card .tournaments-table td,.card .tournaments-table th,.card .tournaments-table thead th,.card table.tournaments-table{background-color:#fff!important;color:#1f2937!important}.card .tournaments-table thead,.card table.tournaments-table thead{background:#fff!important;color:#1f2937!important}.admin-blader-table,.admin-blader-table tbody td,.admin-blader-table tbody tr td,.admin-blader-table td,.admin-blader-table th,.admin-blader-table thead th,.admin-blader-table thead tr th,table.admin-blader-table,table.admin-blader-table tbody td,table.admin-blader-table tbody tr td,table.admin-blader-table td,table.admin-blader-table th,table.admin-blader-table thead th,table.admin-blader-table thead tr th{background-color:#fff!important;color:#1f2937!important}.admin-blader-table thead,.admin-blader-table thead th,table.admin-blader-table thead,table.admin-blader-table thead th{background:#fff!important;color:#1f2937!important}.card .admin-blader-table,.card .admin-blader-table tbody td,.card .admin-blader-table td,.card .admin-blader-table th,.card .admin-blader-table thead th,.card table.admin-blader-table{background-color:#fff!important;color:#1f2937!important}.card .admin-blader-table thead,.card table.admin-blader-table thead{background:#fff!important;color:#1f2937!important}html body div.container div.card[style*="rgba(255,255,255"] .form-group label,html body div.container div.card[style*="rgba(255,255,255"] .form-group label span,html body div.container div.card[style*="rgba(255,255,255"] div,html body div.container div.card[style*="rgba(255,255,255"] div .form-group label,html body div.container div.card[style*="rgba(255,255,255"] div div,html body div.container div.card[style*="rgba(255,255,255"] div label,html body div.container div.card[style*="rgba(255,255,255"] div span,html body div.container div.card[style*="rgba(255,255,255"] h2,html body div.container div.card[style*="rgba(255,255,255"] h3,html body div.container div.card[style*="rgba(255,255,255"] h4,html body div.container div.card[style*="rgba(255,255,255"] label,html body div.container div.card[style*="rgba(255,255,255"] label span,html body div.container div.card[style*="rgba(255,255,255"] p,html body div.container div.card[style*="rgba(255,255,255"] small,html body div.container div.card[style*="rgba(255,255,255"] span,html body div.container div.card[style*="rgba(255,255,255"] strong,html body div.container div.card[style*=background] .form-group label,html body div.container div.card[style*=background] .form-group label span,html body div.container div.card[style*=background] div,html body div.container div.card[style*=background] div .form-group label,html body div.container div.card[style*=background] div div,html body div.container div.card[style*=background] div label,html body div.container div.card[style*=background] div span,html body div.container div.card[style*=background] h2,html body div.container div.card[style*=background] h3,html body div.container div.card[style*=background] h4,html body div.container div.card[style*=background] label,html body div.container div.card[style*=background] label span,html body div.container div.card[style*=background] p,html body div.container div.card[style*=background] small,html body div.container div.card[style*=background] span,html body div.container div.card[style*=background] strong{color:#1f2937!important}html body div.container div.card:has(span:contains("⚙️")) .form-group label,html body div.container div.card:has(span:contains("⚙️")) div,html body div.container div.card:has(span:contains("⚙️")) h2,html body div.container div.card:has(span:contains("⚙️")) h3,html body div.container div.card:has(span:contains("⚙️")) h4,html body div.container div.card:has(span:contains("⚙️")) label,html body div.container div.card:has(span:contains("⚙️")) p,html body div.container div.card:has(span:contains("⚙️")) small,html body div.container div.card:has(span:contains("⚙️")) span,html body div.container div.card:has(span:contains("⚙️")) strong{color:#1f2937!important}html body div.container div.card.admin-system-settings-card,html body div.container div.card.admin-system-settings-card *,html body div.container div.card.admin-system-settings-card .form-group label,html body div.container div.card.admin-system-settings-card .form-group label span,html body div.container div.card.admin-system-settings-card div,html body div.container div.card.admin-system-settings-card div .form-group label,html body div.container div.card.admin-system-settings-card div div,html body div.container div.card.admin-system-settings-card div label,html body div.container div.card.admin-system-settings-card div span,html body div.container div.card.admin-system-settings-card h2,html body div.container div.card.admin-system-settings-card h3,html body div.container div.card.admin-system-settings-card h4,html body div.container div.card.admin-system-settings-card label,html body div.container div.card.admin-system-settings-card label span,html body div.container div.card.admin-system-settings-card p,html body div.container div.card.admin-system-settings-card small,html body div.container div.card.admin-system-settings-card span,html body div.container div.card.admin-system-settings-card strong{color:#1f2937!important}.to-battle-records-table,.to-battle-records-table tbody td,.to-battle-records-table tbody tr td,.to-battle-records-table td,.to-battle-records-table th,.to-battle-records-table thead th,.to-battle-records-table thead tr th,table.to-battle-records-table,table.to-battle-records-table tbody td,table.to-battle-records-table tbody tr td,table.to-battle-records-table td,table.to-battle-records-table th,table.to-battle-records-table thead th,table.to-battle-records-table thead tr th{background-color:#fff!important;color:#1f2937!important}.to-battle-records-table thead,.to-battle-records-table thead th,table.to-battle-records-table thead,table.to-battle-records-table thead th{background:#fff!important;color:#1f2937!important}.card .to-battle-records-table,.card .to-battle-records-table tbody td,.card .to-battle-records-table td,.card .to-battle-records-table th,.card .to-battle-records-table thead th,.card table.to-battle-records-table{background-color:#fff!important;color:#1f2937!important}.card .to-battle-records-table thead,.card table.to-battle-records-table thead{background:#fff!important;color:#1f2937!important}.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}.card .form-group label,.card .form-group small,.card .form-group span:not(input):not(select):not(textarea):not(button),.card :not(input):not(select):not(textarea):not(button):not(svg):not(path),.card form label,.card form small,.card h3,.card h4,.card h5,.card label,.card label span,.card small,.card span:not(input):not(select):not(textarea):not(button),.form-group label,[class*=card] .form-group label,[class*=card] label,[class*=card] small,body .card .form-group label,body .card .form-group small,body .card :not(input):not(select):not(textarea):not(button):not(svg):not(path),body .card h3,body .card h4,body .card label,body .card label span,body .card small,body .card span:not(input):not(select):not(textarea):not(button),div.card .form-group label,div.card .form-group small,div.card .form-group span:not(input):not(select):not(textarea):not(button),div.card form label,div.card h3,div.card h4,div.card h5,div.card label,div.card label span,div.card small,div.card span:not(input):not(select):not(textarea):not(button),div.card[style*=padding] .form-group label,div.card[style*=padding] h3,div.card[style*=padding] h4,div.card[style*=padding] label,div.card[style*=padding] small,div[style*=padding][class*=card] .form-group label,div[style*=padding][class*=card] h3,div[style*=padding][class*=card] h4,div[style*=padding][class*=card] label,div[style*=padding][class*=card] small,html body .card .form-group label,html body .card :not(input):not(select):not(textarea):not(button):not(svg):not(path),html body .card label,html body div.card,html body div.card .form-group label,html body div.card .form-group label span,html body div.card div,html body div.card form label,html body div.card h3,html body div.card h4,html body div.card h5,html body div.card label,html body div.card label span,html body div.card small,html body div.card span,html body div.card span:not(input):not(select):not(textarea):not(button):not(svg):not(path),html body div[class*=card],html body div[class*=card] .form-group label,html body div[class*=card] h3,html body div[class*=card] h4,html body div[class*=card] h5,html body div[class*=card] label,html body div[class*=card] small,html body form,html body form .form-group label,html body form .form-group label span,html body form div,html body form h3,html body form h4,html body form h5,html body form label,html body form label span,html body form small,html body form span,html body h3,html body h4,html body h5,html body label,html body label span,html body small,label{color:#fff!important}.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.8bbc996e.css.map*/