.cyber{--cyber-bg-start:#3d4db7;--cyber-bg-end:#6b4fa0;--cyber-surface:rgba(255,255,255,0.09);--cyber-surface-hover:rgba(255,255,255,0.14);--cyber-border:rgba(255,255,255,0.18);--cyber-primary:#00d9ff;--cyber-secondary:#ff006e;--cyber-success:#00ff9f;--cyber-warning:#ffd000;--cyber-text:rgba(255,255,255,0.95);--cyber-text-muted:rgba(255,255,255,0.62);background:linear-gradient(135deg,var(--cyber-bg-start) 0,var(--cyber-bg-end) 100%),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 1px,transparent 1px,transparent 50px),repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 1px,transparent 1px,transparent 50px);background-attachment:fixed;animation:grid-flow 20s linear infinite;color:var(--cyber-text)}.cyber.matrix{--cyber-bg-start:#0d1117;--cyber-bg-end:#0d1b2a;--cyber-primary:#00ff41;--cyber-secondary:#39ff14;--cyber-success:#00ff41;--cyber-warning:#ccff00;--cyber-text:rgba(0,255,65,0.95);--cyber-text-muted:rgba(0,255,65,0.65);--cyber-surface:rgba(0,255,65,0.06);--cyber-surface-hover:rgba(0,255,65,0.12);--cyber-border:rgba(0,255,65,0.25)}.cyber.synthwave{--cyber-bg-start:#ff006e;--cyber-bg-end:#8338ec;--cyber-primary:#ff006e;--cyber-secondary:#ffbe0b;--cyber-success:#06ffa5;--cyber-warning:#fb5607;--cyber-text:rgba(255,255,255,0.98);--cyber-text-muted:rgba(255,255,255,0.70);--cyber-surface:rgba(255,255,255,0.12);--cyber-surface-hover:rgba(255,255,255,0.18);--cyber-border:rgba(255,255,255,0.25)}.cyber.arctic{--cyber-bg-start:#e0f7fa;--cyber-bg-end:#80deea;--cyber-primary:#00acc1;--cyber-secondary:#0097a7;--cyber-success:#00c853;--cyber-warning:#ffc107;--cyber-text:rgba(0,77,64,0.95);--cyber-text-muted:rgba(0,77,64,0.65);--cyber-surface:rgba(255,255,255,0.30);--cyber-surface-hover:rgba(255,255,255,0.45);--cyber-border:rgba(0,188,212,0.35)}@keyframes grid-flow{0%{background-position:0 0,0 0,0 0}to{background-position:0 0,50px 50px,50px 50px}}.cyber .card,.cyber .glass-card,.cyber [class*=card]{background:var(--cyber-surface)!important;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border:1px solid var(--cyber-border)!important;border-radius:16px;box-shadow:0 4px 24px 0 rgba(31,38,135,.25),inset 0 0 0 1px rgba(255,255,255,.08);transition:all .3s cubic-bezier(.4,0,.2,1)}.cyber .card:hover,.cyber .glass-card:hover{background:var(--cyber-surface-hover)!important;transform:translateY(-1px);box-shadow:0 8px 32px 0 rgba(31,38,135,.35),inset 0 0 0 1px rgba(255,255,255,.12)}.cyber .button,.cyber [class*=button],.cyber button{position:relative;background:var(--cyber-surface);backdrop-filter:blur(8px);border:1px solid var(--cyber-border);color:var(--cyber-text);transition:all .3s ease}.cyber .button:hover,.cyber button:hover{border-color:var(--cyber-primary);box-shadow:0 0 12px rgba(77,212,224,.4),0 0 24px rgba(77,212,224,.2),inset 0 0 12px rgba(77,212,224,.08)}.cyber button:active{transform:scale(.98)}.cyber .react-grid-item,.cyber .widget,.cyber [data-widget]{background:var(--cyber-surface)!important;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border:1px solid var(--cyber-border)!important;border-radius:16px!important;box-shadow:0 4px 24px 0 rgba(31,38,135,.25),inset 0 0 0 1px rgba(255,255,255,.06);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.cyber .react-grid-item:hover,.cyber .widget:hover{background:var(--cyber-surface-hover)!important;border-color:var(--cyber-primary)!important;transform:translateY(-2px);box-shadow:0 12px 24px rgba(77,212,224,.2),0 0 0 1px var(--cyber-primary),inset 0 0 0 1px rgba(255,255,255,.12)}.cyber .widget-header{background:linear-gradient(135deg,rgba(77,212,224,.12),rgba(214,66,116,.12));border-bottom:1px solid var(--cyber-border);padding:12px 16px;backdrop-filter:blur(8px)}.cyber .icon,.cyber svg{filter:drop-shadow(0 0 2px rgba(77,212,224,.3));transition:filter .3s ease}.cyber .icon:hover,.cyber svg:hover{filter:drop-shadow(0 0 6px rgba(77,212,224,.5))}.cyber .holo-border,.cyber .holographic{position:relative;border:2px solid transparent;background:linear-gradient(var(--cyber-surface),var(--cyber-surface)) padding-box,linear-gradient(45deg,var(--cyber-primary),var(--cyber-secondary),var(--cyber-success)) border-box;animation:holo-rotate 3s linear infinite}@keyframes holo-rotate{to{filter:hue-rotate(1turn)}}.cyber-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.cyber-particle{position:absolute;width:4px;height:4px;background:var(--cyber-primary);border-radius:50%;box-shadow:0 0 10px var(--cyber-primary);animation:float-up linear infinite;opacity:0}.cyber-particle:nth-child(odd){background:var(--cyber-secondary);box-shadow:0 0 10px var(--cyber-secondary)}@keyframes float-up{0%{transform:translateY(100vh) translateX(0) scale(0);opacity:0}10%{opacity:.8;transform:translateY(90vh) translateX(10px) scale(1)}90%{opacity:.8}to{transform:translateY(-10vh) translateX(100px) scale(.5);opacity:0}}@keyframes widget-appear{0%{opacity:0;transform:scale(.9) translateY(20px);filter:blur(10px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.cyber .react-grid-item,.cyber .widget{animation:widget-appear .6s cubic-bezier(.34,1.56,.64,1) backwards}.cyber .react-grid-item:first-child{animation-delay:0s}.cyber .react-grid-item:nth-child(2){animation-delay:.05s}.cyber .react-grid-item:nth-child(3){animation-delay:.1s}.cyber .react-grid-item:nth-child(4){animation-delay:.15s}.cyber .react-grid-item:nth-child(5){animation-delay:.2s}.cyber .react-grid-item:nth-child(6){animation-delay:.25s}.cyber .react-grid-item:nth-child(7){animation-delay:.3s}.cyber .react-grid-item:nth-child(8){animation-delay:.35s}.cyber input,.cyber select,.cyber textarea{background:rgba(255,255,255,.05)!important;backdrop-filter:blur(10px);border:1px solid var(--cyber-border)!important;color:var(--cyber-text);border-radius:12px;transition:all .3s ease}.cyber input:focus,.cyber select:focus,.cyber textarea:focus{border-color:var(--cyber-primary)!important;box-shadow:0 0 20px rgba(0,245,255,.3);outline:none}.cyber input::-moz-placeholder,.cyber textarea::-moz-placeholder{color:var(--cyber-text-muted)}.cyber input::placeholder,.cyber textarea::placeholder{color:var(--cyber-text-muted)}.cyber ::-webkit-scrollbar{width:10px;height:10px}.cyber ::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:10px}.cyber ::-webkit-scrollbar-thumb{background:var(--cyber-primary);border-radius:10px;box-shadow:0 0 10px var(--cyber-primary)}.cyber ::-webkit-scrollbar-thumb:hover{background:var(--cyber-secondary);box-shadow:0 0 20px var(--cyber-secondary)}.cyber header,.cyber nav{background:var(--cyber-surface)!important;backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--cyber-border);box-shadow:0 4px 30px rgba(0,0,0,.1)}.cyber h1,.cyber h2,.cyber h3,.cyber h4,.cyber h5,.cyber h6{color:var(--cyber-text);text-shadow:0 0 20px rgba(0,245,255,.3)}.cyber div,.cyber p,.cyber span{color:var(--cyber-text)}.cyber .text-muted,.cyber [class*=muted]{color:var(--cyber-text-muted)}.cyber .category-section{background:var(--cyber-surface);backdrop-filter:blur(20px);border:1px solid var(--cyber-border);border-radius:20px;margin-bottom:24px;overflow:hidden}.cyber .category-header{background:linear-gradient(135deg,rgba(0,245,255,.1),rgba(255,0,110,.1));border-bottom:1px solid var(--cyber-border);padding:16px 20px;cursor:pointer;transition:all .3s ease}.cyber .category-header:hover{background:linear-gradient(135deg,rgba(0,245,255,.2),rgba(255,0,110,.2));box-shadow:inset 0 0 20px rgba(0,245,255,.2)}.cyber .dialog,.cyber [role=dialog]{background:var(--cyber-surface)!important;backdrop-filter:blur(30px) saturate(180%);border:2px solid var(--cyber-border);border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.1)}.cyber [role=tablist]{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border-radius:16px;padding:4px}.cyber [role=tab]{background:transparent;color:var(--cyber-text-muted);border-radius:12px;transition:all .3s ease}.cyber [role=tab][data-state=active]{background:var(--cyber-primary);color:white;box-shadow:0 0 20px var(--cyber-primary)}.cyber [role=tab]:hover{color:var(--cyber-text);background:rgba(255,255,255,.1)}.cyber .badge,.cyber [class*=badge]{background:var(--cyber-primary);color:white;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;text-transform:uppercase;box-shadow:0 0 20px var(--cyber-primary);border:1px solid rgba(255,255,255,.2)}.cyber .spinner,.cyber [class*=loading]{border:3px solid rgba(255,255,255,.1);border-top:3px solid var(--cyber-primary);border-radius:50%;box-shadow:0 0 20px var(--cyber-primary);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.cyber .tooltip,.cyber [role=tooltip]{background:var(--cyber-surface);backdrop-filter:blur(20px);border:1px solid var(--cyber-border);border-radius:12px;padding:8px 16px;box-shadow:0 8px 32px rgba(0,0,0,.5);color:var(--cyber-text)}@media (prefers-reduced-motion:reduce){.cyber *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:768px){.cyber .glass-card,.cyber .react-grid-item,.cyber .widget{border-radius:16px!important}.cyber-particles{display:none}}