:root{--color-teak-dark:#2c1a0e;--color-teak-medium:#4a3319;--color-teak-light:#6f5235;--color-clay:#d7c0ae;--color-parchment:#faf6f0;--color-gold-royal:#d4af37;--color-gold-light:#f3e5ab;--color-terracotta:#ab4a2c;--color-terracotta-light:#cf7154;--color-charcoal:#1f140a;--color-cream:#fbf9f6;--color-success:#526e47;--color-error:#a8332a;--color-card-bg:#f4ece1e6;--color-border:#6f523540;--shadow-royal:0 10px 30px -10px #2c1a0e26;--shadow-golden:0 4px 20px -2px #d4af3740;--border-radius-sm:6px;--border-radius-md:12px;--border-radius-lg:20px;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-parchment);color:var(--color-teak-dark);background-image:radial-gradient(var(--color-gold-light) .5px, transparent .5px), radial-gradient(var(--color-gold-light) .5px, var(--color-parchment) .5px);background-position:0 0,20px 20px;background-size:40px 40px;background-attachment:fixed;min-height:100vh;line-height:1.6}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-parchment);border-left:1px solid var(--color-border)}::-webkit-scrollbar-thumb{background:var(--color-teak-medium);border:2px solid var(--color-parchment);border-radius:var(--border-radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--color-gold-royal)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--color-teak-dark);letter-spacing:-.01em;font-weight:700}button,input,select,textarea{font-family:inherit}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2.5rem 2.5rem 90px;overflow-y:auto}.auth-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.royal-card{background:var(--color-card-bg);border:2px solid var(--color-gold-royal);box-shadow:var(--shadow-royal), var(--shadow-golden);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem;position:relative;overflow:hidden}.royal-card:before{content:"";border-top:4px solid var(--color-teak-medium);border-left:4px solid var(--color-teak-medium);border-top-left-radius:var(--border-radius-sm);width:24px;height:24px;position:absolute;top:0;left:0}.royal-card:after{content:"";border-bottom:4px solid var(--color-teak-medium);border-right:4px solid var(--color-teak-medium);border-bottom-right-radius:var(--border-radius-sm);width:24px;height:24px;position:absolute;bottom:0;right:0}.btn{border-radius:var(--border-radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-gold{background:linear-gradient(135deg, var(--color-gold-royal), #c5a059);color:var(--color-charcoal);box-shadow:0 4px 10px #d4af374d}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 15px #d4af3773}.btn-wood{background:var(--color-teak-dark);color:var(--color-parchment)}.btn-wood:hover{background:var(--color-teak-medium);transform:translateY(-2px)}.btn-outline{border:2px solid var(--color-teak-medium);color:var(--color-teak-dark);background:0 0}.btn-outline:hover{background:#6f523514}.btn-danger{background:var(--color-error);color:var(--color-cream)}.btn-danger:hover{opacity:.9;transform:translateY(-1px)}.form-group{margin-bottom:1.5rem}.form-label{color:var(--color-teak-medium);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-control{background-color:var(--color-cream);border:1px solid var(--color-border);border-radius:var(--border-radius-md);width:100%;color:var(--color-teak-dark);padding:.75rem 1rem;font-size:1rem;transition:all .2s}.form-control:focus{border-color:var(--color-gold-royal);background-color:#fff;outline:none;box-shadow:0 0 0 3px #d4af3733}.error-text{color:var(--color-error);margin-top:.35rem;font-size:.8rem;display:block}.alert{border-radius:var(--border-radius-md);border:1px solid #0000;margin-bottom:1.5rem;padding:1rem;font-size:.9rem}.alert-error{color:var(--color-error);background-color:#a8332a1a;border-color:#a8332a33}.alert-success{color:var(--color-success);background-color:#526e471a;border-color:#526e4733}.royal-title{font-family:var(--font-serif);color:var(--color-charcoal);text-align:center;margin-bottom:1.5rem;font-size:2.25rem;position:relative}.royal-divider{justify-content:center;align-items:center;gap:1rem;margin:1rem 0 2rem;display:flex}.royal-divider:before,.royal-divider:after{content:"";background:linear-gradient(to right, transparent, var(--color-gold-royal), transparent);flex:1;height:2px}.royal-divider-symbol{color:var(--color-gold-royal);font-size:1.5rem;font-family:var(--font-serif)}.table-container{border-radius:var(--border-radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-royal);overflow-x:auto}.royal-table{border-collapse:collapse;text-align:left;background-color:var(--color-cream);width:100%}.royal-table th{background-color:var(--color-teak-medium);color:var(--color-gold-light);font-family:var(--font-serif);padding:.5rem 1rem;font-size:1.05rem;font-weight:600}.royal-table td{border-bottom:1px solid var(--color-border);color:var(--color-teak-dark);padding:.5rem 1rem;font-size:.925rem}.royal-table tr:last-child td{border-bottom:none}.royal-table tr:nth-child(2n) td{background-color:#6f523508}.royal-table tr:hover td{background-color:#d4af370d}.badge{text-transform:uppercase;border-radius:9999px;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-active{color:var(--color-success);background-color:#526e4726}.badge-inactive{color:var(--color-error);background-color:#a8332a26}.badge-gold{color:#a07a1b;background-color:#d4af3726}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#1f140a99;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{background-color:var(--color-cream);border:1px solid var(--color-border);border-radius:var(--border-radius-md);text-align:center;box-shadow:var(--shadow-royal);padding:1.5rem}.stat-value{font-family:var(--font-serif);color:var(--color-gold-royal);margin-bottom:.25rem;font-size:2rem;font-weight:700}.stat-label{color:var(--color-teak-light);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.35s cubic-bezier(.16,1,.3,1) forwards fadeIn}@media (width<=768px){.app-container{flex-direction:column!important}.navbar-sidebar{border-right:none!important;border-bottom:3px solid var(--color-gold-royal)!important;width:100%!important;min-height:auto!important;padding:1.5rem!important}.main-content{padding:1.25rem!important}.royal-card{padding:1.5rem!important}}.group-details-grid{grid-template-columns:65fr 35fr;gap:2rem;display:grid}@media (width<=900px){.group-details-grid{grid-template-columns:1fr;gap:1.5rem}}.compact-mode .main-content{max-width:100%!important;padding:1rem 1.5rem!important}.compact-mode .navbar-sidebar{width:220px!important;padding:1.25rem .75rem!important}.compact-mode .navbar-sidebar h1{font-size:1.35rem!important}.compact-mode .navbar-sidebar span{margin-top:.1rem!important;font-size:.625rem!important}.compact-mode .navbar-sidebar div{gap:.5rem!important}.compact-mode .royal-card{border-radius:var(--border-radius-md)!important;margin-bottom:.75rem!important;padding:1rem 1.25rem!important}.compact-mode .royal-title{margin-bottom:.5rem!important;font-size:1.5rem!important}.compact-mode .royal-divider{gap:.5rem!important;margin:.35rem 0 .75rem!important}.compact-mode .royal-divider-symbol{font-size:1.1rem!important}.compact-mode h1{font-size:1.6rem!important}.compact-mode h2{margin-bottom:.4rem!important;font-size:1.15rem!important}.compact-mode h3{font-size:.95rem!important}.compact-mode p{font-size:.825rem!important}.compact-mode .form-group{margin-bottom:.6rem!important}.compact-mode .form-label{margin-bottom:.2rem!important;font-size:.725rem!important}.compact-mode .form-control{border-radius:var(--border-radius-sm)!important;padding:.35rem .6rem!important;font-size:.85rem!important}.compact-mode .btn{border-radius:var(--border-radius-sm)!important;padding:.35rem .7rem!important;font-size:.825rem!important}.compact-mode .royal-table th{padding:.3rem .6rem!important;font-size:.85rem!important}.compact-mode .royal-table td{padding:.3rem .6rem!important;font-size:.8rem!important}.compact-mode .dashboard-grid{gap:.6rem!important;margin-top:.75rem!important}.compact-mode .stats-grid{gap:.6rem!important;margin-bottom:.75rem!important}.compact-mode .stat-card{border-radius:var(--border-radius-sm)!important;padding:.6rem!important}.compact-mode .stat-value{font-size:1.35rem!important}.compact-mode .group-details-grid,.compact-mode .group-details-main-layout{gap:.75rem!important}.compact-mode .dashboard-main-grid,.compact-mode .dashboard-left-column{gap:1rem!important}.historical-draws-rounds-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (width<=768px){.historical-draws-rounds-grid{grid-template-columns:1fr}}.app-header{background:var(--color-teak-dark);border-bottom:2px solid var(--color-gold-royal);z-index:100;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #00000026}.bottom-navbar{background:var(--color-teak-dark);border-top:2px solid var(--color-gold-royal);z-index:1000;justify-content:space-around;align-items:center;height:70px;padding:0 1rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 15px #00000026}