:root,[data-theme=dark]{--color-bg:0,0,0;--color-surface:10,10,10;--color-elevated:26,26,26;--color-text:255,255,255;--color-text-secondary:255,255,255;--color-text-tertiary:255,255,255;--color-accent:245,245,247;--color-border:255,255,255;--opacity-primary:1;--opacity-secondary:0.7;--opacity-tertiary:0.4;--opacity-glass:0.03;--opacity-border:0.1;--opacity-hover:0.1;--gradient-main:linear-gradient(135deg,#000,#0a0a0a 50%,#000);--gradient-card:linear-gradient(135deg,#000,#1a1a1a);--gradient-shine:linear-gradient(135deg,#000,#0a0a0a 25%,#1a1a1a 50%,#0a0a0a 75%,#000);--shadow-sm:0 2px 10px rgba(0,0,0,.6);--shadow-md:0 10px 30px rgba(0,0,0,.6);--shadow-lg:0 20px 40px rgba(0,0,0,.8)}[data-theme=light]{--color-bg:255,255,255;--color-surface:248,249,250;--color-elevated:255,250,250;--color-text:51,51,51;--color-text-secondary:51,51,51;--color-text-tertiary:51,51,51;--color-accent:255,255,255;--color-border:255,255,255;--opacity-primary:1;--opacity-secondary:0.7;--opacity-tertiary:0.6;--opacity-glass:0.95;--opacity-border:0.4;--opacity-hover:1;--gradient-main:linear-gradient(to bottom right,#fff,#f8f9fa 50%,snow);--gradient-card:linear-gradient(135deg,#fff,#f8f9fa 25%,#fff 50%,#f8f9fa 75%,#fff);--gradient-shine:linear-gradient(135deg,#fff,#f8f9fa 25%,#fff 50%,#f8f9fa 75%,#fff);--shadow-sm:0 4px 20px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.1);--shadow-md:0 8px 32px rgba(0,0,0,.05),inset 0 1px 0 hsla(0,0%,100%,.8);--shadow-lg:0 8px 32px rgba(0,0,0,.05),inset 0 1px 0 hsla(0,0%,100%,.8)}.theme-surface{background:var(--gradient-main);color:rgba(var(--color-text),var(--opacity-primary))}.theme-card{background:var(--gradient-card);border:1px solid rgba(var(--color-border),var(--opacity-border));box-shadow:var(--shadow-md);border-radius:.75rem;position:relative;overflow:hidden}.theme-glass{background:rgba(var(--color-accent),var(--opacity-glass));backdrop-filter:blur(20px);border:1px solid rgba(var(--color-border),var(--opacity-border))}.theme-elevated{background:rgb(var(--color-elevated));box-shadow:var(--shadow-sm)}.theme-text{color:rgba(var(--color-text),var(--opacity-primary))}.theme-text-secondary{color:rgba(var(--color-text-secondary),var(--opacity-secondary))}.theme-text-tertiary{color:rgba(var(--color-text-tertiary),var(--opacity-tertiary))}.theme-heading{color:rgba(var(--color-text),var(--opacity-primary))}.theme-heading,.theme-heading-gradient{font-weight:700}:root .theme-heading-gradient,[data-theme=dark] .theme-heading-gradient{background:linear-gradient(90deg,#fff,#f5f5f7,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .theme-heading-gradient{background:linear-gradient(90deg,#1a1a1a,#666,#1a1a1a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.theme-interactive{position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.theme-interactive:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--color-accent),.15),transparent);transition:left .6s ease;pointer-events:none;z-index:1}[data-theme=light] .theme-interactive:after{background:linear-gradient(90deg,transparent,rgba(0,0,0,.08),transparent)}.theme-interactive:hover:after{left:100%}.theme-interactive:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg)}.theme-card.theme-interactive:hover{transform:translateY(-5px) scale(1.03);box-shadow:var(--shadow-lg)}.theme-button{background:rgba(var(--color-accent),var(--opacity-glass));backdrop-filter:blur(20px);border:1px solid rgba(var(--color-border),var(--opacity-border));position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.theme-button:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--color-accent),.15),transparent);transition:left .6s ease;pointer-events:none;z-index:1}[data-theme=light] .theme-button:after{background:linear-gradient(90deg,transparent,rgba(0,0,0,.08),transparent)}.theme-button:hover:after{left:100%}.theme-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg)}.theme-card.theme-button:hover{transform:translateY(-5px) scale(1.03);box-shadow:var(--shadow-lg)}.theme-button{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.theme-button-secondary{background:rgba(var(--color-accent),var(--opacity-glass));backdrop-filter:blur(20px);border:1px solid rgba(var(--color-border),var(--opacity-border));position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.theme-button-secondary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--color-accent),.15),transparent);transition:left .6s ease;pointer-events:none;z-index:1}[data-theme=light] .theme-button-secondary:after{background:linear-gradient(90deg,transparent,rgba(0,0,0,.08),transparent)}.theme-button-secondary:hover:after{left:100%}.theme-button-secondary:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg)}.theme-card.theme-button-secondary:hover{transform:translateY(-5px) scale(1.03);box-shadow:var(--shadow-lg)}.theme-button-secondary{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:rgba(var(--color-accent),.05)}.theme-button-ghost{position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.theme-button-ghost:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--color-accent),.15),transparent);transition:left .6s ease;pointer-events:none;z-index:1}[data-theme=light] .theme-button-ghost:after{background:linear-gradient(90deg,transparent,rgba(0,0,0,.08),transparent)}.theme-button-ghost:hover:after{left:100%}.theme-button-ghost:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg)}.theme-card.theme-button-ghost:hover{transform:translateY(-5px) scale(1.03);box-shadow:var(--shadow-lg)}.theme-button-ghost{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;background:transparent}.theme-button-ghost,.theme-input{border:1px solid rgba(var(--color-border),var(--opacity-border))}.theme-input{background:rgba(var(--color-accent),var(--opacity-glass));color:rgba(var(--color-text),var(--opacity-primary));padding:.75rem 1rem;border-radius:.5rem;transition:transform .2s ease,box-shadow .2s ease}.theme-input:focus{outline:none;transform:scale(1.01);box-shadow:0 5px 15px rgba(var(--color-accent),.15);border-color:rgba(var(--color-accent),.3)}.theme-input::-moz-placeholder{color:rgba(var(--color-text),.4)}.theme-input::placeholder{color:rgba(var(--color-text),.4)}.theme-select{background:rgba(var(--color-accent),var(--opacity-glass));border:1px solid rgba(var(--color-border),var(--opacity-border));color:rgba(var(--color-text),var(--opacity-primary));padding:.75rem 1rem;border-radius:.5rem;transition:transform .2s ease,box-shadow .2s ease}.theme-select:focus{outline:none;transform:scale(1.01);box-shadow:0 5px 15px rgba(var(--color-accent),.15);border-color:rgba(var(--color-accent),.3)}.theme-select::-moz-placeholder{color:rgba(var(--color-text),.4)}.theme-select::placeholder{color:rgba(var(--color-text),.4)}.theme-select{cursor:pointer}.theme-textarea{background:rgba(var(--color-accent),var(--opacity-glass));border:1px solid rgba(var(--color-border),var(--opacity-border));color:rgba(var(--color-text),var(--opacity-primary));padding:.75rem 1rem;border-radius:.5rem;transition:transform .2s ease,box-shadow .2s ease}.theme-textarea:focus{outline:none;transform:scale(1.01);box-shadow:0 5px 15px rgba(var(--color-accent),.15);border-color:rgba(var(--color-accent),.3)}.theme-textarea::-moz-placeholder{color:rgba(var(--color-text),.4)}.theme-textarea::placeholder{color:rgba(var(--color-text),.4)}.theme-textarea{resize:vertical;min-height:100px}.theme-badge{border-radius:9999px;border:1px solid rgba(var(--color-border),var(--opacity-border))}.theme-badge,.theme-badge-success{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.875rem;font-weight:600;background:rgba(var(--color-accent),var(--opacity-glass));color:rgba(var(--color-text),var(--opacity-primary))}.theme-badge-success{border-radius:9999px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#22c55e}.theme-badge-warning{border-radius:9999px;background:rgba(var(--color-accent),var(--opacity-glass));color:rgba(var(--color-text),var(--opacity-primary));background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);color:#fbbf24}.theme-badge-error,.theme-badge-warning{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.theme-badge-error{border-radius:9999px;background:rgba(var(--color-accent),var(--opacity-glass));color:rgba(var(--color-text),var(--opacity-primary));background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444}.theme-nav-item{position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.theme-nav-item:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--color-accent),.15),transparent);transition:left .6s ease;pointer-events:none;z-index:1}[data-theme=light] .theme-nav-item:after{background:linear-gradient(90deg,transparent,rgba(0,0,0,.08),transparent)}.theme-nav-item:hover:after{left:100%}.theme-nav-item:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg)}.theme-card.theme-nav-item:hover{transform:translateY(-5px) scale(1.03);box-shadow:var(--shadow-lg)}.theme-nav-item{padding:.75rem 1rem;border-radius:.5rem;display:flex;align-items:center;gap:.75rem;color:rgba(var(--color-text),var(--opacity-secondary))}.theme-nav-item.active,.theme-nav-item:hover{background:rgba(var(--color-accent),var(--opacity-hover));color:rgba(var(--color-text),var(--opacity-primary))}.theme-nav-item.active{border-left:4px solid rgba(var(--color-accent),.6)}.theme-divider{height:1px;margin:1rem 0}.theme-divider,.theme-divider-vertical{background:rgba(var(--color-border),var(--opacity-border))}.theme-divider-vertical{width:1px;margin:0 1rem}.theme-backdrop{background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}.theme-modal{background:var(--gradient-card);border:1px solid rgba(var(--color-border),var(--opacity-border));box-shadow:var(--shadow-md);border-radius:.75rem;position:relative;overflow:hidden}.theme-modal.theme-interactive:hover{transform:translateY(-5px) scale(1.03);box-shadow:var(--shadow-lg)}.theme-modal{max-width:90vw;max-height:90vh;overflow:auto}.theme-tooltip{background:rgba(var(--color-accent),var(--opacity-glass));backdrop-filter:blur(20px);border:1px solid rgba(var(--color-border),var(--opacity-border));padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;white-space:nowrap;pointer-events:none}.theme-table{background:var(--gradient-card);border:1px solid rgba(var(--color-border),var(--opacity-border));box-shadow:var(--shadow-md);border-radius:.75rem;position:relative;overflow:hidden}.theme-table.theme-interactive:hover{transform:translateY(-5px) scale(1.03);box-shadow:var(--shadow-lg)}.theme-table{overflow-x:auto}.theme-table-header{background:rgb(var(--color-surface));font-weight:700}.theme-table-header,.theme-table-row{border-bottom:1px solid rgba(var(--color-border),var(--opacity-border))}.theme-table-row{transition:background .2s ease}.theme-table-row:hover{background:rgba(var(--color-accent),var(--opacity-glass))}.theme-table-cell{padding:1rem;color:rgba(var(--color-text),var(--opacity-primary))}.theme-alert{background:var(--gradient-card);border:1px solid rgba(var(--color-border),var(--opacity-border));box-shadow:var(--shadow-md);border-radius:.75rem;position:relative;overflow:hidden}.theme-alert.theme-interactive:hover{transform:translateY(-5px) scale(1.03);box-shadow:var(--shadow-lg)}.theme-alert{padding:1rem;display:flex;align-items:flex-start;gap:.75rem}.theme-alert-info{background:var(--gradient-card);border:1px solid rgba(var(--color-border),var(--opacity-border));box-shadow:var(--shadow-md);border-radius:.75rem;position:relative;overflow:hidden}.theme-alert-info.theme-interactive:hover{transform:translateY(-5px) scale(1.03);box-shadow:var(--shadow-lg)}.theme-alert-info{padding:1rem;display:flex;align-items:flex-start;gap:.75rem;border-left:4px solid rgba(59,130,246,.8)}.theme-alert-success{background:var(--gradient-card);border:1px solid rgba(var(--color-border),var(--opacity-border));box-shadow:var(--shadow-md);border-radius:.75rem;position:relative;overflow:hidden}.theme-alert-success.theme-interactive:hover{transform:translateY(-5px) scale(1.03);box-shadow:var(--shadow-lg)}.theme-alert-success{padding:1rem;display:flex;align-items:flex-start;gap:.75rem;border-left:4px solid rgba(34,197,94,.8)}.theme-alert-warning{background:var(--gradient-card);border:1px solid rgba(var(--color-border),var(--opacity-border));box-shadow:var(--shadow-md);border-radius:.75rem;position:relative;overflow:hidden}.theme-alert-warning.theme-interactive:hover{transform:translateY(-5px) scale(1.03);box-shadow:var(--shadow-lg)}.theme-alert-warning{padding:1rem;display:flex;align-items:flex-start;gap:.75rem;border-left:4px solid rgba(251,191,36,.8)}.theme-alert-error{background:var(--gradient-card);border:1px solid rgba(var(--color-border),var(--opacity-border));box-shadow:var(--shadow-md);border-radius:.75rem;position:relative;overflow:hidden}.theme-alert-error.theme-interactive:hover{transform:translateY(-5px) scale(1.03);box-shadow:var(--shadow-lg)}.theme-alert-error{padding:1rem;display:flex;align-items:flex-start;gap:.75rem;border-left:4px solid rgba(239,68,68,.8)}.theme-skeleton{background:linear-gradient(90deg,rgba(var(--color-accent),var(--opacity-glass)) 0,rgba(var(--color-accent),.1) 50%,rgba(var(--color-accent),var(--opacity-glass)) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:.375rem}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.theme-spinner{border:2px solid rgba(var(--color-border),var(--opacity-border));border-top-color:rgba(var(--color-accent),.8);border-radius:50%;animation:spinner .6s linear infinite}@keyframes spinner{to{transform:rotate(1turn)}}.theme-glow{box-shadow:0 0 20px rgba(var(--color-accent),.3)}.theme-pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.theme-float{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.theme-container{padding:1rem}@media (min-width:640px){.theme-container{padding:1.5rem}}@media (min-width:768px){.theme-container{padding:2rem}}@media (min-width:1024px){.theme-container{padding:2.5rem}}.theme-section{margin-bottom:2rem}@media (min-width:768px){.theme-section{margin-bottom:2rem}}@media (min-width:1024px){.theme-section{margin-bottom:3rem}}.theme-grid{display:grid;gap:1rem}@media (min-width:768px){.theme-grid{gap:1.5rem}}@media (min-width:1024px){.theme-grid{gap:2rem}}.theme-grid-2{display:grid;gap:1rem}@media (min-width:768px){.theme-grid-2{gap:1.5rem}}@media (min-width:1024px){.theme-grid-2{gap:2rem}}.theme-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.theme-grid-3{display:grid;gap:1rem}@media (min-width:768px){.theme-grid-3{gap:1.5rem}}@media (min-width:1024px){.theme-grid-3{gap:2rem}}.theme-grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.theme-grid-4{display:grid;gap:1rem}@media (min-width:768px){.theme-grid-4{gap:1.5rem}}@media (min-width:1024px){.theme-grid-4{gap:2rem}}.theme-grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}