.splash-screen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#080d19;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;overflow:hidden;transition:opacity .7s ease-out,transform .7s ease-out}.splash-screen.fade{opacity:0;transform:scale(1.1)}.splash-particles{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.splash-particle{position:absolute;width:3px;height:3px;background:#38bdf8;border-radius:50%;left:var(--x);bottom:-10px;opacity:0;animation:floatUp var(--duration) var(--delay) infinite;box-shadow:0 0 10px #38bdf8,0 0 20px #38bdf8}@keyframes floatUp{0%{transform:translateY(0) scale(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-100vh) scale(1);opacity:0}}.explosion-flash{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100vmax;height:100vmax;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(56,189,248,.5) 30%,transparent 70%);border-radius:50%;opacity:0;pointer-events:none;z-index:200}.splash-screen.explode .explosion-flash{animation:flashBang .6s ease-out forwards}@keyframes flashBang{0%{transform:translate(-50%,-50%) scale(0);opacity:1}30%{opacity:.9}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.nebula-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:95}.nebula{position:absolute;top:50%;left:50%;border-radius:50%;opacity:0;filter:blur(40px);mix-blend-mode:screen}.nebula-1{width:300px;height:200px;background:radial-gradient(ellipse,rgba(56,189,248,.6) 0%,rgba(56,189,248,.2) 40%,transparent 70%);transform:translate(-50%,-50%) rotate(0)}.nebula-2{width:350px;height:250px;background:radial-gradient(ellipse,rgba(168,85,247,.5) 0%,rgba(139,92,246,.2) 40%,transparent 70%);transform:translate(-50%,-50%) rotate(60deg)}.nebula-3{width:280px;height:180px;background:radial-gradient(ellipse,rgba(236,72,153,.5) 0%,rgba(219,39,119,.2) 40%,transparent 70%);transform:translate(-50%,-50%) rotate(120deg)}.nebula-4{width:320px;height:220px;background:radial-gradient(ellipse,rgba(34,197,94,.4) 0%,rgba(22,163,74,.15) 40%,transparent 70%);transform:translate(-50%,-50%) rotate(180deg)}.nebula-5{width:260px;height:160px;background:radial-gradient(ellipse,rgba(251,146,60,.5) 0%,rgba(249,115,22,.2) 40%,transparent 70%);transform:translate(-50%,-50%) rotate(240deg)}.nebula-6{width:340px;height:240px;background:radial-gradient(ellipse,rgba(129,140,248,.5) 0%,rgba(99,102,241,.2) 40%,transparent 70%);transform:translate(-50%,-50%) rotate(300deg)}.splash-screen.explode .nebula-1{animation:nebulaExpand1 1.5s ease-out forwards}.splash-screen.explode .nebula-2{animation:nebulaExpand2 1.5s .05s ease-out forwards}.splash-screen.explode .nebula-3{animation:nebulaExpand3 1.5s .1s ease-out forwards}.splash-screen.explode .nebula-4{animation:nebulaExpand4 1.5s .15s ease-out forwards}.splash-screen.explode .nebula-5{animation:nebulaExpand5 1.5s .08s ease-out forwards}.splash-screen.explode .nebula-6{animation:nebulaExpand6 1.5s .12s ease-out forwards}@keyframes nebulaExpand1{0%{transform:translate(-50%,-50%) rotate(0) scale(0);opacity:0}20%{opacity:.8}to{transform:translate(calc(-50% + 200px),calc(-50% - 100px)) rotate(45deg) scale(3);opacity:0}}@keyframes nebulaExpand2{0%{transform:translate(-50%,-50%) rotate(60deg) scale(0);opacity:0}20%{opacity:.7}to{transform:translate(calc(-50% - 180px),calc(-50% - 150px)) rotate(120deg) scale(3.5);opacity:0}}@keyframes nebulaExpand3{0%{transform:translate(-50%,-50%) rotate(120deg) scale(0);opacity:0}20%{opacity:.7}to{transform:translate(calc(-50% - 220px),calc(-50% + 80px)) rotate(180deg) scale(3);opacity:0}}@keyframes nebulaExpand4{0%{transform:translate(-50%,-50%) rotate(180deg) scale(0);opacity:0}20%{opacity:.6}to{transform:translate(calc(-50% + 150px),calc(-50% + 180px)) rotate(240deg) scale(3.2);opacity:0}}@keyframes nebulaExpand5{0%{transform:translate(-50%,-50%) rotate(240deg) scale(0);opacity:0}20%{opacity:.7}to{transform:translate(calc(-50% + 250px),calc(-50% + 50px)) rotate(300deg) scale(2.8);opacity:0}}@keyframes nebulaExpand6{0%{transform:translate(-50%,-50%) rotate(300deg) scale(0);opacity:0}20%{opacity:.6}to{transform:translate(calc(-50% - 100px),calc(-50% + 200px)) rotate(360deg) scale(3.3);opacity:0}}.cosmic-dust-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:92}.cosmic-dust{position:absolute;width:var(--size);height:var(--size);background:radial-gradient(circle,hsla(var(--hue),80%,60%,.6) 0%,hsla(var(--hue),70%,50%,.3) 40%,transparent 70%);border-radius:50%;opacity:0;top:0;left:0;filter:blur(8px);mix-blend-mode:screen}.splash-screen.explode .cosmic-dust{animation:cosmicDustExpand var(--duration) var(--delay) ease-out forwards}@keyframes cosmicDustExpand{0%{opacity:.8;transform:rotate(var(--angle)) translateY(0) scale(.5);filter:blur(4px)}30%{opacity:.6;filter:blur(8px)}to{opacity:0;transform:rotate(var(--angle)) translateY(calc(var(--distance) * -1)) scale(1.5);filter:blur(20px)}}.gas-wisps-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:93}.gas-wisp{position:absolute;width:150px;height:40px;background:linear-gradient(90deg,transparent 0%,rgba(56,189,248,.4) 20%,rgba(139,92,246,.5) 50%,rgba(236,72,153,.4) 80%,transparent 100%);border-radius:50%;opacity:0;top:0;left:0;filter:blur(15px);mix-blend-mode:screen;transform-origin:left center}.splash-screen.explode .gas-wisp{animation:gasWispExpand 1.2s var(--delay) ease-out forwards}@keyframes gasWispExpand{0%{opacity:0;transform:rotate(var(--angle)) translate(0) scaleX(.3) scaleY(1)}20%{opacity:.8}to{opacity:0;transform:rotate(var(--angle)) translate(350px) scaleX(2) scaleY(.5)}}.shockwave-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:150}.shockwave{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);border:4px solid rgba(56,189,248,.8);border-radius:50%;opacity:0;box-shadow:0 0 30px #38bdf899,inset 0 0 30px #38bdf84d}.shockwave-1{width:100px;height:100px}.shockwave-2{width:150px;height:150px}.shockwave-3{width:200px;height:200px}.splash-screen.explode .shockwave{animation:shockwaveExpand 1.2s cubic-bezier(.25,.46,.45,.94) forwards}.splash-screen.explode .shockwave-2{animation-delay:.08s}.splash-screen.explode .shockwave-3{animation-delay:.16s}@keyframes shockwaveExpand{0%{transform:translate(-50%,-50%) scale(0);opacity:1;border-width:6px}50%{opacity:.7}to{transform:translate(-50%,-50%) scale(8);opacity:0;border-width:1px}}.explosion-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:120}.explosion-particle{position:absolute;width:var(--size);height:var(--size);border-radius:50%;opacity:0;top:0;left:0;transform:translate(-50%,-50%)}.particle-blue{background:linear-gradient(135deg,#38bdf8,#0ea5e9);box-shadow:0 0 20px #38bdf8,0 0 40px #38bdf880}.particle-purple{background:linear-gradient(135deg,#a855f7,#8b5cf6);box-shadow:0 0 20px #a855f7,0 0 40px #a855f780}.particle-red{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 0 20px #ef4444,0 0 40px #ef444480}.splash-screen.explode .explosion-particle{animation:particleExplode var(--duration) var(--delay) cubic-bezier(.25,.46,.45,.94) forwards}@keyframes particleExplode{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(1)}20%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--distance) * -.3)) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--distance) * -1)) scale(0)}}.sparks-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:115}.spark-particle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;opacity:0;top:0;left:0;box-shadow:0 0 10px #fff,0 0 20px #38bdf8,0 0 30px #38bdf8}.spark-trail{position:absolute;width:2px;height:60px;background:linear-gradient(to top,transparent,rgba(56,189,248,.8),#fff);border-radius:2px;bottom:0;left:50%;transform:translate(-50%);opacity:.8}.splash-screen.explode .spark-particle{animation:sparkFly .8s var(--delay) cubic-bezier(.16,1,.3,1) forwards}@keyframes sparkFly{0%{opacity:1;transform:rotate(var(--angle)) translateY(0) scale(1)}30%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(calc(var(--distance) * -1)) scale(.3)}}.debris-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:110}.debris-particle{position:absolute;width:var(--size);height:var(--size);background:linear-gradient(135deg,#94a3b8,#64748b);opacity:0;top:0;left:0;box-shadow:0 0 5px #94a3b880}.splash-screen.explode .debris-particle{animation:debrisFly 1s var(--delay) cubic-bezier(.25,.46,.45,.94) forwards}@keyframes debrisFly{0%{opacity:1;transform:rotate(var(--angle)) translateY(0) rotate(0) scale(1)}to{opacity:0;transform:rotate(var(--angle)) translateY(calc(var(--distance) * -1)) rotate(var(--rotation)) scale(0)}}.energy-rings{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:99}.energy-ring{position:absolute;border:3px solid #38bdf8;border-radius:50%;opacity:0;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);box-shadow:0 0 20px #38bdf880,inset 0 0 20px #38bdf833}.ring-1{width:80px;height:80px;border-color:#38bdf8}.ring-2{width:160px;height:160px;border-color:#818cf8}.ring-3{width:240px;height:240px;border-color:#a855f7}.ring-4{width:320px;height:320px;border-color:#ef4444}.splash-screen.explode .energy-ring{animation:ringExpand 1.2s ease-out forwards}.splash-screen.explode .ring-2{animation-delay:.1s}.splash-screen.explode .ring-3{animation-delay:.2s}.splash-screen.explode .ring-4{animation-delay:.3s}@keyframes ringExpand{0%{transform:translate(-50%,-50%) scale(0);opacity:1;border-width:5px}60%{opacity:.6}to{transform:translate(-50%,-50%) scale(6);opacity:0;border-width:1px}}.core-explosion{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:130}.core-flash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,#fff 0%,#38bdf8 30%,transparent 70%);border-radius:50%;opacity:0}.core-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:8px solid #fff;border-radius:50%;opacity:0;box-shadow:0 0 40px #fff,0 0 80px #38bdf8}.splash-screen.explode .core-flash{animation:coreFlash .5s ease-out forwards}.splash-screen.explode .core-ring{animation:coreRingExpand .8s ease-out forwards}@keyframes coreFlash{0%{transform:translate(-50%,-50%) scale(0);opacity:1}50%{opacity:.8}to{transform:translate(-50%,-50%) scale(3);opacity:0}}@keyframes coreRingExpand{0%{transform:translate(-50%,-50%) scale(0);opacity:1;border-width:15px}to{transform:translate(-50%,-50%) scale(10);opacity:0;border-width:2px}}.splash-atom-wrapper{position:relative;width:320px;height:320px;margin-bottom:40px;z-index:10}.splash-atom{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:atomFloat 10s ease-in-out infinite;transition:transform .3s cubic-bezier(.16,1,.3,1)}.splash-screen.accelerate .splash-atom{animation:atomFloat 10s ease-in-out infinite,atomShake .1s linear infinite}.splash-screen.explode .splash-atom{animation:atomExplode .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes atomFloat{0%,to{transform:translateY(0) rotate3d(1,1,0,0)}50%{transform:translateY(-30px) rotate3d(1,1,0,5deg)}}@keyframes atomShake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-5px,5px) rotate(-2deg)}50%{transform:translate(5px,-5px) rotate(2deg)}75%{transform:translate(-5px,-5px) rotate(-1deg)}}@keyframes atomExplode{0%{transform:scale(1);opacity:1;filter:brightness(1)}30%{transform:scale(1.5);opacity:1;filter:brightness(3)}to{transform:scale(0);opacity:0;filter:brightness(5)}}.splash-nucleus{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);z-index:10}.nucleus-core{width:56px;height:56px;background:linear-gradient(135deg,#fff,#38bdf8);border-radius:50%;box-shadow:0 0 60px #38bdf8,0 0 120px #38bdf866,0 0 200px #38bdf833,inset 0 0 30px #fff9;animation:pulseCore 4s ease-in-out infinite alternate}.splash-screen.accelerate .nucleus-core{animation:pulseCore .2s ease-in-out infinite alternate,nucleusCharge 1.5s ease-in forwards}@keyframes pulseCore{0%{transform:scale(.9)}to{transform:scale(1.1)}}@keyframes nucleusCharge{0%{box-shadow:0 0 60px #38bdf8,0 0 120px #38bdf866}to{box-shadow:0 0 100px #38bdf8,0 0 200px #38bdf8cc,0 0 300px #38bdf899,0 0 400px #818cf880}}.nucleus-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:radial-gradient(circle,rgba(56,189,248,.4) 0%,transparent 70%);border-radius:50%;animation:nucleusGlow 3s ease-in-out infinite alternate}@keyframes nucleusGlow{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}to{transform:translate(-50%,-50%) scale(1.3);opacity:.8}}.nucleus-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border:2px solid rgba(56,189,248,.6);border-radius:50%;animation:pulseRing 2s ease-out infinite}@keyframes pulseRing{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.splash-orbit{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid rgba(56,189,248,.15);border-radius:50%;transform-style:preserve-3d;box-shadow:0 0 20px #38bdf80d}.orbit-1{transform:rotateY(60deg) rotateX(45deg);animation:spin1 8s linear infinite}.orbit-2{transform:rotateY(120deg) rotateX(-45deg);animation:spin2 10s linear infinite}.orbit-3{transform:rotateY(180deg) rotateX(0);animation:spin3 12s linear infinite}.splash-screen.accelerate .orbit-1{animation:spin1 .5s linear infinite;border-color:#38bdf866}.splash-screen.accelerate .orbit-2{animation:spin2 .6s linear infinite;border-color:#818cf866}.splash-screen.accelerate .orbit-3{animation:spin3 .7s linear infinite;border-color:#ef444466}@keyframes spin1{0%{transform:rotateY(60deg) rotateX(45deg) rotate(0)}to{transform:rotateY(60deg) rotateX(45deg) rotate(360deg)}}@keyframes spin2{0%{transform:rotateY(120deg) rotateX(-45deg) rotate(0)}to{transform:rotateY(120deg) rotateX(-45deg) rotate(360deg)}}@keyframes spin3{0%{transform:rotateY(180deg) rotateX(0) rotate(0)}to{transform:rotateY(180deg) rotateX(0) rotate(360deg)}}.splash-electron{position:absolute;top:-8px;left:50%;margin-left:-8px;width:16px;height:16px;background:#38bdf8;border-radius:50%;box-shadow:0 0 30px #38bdf8,0 0 60px #38bdf866}.splash-electron:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:radial-gradient(circle,#38bdf8 0%,transparent 70%);animation:electronPulse 1.5s ease-in-out infinite}.splash-screen.accelerate .splash-electron{animation:electronGlow .2s ease-in-out infinite alternate}@keyframes electronPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.5);opacity:.3}}@keyframes electronGlow{0%{filter:brightness(1)}to{filter:brightness(2)}}.electron-1,.electron-2{background:#38bdf8;box-shadow:0 0 30px #38bdf8,0 0 60px #38bdf866}.electron-3{background:#ef4444;box-shadow:0 0 30px #ef4444,0 0 60px #ef444466}.electron-3:after{background:radial-gradient(circle,#ef4444 0%,transparent 70%)}.electron-trail{display:none}.splash-logo{font-family:Space Grotesk,sans-serif;font-size:3.5rem;font-weight:700;letter-spacing:-2px;margin-bottom:12px;opacity:0;animation:logoReveal 1s ease-out .5s forwards;z-index:10}.logo-flight{color:#fff}.logo-atom-text{background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.splash-screen.explode .splash-logo{animation:logoExplode .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes logoReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes logoExplode{0%{transform:scale(1);opacity:1;filter:brightness(1)}40%{transform:scale(1.4);opacity:1;filter:brightness(2)}to{transform:scale(2.5);opacity:0;filter:brightness(3)}}.splash-tagline{font-family:DM Sans,sans-serif;font-size:1.1rem;color:#94a3b8;letter-spacing:4px;text-transform:uppercase;margin-bottom:60px;opacity:0;animation:taglineReveal 1s ease-out .8s forwards;z-index:10}.splash-screen.explode .splash-tagline{animation:fadeOut .3s ease-out forwards}@keyframes taglineReveal{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{to{opacity:0}}.splash-loading{position:fixed;bottom:80px;left:50%;transform:translate(-50%);width:200px;z-index:10}.loading-bar{height:3px;background:#38bdf833;border-radius:10px;overflow:hidden}.loading-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#818cf8,#38bdf8);background-size:200% 100%;border-radius:10px;animation:loadingProgress 3.5s ease-in-out forwards,loadingShimmer 1s linear infinite}@keyframes loadingProgress{0%{width:0%}50%{width:60%}80%{width:85%}to{width:100%}}@keyframes loadingShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-text{display:block;text-align:center;margin-top:12px;font-family:DM Sans,sans-serif;font-size:.85rem;color:#64748b;letter-spacing:2px;text-transform:uppercase;animation:loadingPulse 1.5s ease-in-out infinite}@keyframes loadingPulse{0%,to{opacity:.5}50%{opacity:1}}.splash-screen.explode .splash-loading{animation:fadeOut .3s ease-out forwards}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);position:relative;overflow:hidden;padding:40px 20px}.login-bg-effects{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.bg-orb{position:absolute;border-radius:50%;filter:blur(80px);animation:orbFloat 15s ease-in-out infinite}.orb-1{width:400px;height:400px;background:#38bdf826;top:-100px;right:-100px;animation-delay:0s}.orb-2{width:300px;height:300px;background:#a855f71f;bottom:-50px;left:-50px;animation-delay:-5s}.orb-3{width:200px;height:200px;background:#22c55e1a;top:50%;left:30%;animation-delay:-10s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.05)}50%{transform:translate(-20px,30px) scale(.95)}75%{transform:translate(20px,20px) scale(1.02)}}.login-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:420px;z-index:1}.login-logo{display:flex;align-items:center;gap:16px;margin-bottom:40px}.logo-atom-icon{position:relative;width:48px;height:48px;display:flex;justify-content:center;align-items:center}.login-logo .logo-orbit{position:absolute;top:50%;left:0;width:100%;height:40%;border:2px solid rgba(255,255,255,.7);border-radius:50%;transform:translateY(-50%)}.login-logo .logo-orbit:nth-child(1){transform:translateY(-50%) rotate(50deg)}.login-logo .logo-orbit:nth-child(2){transform:translateY(-50%) rotate(-50deg)}.login-logo .logo-nucleus{position:absolute;width:10px;height:10px;background:#fff;border-radius:50%;z-index:2;box-shadow:0 0 20px #38bdf8cc}.login-logo .logo-text{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.75rem}.login-logo .logo-flight,.login-logo .logo-atom{color:var(--text)}.login-card{width:100%;background:var(--surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;box-shadow:0 25px 50px #0006}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-size:1.75rem;color:var(--text);margin-bottom:8px}.login-header p{color:var(--text-muted);font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{padding:12px 16px;background:var(--error-glow);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:var(--error);font-size:.9rem;text-align:center}.login-form .form-group{display:flex;flex-direction:column;gap:8px}.login-form label{font-size:.9rem;font-weight:500;color:var(--text)}.login-form input[type=email],.login-form input[type=password],.login-form input[type=text]{width:100%;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.95rem;transition:all .2s}.login-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.login-form input::placeholder{color:var(--text-dim)}.password-input-wrapper{position:relative}.password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-dim);padding:4px;border-radius:var(--radius-sm);transition:all .2s}.password-toggle:hover{color:var(--text);background:var(--surface-hover)}.form-options{display:flex;align-items:center;justify-content:space-between}.remember-me{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-muted);cursor:pointer}.remember-me input{display:none}.remember-me .checkmark{width:18px;height:18px;border:2px solid var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.remember-me input:checked+.checkmark{background:var(--accent);border-color:var(--accent)}.remember-me input:checked+.checkmark:after{content:"✓";color:#fff;font-size:12px}.forgot-password{font-size:.9rem;color:var(--accent);transition:color .2s}.forgot-password:hover{color:var(--accent-secondary)}.login-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:#fff;color:var(--bg);font-size:1rem;font-weight:600;border-radius:60px;transition:all .3s var(--ease-out-expo);box-shadow:0 4px 20px #ffffff1a;margin-top:8px;position:relative;overflow:hidden}.login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(56,189,248,.2),transparent);transition:left .5s ease}.login-btn:hover:before{left:100%}.login-btn:hover:not(:disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 8px 30px #ffffff26;background:linear-gradient(135deg,#fff,#f0f9ff)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.login-footer p{color:var(--text-muted);font-size:.9rem}.contact-sales{color:var(--accent);font-weight:500;font-size:.9rem}.contact-sales:hover{text-decoration:underline}@media (max-width: 480px){.login-card{padding:24px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.change-password-modal{width:100%;max-width:420px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);animation:slideUp .3s var(--ease-out-expo);overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-title{display:flex;align-items:center;gap:12px;color:var(--text)}.modal-title h2{font-size:1.1rem;font-weight:600}.modal-title svg{color:var(--accent)}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted);transition:all .2s}.close-btn:hover{background:var(--surface);color:var(--text)}.modal-form{padding:24px;display:flex;flex-direction:column;gap:20px}.form-error{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--error-glow);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:var(--error);font-size:.9rem}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9rem;font-weight:500;color:var(--text)}.password-input{position:relative;display:flex;align-items:center}.password-input input{width:100%;padding:12px 44px 12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.95rem;transition:all .2s}.password-input input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.password-input input::placeholder{color:var(--text-dim)}.toggle-visibility{position:absolute;right:12px;color:var(--text-dim);padding:4px;border-radius:var(--radius-sm);transition:all .2s}.toggle-visibility:hover{color:var(--text);background:var(--surface-hover)}.form-hint{font-size:.8rem;color:var(--text-dim)}.modal-actions{display:flex;gap:12px;margin-top:8px}.modal-actions .btn-secondary{flex:1;padding:12px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-weight:500;transition:all .2s}.modal-actions .btn-secondary:hover{background:var(--surface-hover);color:var(--text)}.modal-actions .btn-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--accent);color:var(--bg);font-weight:600;border-radius:var(--radius-sm);transition:all .2s}.modal-actions .btn-primary:hover:not(:disabled){background:var(--accent-secondary);transform:translateY(-1px)}.modal-actions .btn-primary:disabled{opacity:.7;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}.success-state{padding:48px 24px;display:flex;flex-direction:column;align-items:center;text-align:center}.success-icon{width:80px;height:80px;background:var(--success-glow);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--success);margin-bottom:20px}.success-state h3{font-size:1.25rem;color:var(--text);margin-bottom:8px}.success-state p{color:var(--text-muted);font-size:.95rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.customer-layout{display:flex;min-height:100vh;background:var(--bg)}.customer-sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100}.sidebar-header{padding:24px;border-bottom:1px solid var(--border)}.customer-sidebar .logo{display:flex;align-items:center;gap:12px}.customer-sidebar .logo-atom{position:relative;width:36px;height:36px;display:flex;justify-content:center;align-items:center}.customer-sidebar .logo-orbit{position:absolute;top:50%;left:0;width:100%;height:40%;border:1.5px solid rgba(255,255,255,.7);border-radius:50%;transform:translateY(-50%)}.customer-sidebar .logo-orbit:nth-child(1){transform:translateY(-50%) rotate(50deg)}.customer-sidebar .logo-orbit:nth-child(2){transform:translateY(-50%) rotate(-50deg)}.customer-sidebar .logo-nucleus{position:absolute;width:7px;height:7px;background:#fff;border-radius:50%;z-index:2;box-shadow:0 0 12px #38bdf8cc}.customer-sidebar .logo-text{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.2rem;color:var(--text)}.company-info{display:flex;align-items:center;gap:12px;padding:20px 24px;background:var(--surface);margin:16px;border-radius:var(--radius)}.company-avatar{width:44px;height:44px;background:var(--accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:var(--bg)}.company-details{display:flex;flex-direction:column}.company-name{font-weight:600;font-size:.95rem;color:var(--text)}.company-type{font-size:.8rem;color:var(--text-dim)}.customer-sidebar .sidebar-nav{flex:1;padding:8px 12px}.customer-sidebar .sidebar-nav ul{list-style:none;display:flex;flex-direction:column;gap:4px}.customer-sidebar .nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.95rem;font-weight:500;transition:all .2s}.customer-sidebar .nav-link:hover{background:var(--surface);color:var(--text)}.customer-sidebar .nav-link.active{background:var(--accent-glow);color:var(--accent)}.customer-sidebar .sidebar-footer{padding:20px;border-top:1px solid var(--border)}.customer-sidebar .user-profile{display:flex;align-items:center;gap:12px}.customer-sidebar .user-avatar{width:40px;height:40px;background:var(--success);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;color:var(--bg)}.customer-sidebar .user-info{display:flex;flex-direction:column}.customer-sidebar .user-name{font-weight:600;font-size:.9rem;color:var(--text)}.customer-sidebar .user-role{font-size:.8rem;color:var(--text-dim)}.customer-main{flex:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh}.customer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.customer-header .header-left h1{font-size:1.25rem;color:var(--text)}.customer-header .header-right{display:flex;align-items:center;gap:12px}.customer-header .theme-toggle,.customer-header .header-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);color:var(--text-muted);transition:all .2s}.customer-header .theme-toggle:hover,.customer-header .header-btn:hover{background:var(--surface);color:var(--text)}.customer-header .notification-badge{position:absolute;top:6px;right:6px;min-width:16px;height:16px;padding:0 4px;background:var(--error);color:#fff;font-size:.65rem;font-weight:600;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.user-menu{position:relative}.user-menu-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);color:var(--text);transition:all .2s}.user-menu-btn:hover{background:var(--surface)}.user-avatar-small{width:32px;height:32px;background:var(--success);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;color:var(--bg)}.user-dropdown{position:absolute;top:100%;right:0;min-width:180px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:8px;margin-top:8px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s;box-shadow:var(--shadow-lg)}.user-menu:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item.logout{color:var(--error)}.dropdown-item.logout:hover{background:var(--error-glow)}.customer-content{flex:1;padding:32px;overflow-y:auto;background:var(--bg)}@media (max-width: 1024px){.customer-sidebar{transform:translate(-100%);transition:transform .3s ease}.customer-sidebar.open{transform:translate(0)}.customer-main{margin-left:0}}.customer-dashboard{max-width:1400px;margin:0 auto}.welcome-section{display:flex;align-items:center;justify-content:space-between;padding:32px;background:linear-gradient(135deg,#38bdf826,#a855f71a);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:32px}.welcome-content h1{font-size:1.75rem;color:var(--text);margin-bottom:8px}.welcome-content p{color:var(--text-muted);font-size:1rem}.welcome-actions .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);color:#fff;font-weight:600;border-radius:var(--radius-sm);transition:all .3s;box-shadow:0 4px 20px var(--accent-glow)}.welcome-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow-strong)}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;align-items:center;gap:16px;transition:all .2s}.stat-value{font-family:Space Grotesk,sans-serif;font-size:1.75rem;font-weight:700;color:var(--text)}.stat-label{font-size:.85rem;color:var(--text-muted)}.services-list{display:flex;flex-direction:column;gap:12px}.service-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--surface);border-radius:var(--radius-sm);transition:all .2s}.service-item:hover{background:var(--surface-hover)}.service-icon{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.service-info{flex:1}.service-info h4{font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:2px}.service-info p{font-size:.8rem;color:var(--text-dim)}.service-status{font-size:.75rem;font-weight:600;text-transform:uppercase;padding:4px 10px;border-radius:var(--radius-full)}.tickets-list{display:flex;flex-direction:column;gap:8px}.ticket-priority-indicator{width:4px;height:40px;border-radius:var(--radius-full)}.ticket-priority-indicator[data-priority=critical]{background:var(--error)}.ticket-priority-indicator[data-priority=high]{background:var(--warning)}.ticket-priority-indicator[data-priority=medium]{background:var(--accent)}.ticket-priority-indicator[data-priority=low]{background:var(--text-dim)}.ticket-info h4{font-size:.9rem;font-weight:500;color:var(--text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-status{font-size:.7rem;font-weight:600;text-transform:uppercase;padding:4px 10px;border-radius:var(--radius-full);white-space:nowrap}.empty-state{text-align:center;padding:40px;color:var(--text-dim)}.empty-state p{margin-bottom:12px}.empty-state a{color:var(--accent)}@media (max-width: 768px){.welcome-section{flex-direction:column;gap:20px;text-align:center}.stats-grid,.actions-grid{grid-template-columns:1fr}}.customer-services{max-width:1400px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.service-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all .2s}.service-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.service-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.service-icon{width:56px;height:56px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.service-status{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;padding:6px 12px;border-radius:var(--radius-full)}.service-status.active{background:var(--success-glow);color:var(--success)}.service-status.pending{background:var(--warning-glow);color:var(--warning)}.service-body{margin-bottom:20px}.service-body h3{font-size:1.15rem;color:var(--text);margin-bottom:8px}.service-body p{font-size:.9rem;color:var(--text-muted);line-height:1.5}.service-stats{display:flex;gap:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}.service-stats .stat{display:flex;align-items:center;gap:8px;color:var(--text-dim);font-size:.85rem}.service-details{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;font-size:.9rem}.detail-row .label{color:var(--text-muted)}.detail-row .value{color:var(--text);font-weight:500}.service-actions{display:flex;gap:12px}.service-actions .btn-secondary{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-weight:500;transition:all .2s}.service-actions .btn-secondary:hover{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.customer-tickets{max-width:1200px;margin:0 auto}.tickets-stats .stat:hover{border-color:var(--accent);background:var(--accent-glow)}.tickets-filters{display:flex;gap:16px;margin-bottom:24px}.tickets-list{display:flex;flex-direction:column;gap:16px}.ticket-card{display:flex;gap:16px;padding:24px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s}.ticket-card:hover{border-color:var(--border-hover);transform:translate(4px);box-shadow:var(--shadow-md)}.ticket-main{flex:1;min-width:0}.ticket-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ticket-id{font-size:.85rem;font-weight:600;color:var(--text-dim)}.ticket-status{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;padding:4px 10px;border-radius:var(--radius-full)}.ticket-subject{font-size:1.05rem;font-weight:600;color:var(--text);margin-bottom:8px}.ticket-description{font-size:.9rem;color:var(--text-muted);line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticket-footer{display:flex;align-items:center;gap:16px}.ticket-service{font-size:.8rem;font-weight:600}.ticket-date{font-size:.8rem;color:var(--text-dim)}.ticket-priority-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;padding:3px 8px;border-radius:var(--radius-full)}.empty-state p{color:var(--text-muted);margin-bottom:20px}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}.tickets-stats{flex-wrap:wrap}.tickets-stats .stat{min-width:calc(50% - 8px)}.tickets-filters{flex-direction:column}}.admin-layout{display:flex;min-height:100vh;background:var(--bg)}.admin-sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100}.admin-sidebar .sidebar-header{padding:24px;border-bottom:1px solid var(--border)}.admin-sidebar .logo{display:flex;align-items:center;gap:12px}.admin-sidebar .logo-atom{position:relative;width:36px;height:36px;display:flex;justify-content:center;align-items:center}.admin-sidebar .logo-orbit{position:absolute;top:50%;left:0;width:100%;height:40%;border:1.5px solid rgba(255,255,255,.7);border-radius:50%;transform:translateY(-50%)}.admin-sidebar .logo-orbit:nth-child(1){transform:translateY(-50%) rotate(50deg)}.admin-sidebar .logo-orbit:nth-child(2){transform:translateY(-50%) rotate(-50deg)}.admin-sidebar .logo-nucleus{position:absolute;width:7px;height:7px;background:#fff;border-radius:50%;z-index:2;box-shadow:0 0 12px #38bdf8cc}.admin-sidebar .logo-text{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.2rem;color:var(--text)}.admin-badge{margin:16px;padding:12px 16px;background:var(--accent);border-radius:var(--radius-sm);text-align:center}.admin-badge span{font-weight:600;font-size:.85rem;color:var(--bg);text-transform:uppercase;letter-spacing:1px}.admin-sidebar .sidebar-nav{flex:1;padding:8px 12px}.admin-sidebar .sidebar-nav ul{list-style:none;display:flex;flex-direction:column;gap:4px}.admin-sidebar .nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.95rem;font-weight:500;transition:all .2s}.admin-sidebar .nav-link:hover{background:var(--surface);color:var(--text)}.admin-sidebar .nav-link.active{background:var(--accent-glow);color:var(--accent)}.admin-sidebar .sidebar-footer{padding:20px;border-top:1px solid var(--border)}.admin-sidebar .user-profile{display:flex;align-items:center;gap:12px}.admin-sidebar .user-avatar{width:40px;height:40px;background:var(--accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;color:var(--bg)}.admin-sidebar .user-info{display:flex;flex-direction:column}.admin-sidebar .user-name{font-weight:600;font-size:.9rem;color:var(--text)}.admin-sidebar .user-role{font-size:.8rem;color:var(--text-dim)}.admin-main{flex:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.admin-header .header-left h1{font-size:1.25rem;color:var(--text)}.admin-header .header-right{display:flex;align-items:center;gap:12px}.admin-header .theme-toggle,.admin-header .header-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);color:var(--text-muted);transition:all .2s}.admin-header .theme-toggle:hover,.admin-header .header-btn:hover{background:var(--surface);color:var(--text)}.admin-header .notification-badge{position:absolute;top:6px;right:6px;min-width:16px;height:16px;padding:0 4px;background:var(--error);color:#fff;font-size:.65rem;font-weight:600;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.admin-header .user-menu{position:relative}.admin-header .user-menu-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);color:var(--text);transition:all .2s}.admin-header .user-menu-btn:hover{background:var(--surface)}.admin-header .user-avatar-small{width:32px;height:32px;background:var(--accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;color:var(--bg)}.admin-header .user-dropdown{position:absolute;top:100%;right:0;min-width:180px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:8px;margin-top:8px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s;box-shadow:var(--shadow-lg)}.admin-header .user-menu:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.admin-header .dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.9rem;transition:all .2s}.admin-header .dropdown-item:hover{background:var(--surface);color:var(--text)}.admin-header .dropdown-item.logout{color:var(--error)}.admin-header .dropdown-item.logout:hover{background:var(--error-glow)}.admin-content{flex:1;padding:32px;overflow-y:auto;background:var(--bg)}.sidebar-toggle{position:absolute;top:20px;right:-16px;width:32px;height:32px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;z-index:10;transition:all .2s}.sidebar-toggle:hover{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.admin-layout.sidebar-collapsed .admin-sidebar{width:80px}.admin-layout.sidebar-collapsed .admin-main{margin-left:80px}.admin-layout.sidebar-collapsed .logo-text,.admin-layout.sidebar-collapsed .admin-badge span,.admin-layout.sidebar-collapsed .nav-link span,.admin-layout.sidebar-collapsed .user-info,.admin-layout.sidebar-collapsed .user-name,.admin-layout.sidebar-collapsed .user-role{display:none}.admin-layout.sidebar-collapsed .admin-badge{margin:16px 12px;padding:12px}.admin-layout.sidebar-collapsed .nav-link{justify-content:center;padding:12px}.admin-layout.sidebar-collapsed .user-profile{justify-content:center}.admin-layout.sidebar-collapsed .sidebar-footer{padding:20px 12px}@media (max-width: 1024px){.admin-sidebar{transform:translate(-100%);transition:transform .3s ease}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0}.sidebar-toggle{display:none}}.admin-dashboard{max-width:1400px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:16px;transition:all .2s}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.stat-icon{width:56px;height:56px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.stat-icon.orange{background:var(--warning-glow);color:var(--warning)}.stat-icon.green{background:var(--success-glow);color:var(--success)}.stat-info{display:flex;flex-direction:column}.stat-value{font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:700;color:var(--text)}.stat-label{font-size:.9rem;color:var(--text-muted)}.stat-trend{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500}.stat-trend.positive{color:var(--success)}.stat-trend.negative{color:var(--error)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.dashboard-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-header h2{font-size:1.1rem;color:var(--text)}.card-link{display:flex;align-items:center;gap:6px;color:var(--accent);font-size:.9rem;font-weight:500;transition:gap .2s}.card-link:hover{gap:10px}.tickets-list{display:flex;flex-direction:column;gap:12px}.ticket-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--surface);border-radius:var(--radius-sm);transition:all .2s}.ticket-item:hover{background:var(--surface-hover)}.ticket-priority{width:4px;height:40px;border-radius:var(--radius-full)}.ticket-info{flex:1;min-width:0}.ticket-info h4{font-size:.9rem;font-weight:500;color:var(--text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-info p{font-size:.8rem;color:var(--text-dim)}.ticket-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.ticket-status{display:flex;align-items:center;gap:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;padding:4px 8px;border-radius:var(--radius-full)}.clients-list{display:flex;flex-direction:column;gap:12px}.client-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--surface);border-radius:var(--radius-sm);transition:all .2s}.client-item:hover{background:var(--surface-hover)}.client-avatar{width:44px;height:44px;background:var(--accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:var(--bg)}.client-info{flex:1}.client-info h4{font-size:.95rem;font-weight:500;color:var(--text);margin-bottom:4px}.client-info p{font-size:.8rem;color:var(--text-dim)}.client-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.client-revenue{font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:600;color:var(--text)}.client-status{font-size:.7rem;font-weight:600;text-transform:uppercase;padding:4px 8px;border-radius:var(--radius-full)}.quick-actions h2{font-size:1.1rem;color:var(--text);margin-bottom:16px}.actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.action-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);transition:all .2s}.action-card:hover{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.action-card span{font-size:.9rem;font-weight:500}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 768px){.stats-grid,.actions-grid{grid-template-columns:1fr}}.admin-clients{max-width:1400px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--accent);color:var(--bg);font-weight:600;border-radius:var(--radius-sm);transition:all .3s;box-shadow:0 4px 20px var(--accent-glow)}.clients-stats{display:flex;gap:16px;margin-bottom:24px}.clients-stats .stat{flex:1;padding:20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.clients-stats .stat-value{display:block;font-family:Space Grotesk,sans-serif;font-size:1.75rem;font-weight:700;color:var(--text)}.clients-stats .stat-label{font-size:.85rem;color:var(--text-muted)}.clients-filters{display:flex;gap:16px;margin-bottom:24px}.clients-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.client-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all .2s}.client-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.client-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.client-avatar{width:56px;height:56px;background:var(--accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:var(--bg)}.client-actions{position:relative}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--text-muted);transition:all .2s}.action-btn:hover{background:var(--surface);color:var(--text)}.action-dropdown{position:absolute;top:100%;right:0;min-width:160px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:8px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s;z-index:10;box-shadow:var(--shadow-lg)}.client-actions:hover .action-dropdown{opacity:1;visibility:visible;transform:translateY(4px)}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.9rem;transition:all .2s}.dropdown-item:hover{background:var(--surface);color:var(--text)}.dropdown-item.danger{color:var(--error)}.dropdown-item.danger:hover{background:var(--error-glow)}.client-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.client-info h3{font-size:1.1rem;font-weight:600;color:var(--text)}.client-status{font-size:.7rem;font-weight:600;text-transform:uppercase;padding:4px 10px;border-radius:var(--radius-full)}.client-status.active{background:var(--success-glow);color:var(--success)}.client-status.pending{background:var(--warning-glow);color:var(--warning)}.client-status.inactive{background:var(--surface);color:var(--text-dim)}.client-details{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}.detail-item{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-muted)}.detail-item svg{color:var(--text-dim)}.client-stats{display:flex;justify-content:space-between;margin-bottom:20px}.client-stat{text-align:center}.client-stat .value{display:block;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;color:var(--text)}.client-stat .label{font-size:.75rem;color:var(--text-dim)}.view-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:var(--surface);border-radius:var(--radius-sm);color:var(--text-muted);font-weight:500;font-size:.9rem;transition:all .2s}.view-btn:hover{background:var(--accent-glow);color:var(--accent)}@media (max-width: 1200px){.clients-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}.clients-stats{flex-wrap:wrap}.clients-stats .stat{min-width:calc(50% - 8px)}.clients-filters{flex-direction:column}.clients-grid{grid-template-columns:1fr}}.admin-client-new{padding:1.5rem;max-width:900px}.admin-client-new .page-header{margin-bottom:2rem}.admin-client-new .back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;margin-bottom:1rem;transition:color .2s}.admin-client-new .back-link:hover{color:var(--accent-primary)}.admin-client-new .page-header h1{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.admin-client-new .page-header p{color:var(--text-secondary);margin:0}.admin-client-new .error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.client-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.form-section h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-group label svg{color:var(--text-muted)}.form-group input,.form-group select{padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder{color:var(--text-muted)}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem}.form-actions .btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;text-decoration:none;transition:background .2s}.form-actions .btn-secondary:hover{background:var(--bg-hover)}.form-actions .btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-primary);border:none;border-radius:8px;color:#fff;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .2s}.form-actions .btn-primary:hover{background:var(--accent-hover)}.form-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}.admin-client-detail{padding:1.5rem;max-width:1200px}.admin-client-detail .back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;margin-bottom:1.5rem;transition:color .2s}.admin-client-detail .back-link:hover{color:var(--accent-primary)}.company-header{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem}.company-header .company-avatar{width:64px;height:64px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:#fff}.company-header .company-info{flex:1}.company-header .company-info h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.company-header .company-meta{display:flex;gap:1.5rem;flex-wrap:wrap}.company-header .company-meta span{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.company-header .company-status{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;text-transform:capitalize}.company-status.active{background:#22c55e1a;color:#22c55e}.company-status.pending{background:#f59e0b1a;color:#f59e0b}.company-status.inactive{background:#6b72801a;color:#6b7280}.info-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}@media (max-width: 900px){.info-cards{grid-template-columns:repeat(2,1fr)}}.info-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px}.info-card svg{color:var(--accent-primary)}.info-card .label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem}.info-card .value{display:block;font-size:.9375rem;font-weight:500;color:var(--text-primary)}.section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.section-header .btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--accent-primary);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.section-header .btn-primary:hover{background:var(--accent-hover)}.subscriptions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.subscription-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:1rem}.subscription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.subscription-card .service-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.subscription-card .delete-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.subscription-card .delete-btn:hover{color:#ef4444;background:#ef44441a}.subscription-card h3{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.subscription-details{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--text-secondary)}.users-table{overflow-x:auto}.users-table table{width:100%;border-collapse:collapse}.users-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.users-table td{padding:1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:.875rem}.users-table tr:last-child td{border-bottom:none}.user-cell{display:flex;align-items:center;gap:.75rem}.user-avatar{width:36px;height:36px;background:var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--bg)}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.online{background:#22c55e1a;color:#22c55e}.status-badge.away{background:#f59e0b1a;color:#f59e0b}.status-badge.offline{background:#6b72801a;color:#6b7280}.icon-btn{background:none;border:none;padding:.5rem;border-radius:6px;cursor:pointer;color:var(--text-muted);transition:all .2s}.icon-btn.danger:hover{color:#ef4444;background:#ef44441a}.empty-state{text-align:center;padding:3rem;color:var(--text-muted)}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state p{margin:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--bg-secondary);border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.modal-header .close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.modal-header .close-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.modal form{padding:1.5rem}.modal .form-group{margin-bottom:1.25rem}.modal .form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.modal .form-group input,.modal .form-group select{width:100%;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9375rem}.modal .form-group input:focus,.modal .form-group select:focus{outline:none;border-color:var(--accent-primary)}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem}.modal-actions .btn-secondary{padding:.625rem 1.25rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer}.modal-actions .btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--accent-primary);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer}.modal-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}.company-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.company-header .btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.company-header .btn-secondary:hover{background:var(--surface-hover);color:var(--text)}.company-header .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:var(--bg);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.company-header .btn-primary:hover{background:var(--accent-secondary)}.modal.modal-large{max-width:600px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 600px){.form-row{grid-template-columns:1fr}.company-actions{flex-wrap:wrap}}.product-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap}.product-badge.all{background:var(--surface-hover);color:var(--text-muted)}.form-hint{display:block;font-size:.75rem;color:var(--text-dim);margin-top:6px}.admin-contracts{max-width:1200px;margin:0 auto}.page-header{margin-bottom:32px}.contracts-stats{display:flex;gap:16px;margin-bottom:24px}.contracts-stats .stat{flex:1;padding:20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.contracts-stats .stat.warning{border-color:var(--warning);background:var(--warning-glow)}.contracts-stats .stat-value{display:block;font-family:Space Grotesk,sans-serif;font-size:1.75rem;font-weight:700;color:var(--text)}.contracts-stats .stat-label{font-size:.85rem;color:var(--text-muted)}.contracts-filters{display:flex;gap:16px;margin-bottom:24px}.search-bar{flex:1;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm)}.search-bar input{flex:1;background:none;border:none;color:var(--text);font-size:.95rem;outline:none}.filter-group{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim)}.filter-group select{background:none;border:none;color:var(--text);font-size:.95rem;outline:none;cursor:pointer}.contracts-list{display:flex;flex-direction:column;gap:20px}.contract-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all .2s}.contract-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.contract-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.contract-company{display:flex;align-items:center;gap:16px}.company-avatar{width:56px;height:56px;background:var(--accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:var(--bg)}.company-info h3{font-size:1.1rem;font-weight:600;color:var(--text);margin-bottom:4px}.company-info p{font-size:.85rem;color:var(--text-muted)}.contract-status{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;padding:6px 12px;border-radius:var(--radius-full)}.contract-status.active{background:var(--success-glow);color:var(--success)}.contract-status.expiring{background:var(--warning-glow);color:var(--warning)}.contract-status.expired{background:var(--error-glow);color:var(--error)}.contract-details{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.detail-row{display:flex;gap:32px}.detail{flex:1;display:flex;align-items:center;gap:12px}.detail svg{color:var(--text-dim)}.detail .label{display:block;font-size:.8rem;color:var(--text-dim);margin-bottom:2px}.detail .value{display:block;font-size:.95rem;font-weight:500;color:var(--text)}.contract-services{margin-bottom:24px;padding:20px;background:var(--surface);border-radius:var(--radius-sm)}.contract-services h4{font-size:.9rem;font-weight:600;color:var(--text);margin-bottom:16px}.services-list{display:flex;flex-direction:column;gap:10px}.service-item{display:flex;align-items:center;gap:16px;padding:10px 12px;background:var(--bg-secondary);border-radius:var(--radius-sm)}.service-name{flex:1;font-size:.9rem;font-weight:500;color:var(--text)}.service-users{font-size:.8rem;color:var(--text-muted)}.service-price{font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:600;color:var(--accent)}.contract-actions{display:flex;gap:12px}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-weight:500;font-size:.9rem;transition:all .2s}.btn-secondary:hover{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);text-align:center;color:var(--text-dim)}.empty-state h3{font-size:1.25rem;color:var(--text);margin:16px 0 8px}.empty-state p{color:var(--text-muted)}@media (max-width: 768px){.contracts-stats{flex-wrap:wrap}.contracts-stats .stat{min-width:calc(50% - 8px)}.contracts-filters{flex-direction:column}.detail-row{flex-direction:column;gap:16px}.contract-actions{flex-direction:column}.btn-secondary{justify-content:center}}.admin-tickets{max-width:1400px;margin:0 auto}.page-header{margin-bottom:24px}.page-header h1{font-size:1.5rem;color:var(--text);margin-bottom:8px}.page-header p{color:var(--text-muted)}.tickets-stats{display:flex;gap:16px;margin-bottom:24px}.tickets-stats .stat{flex:1;padding:20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;transition:all .2s}.tickets-stats .stat:hover{border-color:var(--accent)}.tickets-stats .stat.active{border-color:var(--accent);background:var(--accent-glow)}.tickets-stats .stat.warning{border-color:var(--warning)}.tickets-stats .stat.warning.active{background:var(--warning-glow)}.tickets-stats .stat-value{display:block;font-family:Space Grotesk,sans-serif;font-size:1.75rem;font-weight:700;color:var(--text)}.tickets-stats .stat-label{font-size:.85rem;color:var(--text-muted)}.tickets-container{display:grid;grid-template-columns:400px 1fr;gap:24px;min-height:600px}.tickets-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden}.tickets-filters{display:flex;flex-direction:column;gap:12px;padding:16px;border-bottom:1px solid var(--border)}.search-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.search-bar svg{color:var(--text-dim)}.search-bar input{flex:1;background:none;border:none;color:var(--text);font-size:.9rem;outline:none}.search-bar input::placeholder{color:var(--text-dim)}.filter-group{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim)}.filter-group select{flex:1;background:none;border:none;color:var(--text);font-size:.9rem;outline:none;cursor:pointer}.tickets-list{flex:1;overflow-y:auto}.ticket-item{display:flex;gap:12px;padding:16px;border-bottom:1px solid var(--border);cursor:pointer;transition:all .2s}.ticket-item:hover{background:var(--surface)}.ticket-item.selected{background:var(--accent-glow);border-left:3px solid var(--accent)}.ticket-priority{width:4px;border-radius:var(--radius-full);flex-shrink:0}.ticket-priority[data-priority=critical]{background:var(--error)}.ticket-priority[data-priority=high]{background:var(--warning)}.ticket-priority[data-priority=medium]{background:var(--accent)}.ticket-priority[data-priority=low]{background:var(--text-dim)}.ticket-content{flex:1;min-width:0}.ticket-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.ticket-id{font-size:.8rem;font-weight:600;color:var(--text-dim)}.ticket-status{display:flex;align-items:center;gap:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;padding:3px 8px;border-radius:var(--radius-full)}.ticket-status.open{background:var(--accent-glow);color:var(--accent)}.ticket-status.in-progress{background:var(--warning-glow);color:var(--warning)}.ticket-status.resolved{background:var(--success-glow);color:var(--success)}.ticket-subject{font-size:.9rem;font-weight:500;color:var(--text);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-meta{display:flex;align-items:center;gap:12px}.ticket-company{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-muted)}.ticket-date{font-size:.75rem;color:var(--text-dim)}.ticket-detail-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:24px;overflow-y:auto}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-dim);text-align:center}.no-selection h3{font-size:1.1rem;color:var(--text);margin:16px 0 8px}.no-selection p{color:var(--text-muted)}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.detail-id{display:block;font-size:.85rem;font-weight:600;color:var(--text-dim);margin-bottom:8px}.detail-header h2{font-size:1.25rem;color:var(--text)}.ticket-priority-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;padding:6px 12px;border-radius:var(--radius-full)}.ticket-priority-badge.critical{background:var(--error-glow);color:var(--error)}.ticket-priority-badge.high{background:var(--warning-glow);color:var(--warning)}.ticket-priority-badge.medium{background:var(--accent-glow);color:var(--accent)}.ticket-priority-badge.low{background:var(--surface);color:var(--text-dim)}.detail-info{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.info-item{display:flex;align-items:center;gap:12px}.info-item svg{color:var(--text-dim)}.info-item .label{display:block;font-size:.75rem;color:var(--text-dim);margin-bottom:2px}.info-item .value{display:block;font-size:.9rem;font-weight:500;color:var(--text)}.detail-description{margin-bottom:24px;padding:20px;background:var(--surface);border-radius:var(--radius-sm)}.detail-description h4{font-size:.9rem;font-weight:600;color:var(--text);margin-bottom:12px}.detail-description p{font-size:.9rem;color:var(--text-muted);line-height:1.6}.detail-actions{margin-bottom:24px}.detail-actions h4{font-size:.9rem;font-weight:600;color:var(--text);margin-bottom:12px}.status-buttons{display:flex;gap:12px}.status-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--text-muted);transition:all .2s}.status-btn:hover{border-color:var(--text-dim)}.status-btn.open.active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.status-btn.in-progress.active{background:var(--warning-glow);border-color:var(--warning);color:var(--warning)}.status-btn.resolved.active{background:var(--success-glow);border-color:var(--success);color:var(--success)}.detail-reply h4{font-size:.9rem;font-weight:600;color:var(--text);margin-bottom:12px}.detail-reply textarea{width:100%;min-height:120px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;font-family:inherit;resize:vertical;margin-bottom:12px;outline:none}.detail-reply textarea:focus{border-color:var(--accent)}.detail-reply textarea::placeholder{color:var(--text-dim)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);color:#fff;font-weight:600;border-radius:var(--radius-sm);transition:all .3s;box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow-strong)}.loading{display:flex;align-items:center;justify-content:center;height:300px;color:var(--text-muted)}@media (max-width: 1024px){.tickets-container{grid-template-columns:1fr}.ticket-detail-panel{display:none}.ticket-detail-panel.show{display:block}}@media (max-width: 768px){.tickets-stats{flex-wrap:wrap}.tickets-stats .stat{min-width:calc(50% - 8px)}.detail-info{grid-template-columns:1fr}.status-buttons{flex-direction:column}}.admin-calendar{padding:32px;max-width:1600px;margin:0 auto;animation:fadeIn .4s var(--ease-out-expo)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.calendar-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:16px;transition:all .3s var(--ease-out-expo)}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 32px #0003}.stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center}.stat-icon.orange{background:#f59e0b26;color:#f59e0b}.stat-icon.blue{background:var(--accent-glow);color:var(--accent)}.stat-icon.purple{background:var(--purple-glow);color:var(--purple)}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:1.75rem;font-weight:700;font-family:Space Grotesk,sans-serif;color:var(--text);line-height:1}.stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.calendar-layout{display:grid;grid-template-columns:1fr 380px;gap:24px}@media (max-width: 1200px){.calendar-layout{grid-template-columns:1fr}}.calendar-main{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:20px;overflow:hidden}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:16px}.calendar-title{display:flex;align-items:center;gap:12px;color:var(--accent)}.calendar-title h1{font-size:1.25rem;font-weight:600;color:var(--text)}.calendar-nav{display:flex;align-items:center;gap:8px}.calendar-nav h2{font-size:1.1rem;font-weight:600;min-width:180px;text-align:center;color:var(--text)}.nav-btn{width:36px;height:36px;border-radius:10px;background:transparent;border:1px solid var(--border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s}.nav-btn:hover{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.calendar-actions{display:flex;align-items:center;gap:10px}.today-btn{padding:8px 16px;background:var(--accent);color:var(--bg);font-weight:600;font-size:.85rem;border-radius:10px;transition:all .2s}.today-btn:hover{background:var(--accent-secondary);transform:translateY(-1px)}.view-toggle{display:flex;background:var(--bg-secondary);border-radius:10px;padding:3px;border:1px solid var(--border)}.view-toggle button{padding:6px 14px;border-radius:8px;font-size:.8rem;font-weight:500;color:var(--text-muted);transition:all .2s}.view-toggle button:hover{color:var(--text)}.view-toggle button.active{background:var(--accent);color:var(--bg);box-shadow:0 2px 8px var(--accent-glow)}.calendar-grid{padding:20px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.weekday{text-align:center;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);padding:12px 0}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{aspect-ratio:1;min-height:90px;padding:8px;background:var(--bg-secondary);border:1px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s var(--ease-out-expo);display:flex;flex-direction:column;position:relative;overflow:hidden}.calendar-day:hover{border-color:var(--border-hover);background:var(--surface-hover);transform:scale(1.02);z-index:1}.calendar-day.other-month{opacity:.35}.calendar-day.other-month:hover{opacity:.6}.calendar-day.today{background:var(--accent-glow);border-color:var(--accent)}.calendar-day.today .day-number{background:var(--accent);color:var(--bg)}.calendar-day.selected{border-color:var(--accent);background:var(--accent-glow-strong);box-shadow:0 0 0 2px var(--accent-glow)}.day-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:var(--text);border-radius:8px;margin-bottom:4px;transition:all .2s}.day-events{display:flex;flex-direction:column;gap:3px;flex:1;overflow:hidden}.event-pill{padding:3px 6px;border-radius:4px;font-size:.65rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.9;transition:all .2s}.event-pill:hover{opacity:1;transform:translate(2px)}.event-pill.ticket{background:var(--accent-glow);color:var(--accent);border-left:2px solid var(--accent)}.event-pill.ticket.critical{background:var(--error-glow);color:var(--error);border-left-color:var(--error)}.event-pill.ticket.high{background:var(--warning-glow);color:var(--warning);border-left-color:var(--warning)}.event-pill.contract{background:var(--purple-glow);color:var(--purple);border-left:2px solid var(--purple)}.more-events{font-size:.65rem;color:var(--text-dim);font-weight:600;padding:2px 4px}.calendar-sidebar{display:flex;flex-direction:column;gap:16px}.sidebar-card{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:16px;padding:20px}.sidebar-card h3{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:600;color:var(--text);margin-bottom:16px}.sidebar-card h3 svg{color:var(--accent)}.selected-date-card{background:linear-gradient(135deg,var(--accent-glow) 0%,var(--surface) 100%);border-color:#38bdf833}.selected-date-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.selected-day{font-size:2.5rem;font-weight:700;font-family:Space Grotesk,sans-serif;color:var(--accent);line-height:1;min-width:60px}.selected-date-info{display:flex;flex-direction:column;gap:2px}.selected-weekday{font-size:1rem;font-weight:600;color:var(--text)}.selected-month{font-size:.8rem;color:var(--text-muted)}.selected-date-events{display:flex;flex-direction:column;gap:10px}.no-events{color:var(--text-dim);font-size:.85rem;text-align:center;padding:24px;background:var(--bg-secondary);border-radius:10px}.event-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:12px;transition:all .2s;cursor:pointer}.event-item:hover{background:var(--surface-hover);transform:translate(4px)}.event-indicator{width:4px;height:100%;min-height:44px;border-radius:2px;flex-shrink:0}.event-content{flex:1;min-width:0}.event-title{display:block;font-size:.875rem;font-weight:600;color:var(--text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-subtitle{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted)}.event-status{flex-shrink:0}.status-badge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px}.status-badge.open{background:var(--warning-glow);color:var(--warning)}.status-badge.in-progress{background:var(--accent-glow);color:var(--accent)}.status-badge.resolved{background:var(--success-glow);color:var(--success)}.upcoming-events{display:flex;flex-direction:column;gap:10px}.upcoming-item{display:flex;align-items:center;gap:12px;padding:10px;background:var(--bg-secondary);border-radius:10px;transition:all .2s;cursor:pointer}.upcoming-item:hover{background:var(--surface-hover);transform:translate(4px)}.upcoming-date{display:flex;flex-direction:column;align-items:center;padding:8px 10px;background:var(--surface-hover);border-radius:8px;min-width:48px}.upcoming-day{font-size:1.1rem;font-weight:700;font-family:Space Grotesk,sans-serif;color:var(--text);line-height:1}.upcoming-month{font-size:.6rem;text-transform:uppercase;color:var(--text-dim);font-weight:600;letter-spacing:.5px}.upcoming-content{flex:1;min-width:0}.upcoming-title{display:block;font-size:.8rem;font-weight:500;color:var(--text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upcoming-type{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.legend-card h3{margin-bottom:12px}.legend-items{display:grid;grid-template-columns:1fr 1fr;gap:10px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-muted)}.legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1rem;color:var(--text-muted)}@media (max-width: 768px){.admin-calendar{padding:16px}.calendar-header{flex-direction:column;align-items:flex-start;padding:16px}.calendar-actions{width:100%;justify-content:space-between}.calendar-grid{padding:12px}.calendar-day{min-height:70px;padding:6px}.day-number{width:24px;height:24px;font-size:.75rem}.event-pill{font-size:.6rem;padding:2px 4px}.legend-items{grid-template-columns:1fr}}:root,[data-theme=dark]{--bg: #080d19;--bg-secondary: #0d1424;--bg-tertiary: #111827;--surface: rgba(30, 41, 59, .5);--surface-solid: #1e293b;--surface-hover: rgba(51, 65, 85, .6);--text: #f8fafc;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--text-dim: #64748b;--accent: #38bdf8;--accent-secondary: #0ea5e9;--accent-glow: rgba(56, 189, 248, .15);--accent-glow-strong: rgba(56, 189, 248, .3);--success: #10b981;--success-glow: rgba(16, 185, 129, .2);--warning: #f59e0b;--warning-glow: rgba(245, 158, 11, .2);--error: #ef4444;--error-glow: rgba(239, 68, 68, .2);--purple: #a855f7;--purple-glow: rgba(168, 85, 247, .2);--gradient-start: #38bdf8;--gradient-end: #818cf8;--border: rgba(255, 255, 255, .08);--border-hover: rgba(56, 189, 248, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .5);--overlay: rgba(0, 0, 0, .7);--input-bg: var(--surface);--input-border: var(--border)}[data-theme=light]{--bg: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--surface: rgba(241, 245, 249, .8);--surface-solid: #e2e8f0;--surface-hover: rgba(203, 213, 225, .6);--text: #0f172a;--text-secondary: #1e293b;--text-muted: #475569;--text-dim: #64748b;--accent: #0ea5e9;--accent-secondary: #0284c7;--accent-glow: rgba(14, 165, 233, .12);--accent-glow-strong: rgba(14, 165, 233, .25);--success: #16a34a;--success-glow: rgba(22, 163, 74, .15);--warning: #d97706;--warning-glow: rgba(217, 119, 6, .15);--error: #dc2626;--error-glow: rgba(220, 38, 38, .15);--purple: #9333ea;--purple-glow: rgba(147, 51, 234, .15);--gradient-start: #0ea5e9;--gradient-end: #6366f1;--border: rgba(0, 0, 0, .08);--border-hover: rgba(14, 165, 233, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 20px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .15);--overlay: rgba(0, 0, 0, .4);--input-bg: #ffffff;--input-border: rgba(0, 0, 0, .15)}:root{--radius: 16px;--radius-sm: 10px;--radius-lg: 24px;--radius-full: 9999px;--sidebar-width: 280px;--sidebar-collapsed: 80px;--header-height: 72px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:DM Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,system-ui,sans-serif;font-weight:600;letter-spacing:-.02em;color:var(--text)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--surface-solid);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--surface-hover)}.gradient-text{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .3s var(--ease-out-expo)}.animate-slide-up{animation:slideUp .4s var(--ease-out-expo)}.animate-slide-in{animation:slideIn .4s var(--ease-out-expo)}*,*:before,*:after{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}