:root{--sylo-page-bg:linear-gradient(160deg, #f5e8d0 0%, #ede0c4 50%, #e8d6b4 100%);--sylo-text-primary:#1a0d00;--sylo-text-gold:#7a5200;--sylo-text-soft:#5c4020;--sylo-card-bg:linear-gradient(135deg, #fffbf3 0%, #fdf5e4 100%);--sylo-card-border:#7a520038;--sylo-nav-bg:linear-gradient(180deg, #f5e8d0f7, #ede0c4fc);--sylo-nav-active:#7a5200;--sylo-nav-inactive:#9a7a50;--sylo-input-bg:#ffffffe6;--sylo-input-border:#7a52004d;--sylo-accent:#7a5200;--sylo-accent-light:#7a52001f;--sylo-accent-border:#7a52004d;--sylo-success:#16a34a;--sylo-error:#dc2626;--sylo-warning:#d97706;--sylo-info:#2563eb;--background:#f5e8d0;--foreground:#1a0d00}html[data-theme=dark]{--sylo-page-bg:radial-gradient(circle at top, #1c1c1c 0%, #111 40%, #080808 100%);--sylo-text-primary:#f0f0f0;--sylo-text-gold:#d4a843;--sylo-text-soft:#888;--sylo-card-bg:linear-gradient(135deg, #1e1e1e 0%, #141414 60%, #0d0d0d 100%);--sylo-card-border:#d4a84333;--sylo-nav-bg:linear-gradient(180deg, #121212f7, #080808fc);--sylo-nav-active:#d4a843;--sylo-nav-inactive:#555;--sylo-input-bg:#ffffff0f;--sylo-input-border:#d4a84347;--sylo-accent:#d4a843;--sylo-accent-light:#d4a8431f;--sylo-accent-border:#d4a8434d;--background:#111;--foreground:#f0f0f0}html[data-theme=light]{--sylo-page-bg:linear-gradient(160deg, #fff 0%, #f9f9f9 50%, #f4f4f4 100%);--sylo-text-primary:#111;--sylo-text-gold:#8b6000;--sylo-text-soft:#555;--sylo-card-bg:linear-gradient(135deg, #fff 0%, #f8f8f8 100%);--sylo-card-border:#0000001a;--sylo-nav-bg:linear-gradient(180deg, #fffffffa, #f8f8f8fc);--sylo-nav-active:#8b6000;--sylo-nav-inactive:#888;--sylo-input-bg:#fff;--sylo-input-border:#0000002e;--sylo-accent:#8b6000;--sylo-accent-light:#8b60001a;--sylo-accent-border:#8b600047;--background:#fff;--foreground:#111}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--sylo-page-bg);min-height:100vh;color:var(--sylo-text-primary);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,Helvetica,sans-serif;transition:background .28s,color .18s;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select,button{outline:none}input::placeholder,textarea::placeholder{color:#696969}img{max-width:100%;height:auto}html[data-theme] main,html[data-theme] .theme-root,html[data-theme] .theme-page{transition:background .28s,color .18s;background:var(--sylo-page-bg)!important;color:var(--sylo-text-primary)!important}html[data-dark=false] main h1,html[data-dark=false] main h2,html[data-dark=false] main h3,html[data-dark=false] main h4,html[data-dark=false] main h5,html[data-dark=false] main h6,html[data-dark=false] .theme-root h1,html[data-dark=false] .theme-root h2,html[data-dark=false] .theme-root h3,html[data-dark=false] .theme-root h4{color:var(--sylo-text-primary)!important}html[data-dark=false] [data-dark-card] h1,html[data-dark=false] [data-dark-card] h2,html[data-dark=false] [data-dark-card] h3,html[data-dark=false] [data-dark-card] h4{color:#f0f0f0!important}.sylo-card,.card-theme,[data-card]{background:var(--sylo-card-bg);border:1px solid var(--sylo-card-border);color:var(--sylo-text-primary);border-radius:16px;transition:background .28s,border-color .18s;box-shadow:0 2px 16px #00000014}html[data-theme=dark] .sylo-card,html[data-theme=dark] .card-theme,html[data-theme=dark] [data-card]{box-shadow:0 4px 24px #0006}html[data-dark=false] .luxCard{border-color:var(--sylo-card-border)!important;color:var(--sylo-text-primary)!important;background:linear-gradient(135deg,#fffdf5 0%,#fff8e8 100%)!important;box-shadow:0 2px 16px #00000014!important}.gold-button{background:linear-gradient(to right, var(--sylo-accent), var(--sylo-text-gold));color:#fff;box-shadow:0 4px 16px var(--sylo-accent-light);border:none;border-radius:20px;font-weight:700;transition:background .2s,box-shadow .2s}html[data-theme=dark] .gold-button{color:#111;background:linear-gradient(90deg,#b8860b,#d4a843)}html[data-theme=light] .gold-button{color:#fff;background:linear-gradient(90deg,#7a5200,#8b6000)}html[data-theme=warmgold] .gold-button{color:#fff;background:linear-gradient(90deg,#6b4800,#7a5200)}.brown-button{background:linear-gradient(to right, var(--sylo-accent), var(--sylo-text-gold));color:#fff;border:none;border-radius:20px;font-weight:700}.logout-button{color:#fff;background:linear-gradient(90deg,#b91c1c,#dc2626);border:none;border-radius:20px;font-weight:700}.input-theme{background:var(--sylo-input-bg);border:1px solid var(--sylo-input-border);color:var(--sylo-text-primary);border-radius:10px;font-weight:600;transition:border-color .18s,background .18s}.input-theme:focus{border-color:var(--sylo-accent);box-shadow:0 0 0 2px var(--sylo-accent-light)}.text-main{color:var(--sylo-text-primary)}.text-soft{color:var(--sylo-text-soft)}.text-gold{color:var(--sylo-text-gold)}.text-accent{color:var(--sylo-accent)}.badge-success{color:#16a34a;background:#16a34a1f;border:1px solid #16a34a40;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.badge-error{color:#dc2626;background:#dc26261a;border:1px solid #dc262640;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.badge-warn{color:#d97706;background:#d977061a;border:1px solid #d9770640;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.badge-info{color:#2563eb;background:#2563eb1a;border:1px solid #2563eb40;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.badge-neutral{color:var(--sylo-text-soft);background:#8080801a;border:1px solid #80808033;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}table{border-collapse:collapse;width:100%;max-width:100%}main,.theme-root,.theme-page{box-sizing:border-box;max-width:100%;overflow-x:hidden}.table-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media (max-width:480px){main,.theme-root{padding-left:12px!important;padding-right:12px!important}h1{font-size:clamp(20px,5vw,28px)}h2{font-size:clamp(16px,4vw,22px)}h3{font-size:clamp(14px,3.5vw,18px)}.mobile-full{width:100%}.sylo-card,.card-theme,[data-card]{border-radius:12px}}@media (max-width:640px){table{font-size:13px}td,th{padding:6px 8px!important}}.logo-glow{box-shadow:0 0 32px var(--sylo-accent-light)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--sylo-card-border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--sylo-accent)}.admin-card{background:var(--sylo-card-bg);border:1px solid var(--sylo-card-border);color:var(--sylo-text-primary);border-radius:12px;padding:16px}@keyframes pulsePop{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.animate-pulse-pop{will-change:transform;animation:1.4s ease-in-out infinite pulsePop}@keyframes laserPulse{0%{opacity:0;transform:translate(-50%)scaleY(0)}18%{opacity:.95;transform:translate(-50%)scaleY(1)}72%{opacity:.75;transform:translate(-50%)scaleY(1)}to{opacity:0;transform:translate(-50%)scaleY(.1)}}@keyframes chipGlow{0%,to{opacity:.4;transform:translate(-50%,-50%)scale(.85)}50%{opacity:.9;transform:translate(-50%,-50%)scale(1.15)}}@keyframes sparkRise{0%{opacity:0;transform:translate(-50%)translateY(0)scale(1)}30%{opacity:.95;transform:translate(-50%)translateY(-18px)scale(1.2)}to{opacity:0;transform:translate(-50%)translateY(-48px)scale(.5)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s forwards fadeIn}html[data-theme] main,html[data-theme] .theme-root,html[data-theme] .theme-page,html[data-theme] .sylo-card,html[data-theme] .card-theme,html[data-theme] .admin-card,html[data-theme] .input-theme,html[data-theme] .gold-button,html[data-theme] .brown-button{transition:background .28s,color .18s,border-color .18s}html[data-dark=false] .luxPage{background:var(--sylo-page-bg)!important;color:var(--sylo-text-primary)!important}html[data-dark=false] .wsylo-card,html[data-dark=false] .stat-card{background:var(--sylo-card-bg)!important;border-color:var(--sylo-card-border)!important;color:var(--sylo-text-primary)!important}html[data-dark=false] main [style*="color: gold"],html[data-dark=false] main [style*=color\:gold]{color:var(--sylo-text-gold)!important}html[data-dark=false] main [style*="color: white"],html[data-dark=false] main [style*=color\:white]{color:var(--sylo-text-primary)!important}html[data-dark=false] main [style*="color: wheat"],html[data-dark=false] main [style*=color\:wheat],html[data-dark=false] main [style*="color: burlywood"],html[data-dark=false] main [style*=color\:burlywood]{color:var(--sylo-text-soft)!important}html[data-dark=false] main [style*="background: black"] [style*="color: gold"]{color:gold!important}html[data-dark=false] main [style*="background: black"] [style*="color: white"]{color:#fff!important}html[data-dark=false] main [style*="background: black"] [style*="color: wheat"]{color:wheat!important}html[data-dark=false] main [style*="background: black"] [style*="color: burlywood"]{color:#deb887!important}html[data-dark=false] main [style*=background\:black] [style*="color: gold"]{color:gold!important}html[data-dark=false] main [style*=background\:black] [style*="color: white"]{color:#fff!important}html[data-dark=false] main [style*=background\:black] [style*="color: wheat"]{color:wheat!important}html[data-dark=false] main [style*="background: saddlebrown"] [style*="color: gold"]{color:gold!important}html[data-dark=false] main [style*="background: saddlebrown"] [style*="color: white"]{color:#fff!important}html[data-dark=false] main [style*="background: saddlebrown"] [style*="color: wheat"]{color:wheat!important}html[data-dark=false] main [style*="background: peru"] [style*="color: gold"]{color:gold!important}html[data-dark=false] main [style*="background: peru"] [style*="color: white"],html[data-dark=false] main [style*="background: darkred"] [style*="color: white"]{color:#fff!important}html[data-dark=false] main [style*="rgba(0, 0, 0"] [style*="color: gold"]{color:gold!important}html[data-dark=false] main [style*="rgba(0, 0, 0"] [style*="color: white"]{color:#fff!important}html[data-dark=false] main [style*="rgba(0, 0, 0"] [style*="color: wheat"]{color:wheat!important}html[data-dark=false] main [style*="rgba(0,0,0"] [style*="color: gold"]{color:gold!important}html[data-dark=false] main [style*="rgba(0,0,0"] [style*="color: white"]{color:#fff!important}html[data-dark=false] main [style*="rgba(0,0,0"] [style*="color: wheat"]{color:wheat!important}html[data-dark=false] main [style*="background: linear-gradient"][style*=\#0] [style*="color: gold"]{color:gold!important}html[data-dark=false] main [style*="background: linear-gradient"][style*=\#0] [style*="color: white"]{color:#fff!important}html[data-dark=false] main [style*="background: linear-gradient"][style*=\#0] [style*="color: wheat"]{color:wheat!important}html[data-dark=false] main [style*="background: linear-gradient"][style*=\#1] [style*="color: gold"]{color:gold!important}html[data-dark=false] main [style*="background: linear-gradient"][style*=\#1] [style*="color: white"]{color:#fff!important}html[data-dark=false] main [style*="background: linear-gradient"][style*=\#1] [style*="color: wheat"]{color:wheat!important}html[data-dark=false] main [style*="background: radial-gradient"][style*=\#0] [style*="color: gold"]{color:gold!important}html[data-dark=false] main [style*="background: radial-gradient"][style*=\#0] [style*="color: white"]{color:#fff!important}html[data-dark=false] main [style*="background: radial-gradient"][style*=\#0] [style*="color: wheat"]{color:wheat!important}html[data-dark=false] main [style*="background: radial-gradient"][style*=\#1] [style*="color: gold"]{color:gold!important}html[data-dark=false] main [style*="background: radial-gradient"][style*=\#1] [style*="color: white"]{color:#fff!important}html[data-dark=false] main [style*="background: radial-gradient"][style*=\#1] [style*="color: wheat"]{color:wheat!important}html[data-dark=false] main{background:var(--sylo-page-bg)!important;color:var(--sylo-text-primary)!important}html[data-dark=false] .gold-button{color:var(--sylo-text-primary)!important}html[data-dark=false] main [style*="color: silver"],html[data-dark=false] main [style*=color\:silver],html[data-dark=false] main [style*="color: lightgray"],html[data-dark=false] main [style*=color\:lightgray],html[data-dark=false] main [style*="color: gainsboro"],html[data-dark=false] main [style*=color\:gainsboro],html[data-dark=false] main [style*="color: gray"],html[data-dark=false] main [style*=color\:gray],html[data-dark=false] main [style*="color: grey"],html[data-dark=false] main [style*=color\:grey]{color:var(--sylo-text-soft)!important}