@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600;700&display=swap";
:root{--bg-primary:#0a0f1a;--bg-secondary:#111827;--bg-card:#1a2234;--bg-card-hover:#222d42;--border-color:#2a3548;--border-hover:#3a4558;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#7b3fa0;--accent-dark:#431f59;--accent-light:#9b59b6;--brand-navy:#1a0b26;--brand-primary:#7b3fa0;--brand-accent-2:#9b59b6;--brand-secondary:#5e2d82;--brand-accent-1:#7b3fa0;--brand-accent-3:#2d1745;--brand-accent-4:#8e44ad;--brand-light-1:#d4b8e0;--brand-light-2:#e8d5f0;--red:#ef4444;--orange:#f59e0b;--yellow:#eab308;--green:#22c55e;--blue:#7b3fa0;--purple:#431f59;--cyan:#5e2d82;--pink:#9b59b6;--magenta:#8e44ad;--logo-filter:brightness(0)invert(1);--header-bg:#0a0f1af2}[data-theme=light]{--bg-primary:#f5f7fa;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f0f4f8;--border-color:#e2e8f0;--border-hover:#cbd5e1;--text-primary:#282828;--text-secondary:#475569;--text-muted:#94a3b8;--logo-filter:none;--header-bg:#fffffff2}[data-theme=christmas]{--bg-primary:#1a0a0a;--bg-secondary:#2d1515;--bg-card:#2d1515;--bg-card-hover:#3d2020;--border-color:#4a2020;--border-hover:#6b3030;--text-primary:#f5f0e8;--text-secondary:#d4c4b0;--text-muted:#a89080;--accent:#c41e3a;--accent-dark:#8b0000;--accent-light:#ff6b6b;--red:#c41e3a;--orange:#ff8c00;--yellow:gold;--green:#228b22;--blue:#1e90ff;--purple:#9370db;--cyan:#00ced1;--pink:#ff69b4;--magenta:#ff1493;--logo-filter:brightness(0)invert(1);--header-bg:linear-gradient(180deg,#8b00004d 0%,#1a0a0af2 100%)}[data-theme=starwars]{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-card:#111;--bg-card-hover:#1a1a1a;--border-color:#333;--border-hover:#444;--text-primary:#ffe81f;--text-secondary:#b8b8b8;--text-muted:#666;--accent:#ffe81f;--accent-dark:#c4b200;--accent-light:#ffed4a;--red:red;--orange:#f60;--yellow:#ffe81f;--green:#0f0;--blue:#00bfff;--purple:#9400d3;--cyan:#0ff;--pink:#ff69b4;--magenta:#f0f;--logo-filter:brightness(0)invert(1);--header-bg:#000000f2}[data-theme=england]{--bg-primary:#0a1628;--bg-secondary:#0f1f3d;--bg-card:#142850;--bg-card-hover:#1a3366;--border-color:#1e4080;--border-hover:#2856a6;--text-primary:#fff;--text-secondary:#b8c8e0;--text-muted:#7890b0;--accent:#cf081f;--accent-dark:#a00618;--accent-light:#ff1a35;--red:#cf081f;--orange:#f60;--yellow:gold;--green:#00a651;--blue:#002366;--purple:#6f42c1;--cyan:#17a2b8;--pink:#e83e8c;--magenta:#cf081f;--logo-filter:brightness(0)invert(1);--header-bg:linear-gradient(180deg,#cf081f4d 0%,#0a1628f2 100%)}[data-theme=halloween]{--bg-primary:#0d0d0d;--bg-secondary:#1a1a1a;--bg-card:#1f1a24;--bg-card-hover:#2a2430;--border-color:#3d2a4d;--border-hover:#5a3d70;--text-primary:#f5f0e8;--text-secondary:#c4b8d0;--text-muted:#8a7a9a;--accent:#f60;--accent-dark:#cc5200;--accent-light:#ff8533;--red:#8b0000;--orange:#f60;--yellow:gold;--green:#0f0;--blue:#4169e1;--purple:#6b2d8b;--cyan:#00ced1;--pink:#ff69b4;--magenta:#8b008b;--logo-filter:brightness(0)invert(1);--header-bg:linear-gradient(180deg,#6b2d8b4d 0%,#0d0d0df2 100%)}[data-theme=easter]{--bg-primary:#f8f4ff;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f0ebfa;--border-color:#e0d4f0;--border-hover:#c9b8e0;--text-primary:#4a3a5c;--text-secondary:#6b5a7d;--text-muted:#9a8aaa;--accent:#9b6dcc;--accent-dark:#7d4fb3;--accent-light:#b98fe0;--red:#f99;--orange:#fc9;--yellow:#ffeb99;--green:#99e6b3;--blue:#9cf;--purple:#c9f;--cyan:#99e6e6;--pink:#ffb3d9;--magenta:#e699cc;--logo-filter:none;--header-bg:linear-gradient(180deg,#9b6dcc26 0%,#f8f4fffa 100%)}[data-theme=diwali]{--bg-primary:#1a0a1a;--bg-secondary:#2d102d;--bg-card:#3d1a3d;--bg-card-hover:#4d244d;--border-color:#6b4a2d;--border-hover:#8b6a4d;--text-primary:#ffecd2;--text-secondary:#e6c8a0;--text-muted:#b89a6a;--accent:#ffc107;--accent-dark:#d4a005;--accent-light:#ffdb4d;--red:#f44;--orange:#ff8c00;--yellow:#ffc107;--green:#00c851;--blue:#33b5e5;--purple:#93c;--cyan:#00bcd4;--pink:#ff4081;--magenta:#e040fb;--logo-filter:brightness(0)invert(1);--header-bg:linear-gradient(180deg,#ffc10733 0%,#1a0a1af2 100%)}[data-theme=cny]{--bg-primary:#1a0505;--bg-secondary:#2d0a0a;--bg-card:#3d1010;--bg-card-hover:#4d1a1a;--border-color:#8b6914;--border-hover:#b8860b;--text-primary:gold;--text-secondary:#e6c200;--text-muted:#b89a00;--accent:#de2910;--accent-dark:#b01e0d;--accent-light:#f43;--red:#de2910;--orange:#f60;--yellow:gold;--green:#00a651;--blue:#06c;--purple:#93c;--cyan:#00bcd4;--pink:#ff4081;--magenta:#e040fb;--logo-filter:brightness(0)invert(1);--header-bg:linear-gradient(180deg,#de29104d 0%,#1a0505f2 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{font-family:Poppins,Inter,sans-serif;font-weight:600}.ambient-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient-orb{filter:blur(120px);opacity:.06;border-radius:50%;position:absolute}.orb-1{background:var(--brand-primary);width:600px;height:600px;top:-200px;right:-100px}.orb-2{background:var(--brand-accent-1);width:400px;height:400px;bottom:-100px;left:-100px}.orb-3{background:var(--brand-secondary);width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=light] .ambient-bg{display:none}[data-theme=christmas] .orb-1{opacity:.08;background:#c41e3a}[data-theme=christmas] .orb-2{opacity:.06;background:gold}[data-theme=christmas] .orb-3{opacity:.04;background:#228b22}[data-theme=starwars] .orb-1{opacity:.05;background:#00bfff}[data-theme=starwars] .orb-2{opacity:.04;background:red}[data-theme=starwars] .orb-3{opacity:.03;background:#ffe81f}[data-theme=england] .orb-1{opacity:.08;background:#cf081f}[data-theme=england] .orb-2{opacity:.1;background:#002366}[data-theme=england] .orb-3{opacity:.03;background:#fff}[data-theme=halloween] .orb-1{opacity:.08;background:#f60}[data-theme=halloween] .orb-2{opacity:.1;background:#6b2d8b}[data-theme=halloween] .orb-3{opacity:.03;background:#0f0}[data-theme=easter] .ambient-bg{display:none}[data-theme=diwali] .orb-1{opacity:.1;background:#ffc107}[data-theme=diwali] .orb-2{opacity:.08;background:#ff4081}[data-theme=diwali] .orb-3{opacity:.06;background:#93c}[data-theme=cny] .orb-1{opacity:.1;background:#de2910}[data-theme=cny] .orb-2{opacity:.08;background:gold}[data-theme=cny] .orb-3{opacity:.05;background:#de2910}.theme-effects{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.snowfall{display:none}[data-theme=christmas] .snowfall{display:block}.snowflake{color:#fff;text-shadow:0 0 10px #fffc;opacity:.9;animation:linear infinite snowfall;position:absolute;top:-50px}@keyframes snowfall{0%{transform:translateY(0)translate(0)rotate(0)}25%{transform:translateY(25vh)translate(20px)rotate(90deg)}50%{transform:translateY(50vh)translate(-20px)rotate(180deg)}75%{transform:translateY(75vh)translate(10px)rotate(270deg)}to{transform:translateY(105vh)translate(-10px)rotate(360deg)}}.snowflake:first-child{font-size:1.2rem;animation-duration:10s;animation-delay:0s;left:5%}.snowflake:nth-child(2){font-size:.9rem;animation-duration:14s;animation-delay:1s;left:12%}.snowflake:nth-child(3){font-size:1.4rem;animation-duration:12s;animation-delay:2s;left:20%}.snowflake:nth-child(4){font-size:1rem;animation-duration:16s;animation-delay:.5s;left:28%}.snowflake:nth-child(5){font-size:1.3rem;animation-duration:11s;animation-delay:3s;left:36%}.snowflake:nth-child(6){font-size:.8rem;animation-duration:13s;animation-delay:1.5s;left:44%}.snowflake:nth-child(7){font-size:1.5rem;animation-duration:15s;animation-delay:2.5s;left:52%}.snowflake:nth-child(8){font-size:1.1rem;animation-duration:10s;animation-delay:4s;left:60%}.snowflake:nth-child(9){font-size:.95rem;animation-duration:12s;animation-delay:.8s;left:68%}.snowflake:nth-child(10){font-size:1.25rem;animation-duration:17s;animation-delay:3.5s;left:76%}.snowflake:nth-child(11){font-size:1rem;animation-duration:9s;animation-delay:5s;left:84%}.snowflake:nth-child(12){font-size:1.35rem;animation-duration:14s;animation-delay:2s;left:92%}.christmas-lights{z-index:99;justify-content:space-around;align-items:flex-start;height:30px;display:none;position:fixed;top:56px;left:0;right:0}[data-theme=christmas] .christmas-lights{display:flex}.christmas-lights:before{content:"";background:linear-gradient(90deg,#222 0%,#333 50%,#222 100%);height:3px;position:absolute;top:0;left:0;right:0}.light-bulb{border-radius:50%/60% 60% 40% 40%;width:12px;height:20px;animation:1s ease-in-out infinite bulbGlow;position:relative}.light-bulb:before{content:"";background:#444;border-radius:2px;width:4px;height:6px;position:absolute;top:-5px;left:50%;transform:translate(-50%)}@keyframes bulbGlow{0%,to{filter:brightness(1.5)drop-shadow(0 0 10px)drop-shadow(0 5px 15px);opacity:1}50%{filter:brightness(.6)drop-shadow(0 0 2px);opacity:.6}}.light-bulb:nth-child(5n+1){color:red;background:red;animation-delay:0s}.light-bulb:nth-child(5n+2){color:#0f0;background:#0f0;animation-delay:.2s}.light-bulb:nth-child(5n+3){color:#08f;background:#08f;animation-delay:.4s}.light-bulb:nth-child(5n+4){color:#ff0;background:#ff0;animation-delay:.6s}.light-bulb:nth-child(5n){color:#f0f;background:#f0f;animation-delay:.8s}.starwars-effects{display:none}[data-theme=starwars] .starwars-effects{display:block}.hyperspace-star{opacity:0;background:linear-gradient(90deg,#0000,#fffc,#fff,#fffc,#0000);border-radius:2px;height:2px;animation:1.5s linear infinite hyperspace;position:absolute}@keyframes hyperspace{0%{opacity:0;transform:translate(0)scaleX(1)}10%{opacity:.8}to{opacity:0;transform:translate(300px)scaleX(30)}}.hyperspace-star:first-child{width:30px;animation-delay:0s;top:8%;left:10%}.hyperspace-star:nth-child(2){width:25px;animation-delay:.2s;top:20%;left:50%}.hyperspace-star:nth-child(3){width:35px;animation-delay:.4s;top:35%;left:5%}.hyperspace-star:nth-child(4){width:28px;animation-delay:.6s;top:50%;left:70%}.hyperspace-star:nth-child(5){width:32px;animation-delay:.8s;top:65%;left:20%}.hyperspace-star:nth-child(6){width:22px;animation-delay:1s;top:78%;left:40%}.hyperspace-star:nth-child(7){width:30px;animation-delay:.3s;top:12%;left:80%}.hyperspace-star:nth-child(8){width:26px;animation-delay:.7s;top:88%;left:60%}.hyperspace-star:nth-child(9){width:24px;animation-delay:1.1s;top:42%;left:35%}.hyperspace-star:nth-child(10){width:28px;animation-delay:.5s;top:55%;left:85%}[data-theme=starwars] .header{background:#000000fa;border-bottom:none;position:relative;overflow:visible}[data-theme=starwars] .header:before{content:"";background:linear-gradient(90deg,#0f0,#0f0);width:50%;height:4px;animation:2s ease-in-out infinite saberHumGreen;position:absolute;bottom:-2px;left:0;box-shadow:0 0 10px #0f0,0 0 20px #0f0,0 0 30px #0f0}[data-theme=starwars] .header:after{content:"";background:linear-gradient(90deg,red,red);width:50%;height:4px;animation:2s ease-in-out infinite saberHumRed;position:absolute;bottom:-2px;right:0;box-shadow:0 0 10px red,0 0 20px red,0 0 30px red}@keyframes saberHumGreen{0%,to{box-shadow:0 0 10px #0f0,0 0 20px #0f0,0 0 30px #0f0}50%{box-shadow:0 0 15px #0f0,0 0 30px #0f0,0 0 45px #0f0}}@keyframes saberHumRed{0%,to{box-shadow:0 0 10px red,0 0 20px red,0 0 30px red}50%{box-shadow:0 0 15px red,0 0 30px red,0 0 45px red}}.lightsaber{opacity:.6;border-radius:3px;width:80px;height:5px;animation:6s ease-in-out infinite saberFloat;position:absolute}.lightsaber-green{background:linear-gradient(90deg,#333 0% 15%,#0f0 15% 100%);box-shadow:0 0 10px #0f0,0 0 20px #0f0}.lightsaber-red{background:linear-gradient(90deg,#333 0% 15%,red 15% 100%);box-shadow:0 0 10px red,0 0 20px red}.lightsaber-blue{background:linear-gradient(90deg,#333 0% 15%,#00bfff 15% 100%);box-shadow:0 0 10px #00bfff,0 0 20px #00bfff}.lightsaber-purple{background:linear-gradient(90deg,#333 0% 15%,#9400d3 15% 100%);box-shadow:0 0 10px #9400d3,0 0 20px #9400d3}@keyframes saberFloat{0%,to{opacity:.6;transform:translateY(0)rotate(-15deg)}50%{opacity:.9;transform:translateY(-20px)rotate(-10deg)}}.sw-symbol{opacity:.3;pointer-events:none;animation:4s ease-in-out infinite symbolPulse;position:absolute}.sw-symbol.rebel-symbol{filter:drop-shadow(0 0 8px #ff4500)drop-shadow(0 0 16px #ff4500)}.sw-symbol.imperial-symbol{filter:drop-shadow(0 0 8px #888)drop-shadow(0 0 16px #666)}.sw-symbol.jedi-symbol{filter:drop-shadow(0 0 8px #00bfff)drop-shadow(0 0 16px #00bfff)}@keyframes symbolPulse{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.4;transform:scale(1.08)}}.sw-character{opacity:.35;pointer-events:none;filter:drop-shadow(0 0 5px #ffffff4d);animation:5s ease-in-out infinite characterFloat;position:absolute}@keyframes characterFloat{0%,to{opacity:.3;transform:translateY(0)rotate(-2deg)}50%{opacity:.45;transform:translateY(-15px)rotate(2deg)}}.death-star{opacity:.2;pointer-events:none;filter:drop-shadow(0 0 10px #64646480);width:80px;height:80px;animation:8s ease-in-out infinite deathStarPulse;position:absolute}@keyframes deathStarPulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.05)}}.sw-ship{opacity:0;pointer-events:none;position:absolute}.sw-ship.tie-fighter{filter:drop-shadow(0 0 3px #fff6);width:45px;height:45px;animation:12s linear infinite tieFlyAcross}.sw-ship.x-wing{filter:drop-shadow(0 0 3px #ff640066);width:50px;height:50px;animation:14s linear infinite xwingFlyAcross}.sw-ship.falcon{filter:drop-shadow(0 0 5px #ffffff80);width:70px;height:70px;animation:18s linear infinite falconFlyAcross}@keyframes tieFlyAcross{0%{opacity:0;transform:translate(-80px)translateY(0)}5%{opacity:.5}95%{opacity:.5}to{opacity:0;transform:translate(calc(100vw + 80px))translateY(-40px)}}@keyframes xwingFlyAcross{0%{opacity:0;transform:translate(calc(100vw + 80px))translateY(0)scaleX(-1)}5%{opacity:.5}95%{opacity:.5}to{opacity:0;transform:translate(-80px)translateY(30px)scaleX(-1)}}@keyframes falconFlyAcross{0%{opacity:0;transform:translate(-100px)translateY(0)rotate(-3deg)}5%{opacity:.45}50%{transform:translate(50vw)translateY(-20px)rotate(0)}95%{opacity:.45}to{opacity:0;transform:translate(calc(100vw + 100px))translateY(15px)rotate(3deg)}}.blaster-shot{opacity:0;background:linear-gradient(90deg,#0000,red,#f66,red,#0000);border-radius:2px;width:40px;height:4px;animation:2s linear infinite blasterFire;position:absolute;box-shadow:0 0 8px red,0 0 15px #f30}.blaster-shot-blue{background:linear-gradient(90deg,#0000,#00bfff,#66d9ff,#00bfff,#0000);box-shadow:0 0 8px #00bfff,0 0 15px #09c}@keyframes blasterFire{0%{opacity:0;transform:translate(0)}5%{opacity:1}95%{opacity:1}to{opacity:0;transform:translate(400px)}}.england-effects{display:none}[data-theme=england] .england-effects{display:block}.football{opacity:.7;font-size:2rem;animation:4s ease-in-out infinite kickBall;position:absolute}@keyframes kickBall{0%{opacity:0;transform:translate(-100px)translateY(0)rotate(0)}10%{opacity:.7}50%{transform:translate(50vw)translateY(-100px)rotate(360deg)}90%{opacity:.7}to{opacity:0;transform:translate(110vw)translateY(50px)rotate(720deg)}}.football:first-child{animation-delay:0s;top:20%}.football:nth-child(2){font-size:1.5rem;animation-delay:1.5s;top:50%}.football:nth-child(3){font-size:1.8rem;animation-delay:3s;top:70%}[data-theme=england] .header:after{content:"";background:linear-gradient(90deg,#cf081f 0% 40%,#fff 40% 60%,#cf081f 60% 100%);height:4px;position:absolute;bottom:0;left:0;right:0}.three-lions{opacity:.15;font-size:3rem;animation:3s ease-in-out infinite lionRoar;position:absolute}@keyframes lionRoar{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.1)}}.confetti{opacity:0;width:10px;height:10px;animation:3s linear infinite confettiFall;position:absolute}@keyframes confettiFall{0%{opacity:0;transform:translateY(-20px)rotate(0)}10%{opacity:1}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.confetti:nth-child(4n+1){background:#cf081f;animation-delay:0s;left:10%}.confetti:nth-child(4n+2){background:#fff;animation-delay:.5s;left:30%}.confetti:nth-child(4n+3){background:#002366;animation-delay:1s;left:50%}.confetti:nth-child(4n){background:gold;animation-delay:1.5s;left:70%}.halloween-effects{display:none}[data-theme=halloween] .halloween-effects{display:block}.bat{filter:drop-shadow(0 0 5px #00000080);font-size:1.8rem;animation:6s ease-in-out infinite batFly;position:absolute}@keyframes batFly{0%{opacity:0;transform:translate(-50px)translateY(0)scaleX(1)}5%{opacity:.8}25%{transform:translate(25vw)translateY(-40px)scaleX(-1)}50%{transform:translate(50vw)translateY(20px)scaleX(1)}75%{transform:translate(75vw)translateY(-30px)scaleX(-1)}95%{opacity:.8}to{opacity:0;transform:translate(105vw)translateY(10px)scaleX(1)}}.bat:first-child{font-size:2rem;animation-delay:0s;top:15%}.bat:nth-child(2){font-size:1.5rem;animation-delay:2s;top:25%}.bat:nth-child(3){font-size:1.8rem;animation-delay:4s;top:35%}.ghost{opacity:.6;font-size:2.5rem;animation:5s ease-in-out infinite ghostFloat;position:absolute}@keyframes ghostFloat{0%,to{opacity:.4;transform:translateY(0)translate(0)rotate(-5deg)}25%{transform:translateY(-30px)translate(20px)rotate(5deg)}50%{opacity:.7;transform:translateY(-10px)translate(-10px)rotate(-3deg)}75%{transform:translateY(-40px)translate(15px)rotate(3deg)}}.ghost:nth-child(4){animation-delay:0s;top:20%;right:10%}.ghost:nth-child(5){font-size:2rem;animation-delay:1.5s;top:60%;right:25%}.pumpkin{font-size:3rem;animation:1.5s ease-in-out infinite pumpkinGlow;position:absolute}@keyframes pumpkinGlow{0%,to{filter:drop-shadow(0 0 10px #f60)drop-shadow(0 0 20px #f40);transform:scale(1)}50%{filter:drop-shadow(0 0 20px #f80)drop-shadow(0 0 40px #f60);transform:scale(1.05)}}.easter-effects{display:none}[data-theme=easter] .easter-effects{display:block}.easter-egg{font-size:1.8rem;animation:2s ease-in-out infinite eggBounce;position:absolute}@keyframes eggBounce{0%,to{transform:translateY(0)rotate(-10deg)}50%{transform:translateY(-30px)rotate(10deg)}}.bunny{font-size:2.5rem;animation:1.5s ease-in-out infinite bunnyHop;position:absolute}@keyframes bunnyHop{0%,to{transform:translateY(0)translate(0)}30%{transform:translateY(-40px)translate(20px)}60%{transform:translateY(0)translate(40px)}}.butterfly{font-size:1.5rem;animation:4s ease-in-out infinite butterflyFloat;position:absolute}@keyframes butterflyFloat{0%{transform:translate(0)translateY(0)rotate(0)}25%{transform:translate(30px)translateY(-20px)rotate(10deg)}50%{transform:translate(60px)translateY(10px)rotate(-10deg)}75%{transform:translate(30px)translateY(-30px)rotate(5deg)}to{transform:translate(0)translateY(0)rotate(0)}}.diwali-effects{display:none}[data-theme=diwali] .diwali-effects{display:block}.diya{font-size:2rem;animation:.5s ease-in-out infinite alternate diyaFlicker;position:absolute}@keyframes diyaFlicker{0%{filter:drop-shadow(0 0 10px #ffc107)drop-shadow(0 -10px 20px #ff8c00);transform:scale(1)}to{filter:drop-shadow(0 0 15px #ffdb4d)drop-shadow(0 -15px 30px orange);transform:scale(1.05)}}.firework{opacity:0;border-radius:50%;width:5px;height:5px;animation:2s ease-out infinite fireworkBurst;position:absolute}@keyframes fireworkBurst{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.firework:before,.firework:after{content:"✨";font-size:1.5rem;position:absolute}.sparkle{opacity:.7;font-size:1.2rem;animation:3s ease-in-out infinite sparkleFloat;position:absolute}@keyframes sparkleFloat{0%,to{opacity:.5;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-20px)scale(1.2)}}.cny-effects{display:none}[data-theme=cny] .cny-effects{display:block}.lantern{filter:drop-shadow(0 0 15px red);font-size:2.5rem;animation:3s ease-in-out infinite lanternSway;position:absolute}@keyframes lanternSway{0%,to{transform:rotate(-8deg)translateY(0)}50%{transform:rotate(8deg)translateY(5px)}}.red-envelope{opacity:0;font-size:2rem;animation:4s ease-in-out infinite envelopeDrop;position:absolute}@keyframes envelopeDrop{0%{opacity:0;transform:translateY(-50px)rotate(-20deg)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(100vh)rotate(20deg)}}.dragon{font-size:3rem;animation:4s ease-in-out infinite dragonDance;position:absolute}@keyframes dragonDance{0%,to{transform:translate(0)translateY(0)scaleX(1)}25%{transform:translate(30px)translateY(-20px)scaleX(1)}50%{transform:translate(0)translateY(-10px)scaleX(-1)}75%{transform:translate(-30px)translateY(-25px)scaleX(-1)}}.firecracker{font-size:1.5rem;animation:.5s ease-out infinite firecrackerPop;position:absolute}@keyframes firecrackerPop{0%,90%{opacity:1;transform:scale(1)}95%{opacity:1;transform:scale(1.5)}to{opacity:.8;transform:scale(.8)}}[data-theme=christmas] .header{background:linear-gradient(#8b00004d 0%,#1a0a0af2 100%);border-bottom:2px solid #c41e3a}[data-theme=starwars] .header{background:#000000fa}[data-theme=england] .header{background:linear-gradient(#cf081f33 0%,#0a1628fa 100%);border-bottom:3px solid #cf081f}[data-theme=halloween] .header{background:linear-gradient(#6b2d8b4d 0%,#0d0d0dfa 100%);border-bottom:2px solid #f60}[data-theme=easter] .header{background:linear-gradient(#9b6dcc1a 0%,#fffffffa 100%);border-bottom:2px solid #9b6dcc}[data-theme=diwali] .header{background:linear-gradient(#ffc10733 0%,#1a0a1afa 100%);border-bottom:2px solid #ffc107}[data-theme=cny] .header{background:linear-gradient(#de29104d 0%,#1a0505fa 100%);border-bottom:3px solid gold}[data-theme=christmas] .card:hover,[data-theme=christmas] .stat-card:hover{border-color:#c41e3a;box-shadow:0 0 30px #c41e3a33}[data-theme=starwars] .card,[data-theme=starwars] .stat-card{border-color:#333}[data-theme=starwars] .card:hover,[data-theme=starwars] .stat-card:hover{border-color:#ffe81f;box-shadow:0 0 30px #ffe81f33}[data-theme=england] .card:hover,[data-theme=england] .stat-card:hover{border-color:#cf081f;box-shadow:0 0 30px #cf081f33}[data-theme=halloween] .card:hover,[data-theme=halloween] .stat-card:hover{border-color:#f60;box-shadow:0 0 30px #ff66004d}[data-theme=diwali] .card:hover,[data-theme=diwali] .stat-card:hover{border-color:#ffc107;box-shadow:0 0 30px #ffc1074d}[data-theme=cny] .card:hover,[data-theme=cny] .stat-card:hover{border-color:gold;box-shadow:0 0 30px #ffd7004d}[data-theme=christmas] .btn-primary{background:linear-gradient(135deg,#c41e3a 0%,#8b0000 100%)}[data-theme=starwars] .btn-primary{color:#000;background:linear-gradient(135deg,#ffe81f 0%,#c4b200 100%)}[data-theme=england] .btn-primary{background:linear-gradient(135deg,#cf081f 0%,#a00618 100%)}[data-theme=halloween] .btn-primary{background:linear-gradient(135deg,#f60 0%,#cc5200 100%)}[data-theme=easter] .btn-primary{background:linear-gradient(135deg,#9b6dcc 0%,#7d4fb3 100%)}[data-theme=diwali] .btn-primary{color:#1a0a1a;background:linear-gradient(135deg,#ffc107 0%,#d4a005 100%)}[data-theme=cny] .btn-primary{background:linear-gradient(135deg,#de2910 0%,#b01e0d 100%)}.header{z-index:100;background:var(--header-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:0 1rem;transition:background-color .3s,border-color .3s;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;width:100%;max-width:none;height:48px;margin:0 auto;display:flex}.back-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.back-btn:hover{color:var(--accent-primary);background:#00d4aa1a;border-color:#00d4aa4d}.back-btn svg{width:18px;height:18px}.header-divider{background:#ffffff1a;width:1px;height:20px}[data-theme=light] .back-btn{background:#00000008;border-color:#0000001a}[data-theme=light] .back-btn:hover{background:#00d4aa1a;border-color:#00d4aa4d}[data-theme=light] .header-divider{background:#0000001a}.header-inner.constrained{max-width:1400px}.logo{align-items:center;gap:.5rem;text-decoration:none;display:flex}.logo-image{width:auto;height:24px;filter:var(--logo-filter);transition:filter .3s}.logo-dark{display:block}.logo-light,[data-theme=light] .logo-dark{display:none}[data-theme=light] .logo-light{display:block}.logo-text{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:700}.logo-accent{color:var(--accent);font-weight:400}.logo-badge{background:var(--brand-secondary);color:#fff;border:none;border-radius:3px;padding:.15rem .4rem;font-size:.65rem;font-weight:600}.nav{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;flex:1;justify-content:center;gap:.15rem;max-width:calc(100% - 350px);margin:0 .75rem;display:flex;overflow:auto hidden}.nav::-webkit-scrollbar{display:none}.nav-item{color:var(--text-secondary);white-space:nowrap;border-radius:4px;align-items:center;gap:.35rem;padding:.35rem .5rem;font-size:.8rem;text-decoration:none;transition:all .15s;display:flex}.nav-item i{font-size:.85rem}.nav-item:hover{color:var(--text-primary);background:var(--bg-card);text-decoration:none}.nav-item.active{color:var(--brand-secondary);background:#00b1a926}@media (max-width:1300px){.nav-item{padding:.4rem .5rem}.nav-item .nav-text{display:none}.nav-item i{font-size:1rem}}.user-menu{align-items:center;gap:1rem;display:flex;position:relative}.user-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;transition:all .2s;display:flex}.user-btn:hover{border-color:var(--border-hover)}.user-avatar{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:600;display:flex}.user-dropdown{background:var(--bg-card);border:1px solid var(--border-color);z-index:1000;border-radius:12px;min-width:220px;margin-top:.5rem;display:none;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 40px #0000004d}.user-dropdown.show{display:block}.user-dropdown a{color:var(--text-secondary);border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;padding:.85rem 1.25rem;text-decoration:none;display:flex}.user-dropdown a:last-child{border-bottom:none}.user-dropdown a:hover{background:var(--bg-card-hover);color:var(--text-primary)}.user-dropdown a.danger{color:var(--red)}.user-dropdown a.danger:hover{background:#ef44441a}.theme-toggle{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.theme-toggle:hover{border-color:var(--border-hover);color:var(--text-primary)}.main{z-index:10;max-width:1800px;margin:0 auto;padding:.75rem 1rem;position:relative}.main-fullwidth{z-index:10;max-width:none;margin:0;padding:0;position:relative}.page-title{margin-bottom:.75rem}.page-title h1{margin-bottom:.15rem;font-size:1.1rem;font-weight:600}.page-title p{color:var(--text-secondary);font-size:.75rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.page-header h1{font-size:1.1rem;font-weight:600}.page-header p{color:var(--text-muted);font-size:.75rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;transition:background-color .3s,border-color .3s;overflow:visible}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.6rem .75rem;display:flex}.card-title{font-size:.85rem;font-weight:600}.card-body{padding:.75rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem;margin-bottom:.75rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:.5rem;padding:.6rem .75rem;transition:all .15s;display:flex}.stat-card:hover{border-color:var(--border-hover)}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{transform:translateY(-1px)}.stat-card i{font-size:1rem}.stat-label{color:var(--text-secondary);font-size:.7rem}.stat-value{font-size:1.25rem;font-weight:600}.stat-value.green{color:var(--brand-secondary)}.stat-value.red{color:var(--red)}.stat-value.orange{color:var(--orange)}.stat-value.blue{color:var(--brand-primary)}.stat-value.purple{color:var(--brand-accent-1)}.stat-value.pink{color:var(--brand-accent-2)}.btn{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:.3rem;padding:.35rem .65rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--brand-secondary);color:#fff}.btn-primary:hover{background:#009990;text-decoration:none}.btn-secondary{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{border-color:var(--border-hover);color:var(--text-primary);text-decoration:none}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:#dc2626}.btn-success{background:var(--brand-secondary);color:#fff}.btn-warning{color:#fff;background:#d29922}.btn-warning:hover{background:#b8860b}.btn-purple{background:var(--brand-accent-1);color:#fff}.btn-pink{background:var(--brand-accent-2);color:#fff}.btn-link{color:var(--text-muted);background:0 0;border:none;padding:.25rem .5rem;font-size:.8rem}.btn-link:hover{color:var(--text-primary);background:var(--bg-card-hover);border-radius:4px;text-decoration:none}.btn-sm{padding:.25rem .45rem;font-size:.75rem}.form-group{margin-bottom:.75rem}.form-label{color:var(--text-secondary);margin-bottom:.35rem;font-size:.75rem;font-weight:500;display:block}.form-input,.form-select,.form-textarea,.form-control,.input{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:4px;padding:.4rem .6rem;font-size:.8rem;transition:all .15s}.form-control:focus,.form-input:focus,.form-select:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 2px #457ec033}.form-control::placeholder{color:var(--text-muted)}select{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:4px;padding:.35rem .5rem;font-family:inherit;font-size:.8rem}.form-select option,select option{background:var(--bg-card);color:var(--text-primary);padding:.5rem}.form-select optgroup,select optgroup{background:var(--bg-secondary);color:var(--text-secondary);font-weight:600}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]){color:var(--text-primary)}input::placeholder{color:var(--text-muted)}textarea{color:var(--text-primary);background:var(--bg-secondary)}.form-input:focus,.form-select:focus,.form-textarea:focus,.input:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 3px #457ec026}.form-input::placeholder,.input::placeholder{color:var(--text-muted)}.form-error{color:var(--red);margin-top:.5rem;font-size:.85rem}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.8rem}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);padding:.5rem .6rem;font-size:.7rem;font-weight:600}td{border-bottom:1px solid var(--border-color);padding:.45rem .6rem}tr:hover td{background:#ffffff05}tr.sla-ok{border-left:3px solid var(--brand-secondary)}tr.sla-warning{border-left:3px solid var(--orange);background:#f59e0b0d}tr.sla-breach{border-left:3px solid var(--red);background:#ef444414}tr.on-hold{border-left:3px solid var(--text-muted);background:#64748b0d}tr.sla-breach:hover td{background:#ef44441f}tr.sla-warning:hover td{background:#f59e0b1a}tr.overdue td{border-left:3px solid var(--red);background:#ef444414}tr.due-soon td{border-left:3px solid var(--orange);background:#f59e0b0d}.badge{border-radius:3px;padding:.15rem .4rem;font-size:.65rem;font-weight:500;display:inline-block}.badge-success{color:var(--brand-secondary);background:#00b1a933}.badge-warning{color:var(--orange);background:#f59e0b33}.badge-danger{color:var(--red);background:#ef444433}.badge-info{color:var(--brand-primary);background:#457ec033}.badge-purple{color:var(--brand-accent-1);background:#6f519233}.badge-pink{color:var(--brand-accent-2);background:#f17db133}.status-badge{color:#fff;border-radius:3px;padding:.15rem .4rem;font-size:.65rem;font-weight:500;display:inline-block}.vip-badge{background:linear-gradient(135deg,var(--brand-accent-2),var(--brand-accent-4));color:#fff;border-radius:3px;margin-left:.35rem;padding:.1rem .35rem;font-size:.6rem;font-weight:600}.grid-2{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:1024px){.grid-2{grid-template-columns:1fr}}.quick-actions{flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;display:flex}.empty-state{text-align:center;color:var(--text-secondary);padding:3rem}.alert{border-radius:8px;margin-bottom:1rem;padding:1rem 1.25rem}.alert-error{color:var(--red);background:#ef44441a;border:1px solid #ef44444d}.alert-success{color:var(--brand-secondary);background:#00b1a91a;border:1px solid #00b1a94d}.alert-info{color:var(--brand-primary);background:#457ec01a;border:1px solid #457ec04d}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}a{color:var(--brand-primary);text-decoration:none}a:hover{text-decoration:underline}.spinner{border:2px solid var(--border-color);border-top-color:var(--brand-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-blue{color:var(--brand-primary)}.text-teal{color:var(--brand-secondary)}.text-purple{color:var(--brand-accent-1)}.text-pink{color:var(--brand-accent-2)}.text-magenta{color:var(--brand-accent-4)}.bg-blue{background-color:var(--brand-primary)}.bg-teal{background-color:var(--brand-secondary)}.bg-purple{background-color:var(--brand-accent-1)}.bg-pink{background-color:var(--brand-accent-2)}.mt-2{margin-top:.5rem}.mt-4{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1.5rem}.rich-text-content{word-wrap:break-word;line-height:1.6}.rich-text-content p{margin:0 0 .5em}.rich-text-content p:last-child{margin-bottom:0}.rich-text-content strong,.rich-text-content b{font-weight:600}.rich-text-content em,.rich-text-content i{font-style:italic}.rich-text-content u{text-decoration:underline}.rich-text-content s{text-decoration:line-through}.rich-text-content a{color:var(--primary);text-decoration:underline}.rich-text-content a:hover{opacity:.8}.rich-text-content ul,.rich-text-content ol{margin:.5em 0;padding-left:1.5em}.rich-text-content li{margin:.25em 0}.rich-text-content blockquote{border-left:4px solid var(--primary);color:var(--text-secondary);margin:.5rem 0;padding-left:1rem;font-style:italic}.rich-text-content pre,.rich-text-content code{background:var(--bg-secondary);border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:.9em}.rich-text-content code{padding:.1em .3em}.rich-text-content pre{margin:.5rem 0;padding:.75rem;overflow-x:auto}.rich-text-content pre code{background:0 0;padding:0}.rich-text-content h1,.rich-text-content h2,.rich-text-content h3{margin:1em 0 .5em;font-weight:600}.rich-text-content h1{font-size:1.5em}.rich-text-content h2{font-size:1.25em}.rich-text-content h3{font-size:1.1em}@media (max-width:1200px){.nav{gap:.125rem;max-width:calc(100% - 300px)}.nav-item{padding:.4rem .5rem;font-size:.8rem}.nav-item span{display:none}}@media (max-width:900px){.nav{max-width:calc(100% - 200px)}}@media (max-width:768px){.header-inner{padding:0 1rem}.main{padding:1rem}.nav{display:none}.stats-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}.goog-te-banner-frame,.skiptranslate,#google_translate_element,.goog-te-gadget,.goog-te-gadget-simple,.goog-te-menu-value,.goog-te-menu-frame,.goog-te-balloon-frame,div.goog-te-spinner-pos,.goog-te-ftab-link,.goog-te-combo,#goog-gt-tt,.goog-te-balloon,.goog-tooltip,.goog-tooltip:hover,.goog-text-highlight{visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;display:none!important;overflow:hidden!important}body{position:static!important;top:0!important}html.translated-ltr,html.translated-rtl{margin-top:0!important}.goog-te-menu-frame.skiptranslate,iframe.goog-te-menu-frame,iframe.goog-te-banner-frame{display:none!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes flash{0%,to{opacity:1}50%{opacity:.3}}.toggle-switch{cursor:pointer;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{background-color:var(--border-color);border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:var(--text-primary);border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background-color:var(--brand-secondary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}:root{--sidebar-width-expanded:260px;--sidebar-width-collapsed:72px;--modern-header-height:56px;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--bg-elevated:#2a2a2a;--bg-hover:#333;--border-subtle:#2a2a2a}[data-theme=light]{--bg-elevated:#f8f9fa;--bg-hover:#e9ecef;--border-subtle:#e2e8f0}.modern-app-layout{background:var(--bg-primary);min-height:100vh;display:flex}.modern-sidebar{width:var(--sidebar-width-expanded);background:linear-gradient(180deg,var(--bg-card)0%,#1a202cfa 100%);z-index:50;height:100vh;transition:width var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;left:0;box-shadow:1px 0 #33333380,8px 0 32px -8px #0006}.modern-sidebar.collapsed{width:var(--sidebar-width-collapsed)}[data-theme=light] .modern-sidebar{box-shadow:1px 0 0 0 var(--border-color),4px 0 16px -4px #0000001a;background:linear-gradient(#fff 0%,#f8fafc 100%)}.modern-sidebar-header{height:var(--modern-header-height);background:linear-gradient(#ffffff08 0%,#0000 100%);flex-shrink:0;align-items:center;gap:12px;padding:0 16px;display:flex;position:relative}.modern-sidebar-header:after{content:"";background:linear-gradient(90deg,transparent 0%,var(--border-subtle)20%,var(--border-subtle)80%,transparent 100%);height:1px;position:absolute;bottom:0;left:16px;right:16px}.modern-sidebar-logo{background:linear-gradient(135deg,var(--brand-secondary),#008a84);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.modern-sidebar-logo svg,.modern-sidebar-logo i{color:#fff;width:20px;height:20px;font-size:1rem}.modern-sidebar-brand{transition:opacity var(--transition-normal),width var(--transition-normal);flex-direction:column;display:flex;overflow:hidden}.modern-sidebar.collapsed .modern-sidebar-brand{opacity:0;width:0}.modern-sidebar-title{white-space:nowrap;color:var(--text-primary);font-size:15px;font-weight:600}.modern-sidebar-badge{color:var(--brand-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.modern-sidebar-toggle{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);z-index:10;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:-14px;transform:translateY(-50%)}.modern-sidebar-toggle:hover{background:var(--bg-elevated);border-color:var(--brand-secondary);color:var(--brand-secondary)}.modern-sidebar-toggle svg{width:14px;height:14px;transition:transform var(--transition-normal)}.modern-sidebar.collapsed .modern-sidebar-toggle svg{transform:rotate(180deg)}.modern-sidebar.collapsed .modern-sidebar-toggle{right:-14px}.modern-sidebar-nav{scrollbar-width:thin;scrollbar-color:var(--border-color)transparent;flex:1;padding:16px 12px;overflow-y:auto}.modern-sidebar-nav::-webkit-scrollbar{width:4px}.modern-sidebar-nav::-webkit-scrollbar-track{background:0 0}.modern-sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.modern-sidebar.collapsed .modern-sidebar-nav{padding:16px 14px;overflow:hidden}.modern-nav-group{margin-bottom:24px}.modern-nav-group-title{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);white-space:nowrap;transition:opacity var(--transition-normal);margin-bottom:8px;padding:0 12px;font-size:11px;font-weight:600;overflow:hidden}.modern-sidebar.collapsed .modern-nav-group-title{opacity:0;height:0;margin:0;padding:0}.modern-nav-item{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;align-items:center;gap:12px;margin-bottom:2px;padding:10px 12px;text-decoration:none;display:flex;position:relative}.modern-nav-item:hover{background:var(--bg-hover);color:var(--text-primary);text-decoration:none}.modern-nav-item.active{color:var(--brand-secondary);background:#00b1a926}.modern-nav-item.active:before{content:"";background:var(--brand-secondary);border-radius:0 2px 2px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.modern-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.modern-nav-icon svg{width:18px;height:18px}.modern-nav-icon i{text-align:center;width:18px;font-size:14px}.modern-nav-label{white-space:nowrap;transition:opacity var(--transition-normal),width var(--transition-normal);flex:1;font-size:14px;font-weight:500;overflow:hidden}.modern-sidebar.collapsed .modern-nav-label{opacity:0;width:0}.modern-nav-badge{background:var(--brand-secondary);color:#fff;transition:opacity var(--transition-normal);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.modern-sidebar.collapsed .modern-nav-badge{opacity:0;text-align:center;min-width:16px;padding:2px 5px;font-size:9px;position:absolute;top:4px;right:4px}.modern-sidebar.collapsed .modern-nav-badge:not(:empty){opacity:1}.modern-nav-view-only{color:var(--text-muted);opacity:.7;transition:opacity var(--transition-normal);font-size:10px}.modern-sidebar.collapsed .modern-nav-view-only{opacity:0}.modern-sidebar.collapsed .modern-nav-item{justify-content:center;padding:10px}.modern-sidebar.collapsed .modern-nav-item:after{content:attr(data-tooltip);background:var(--bg-elevated);color:var(--text-primary);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);box-shadow:var(--shadow-md);z-index:100;border:1px solid var(--border-color);border-radius:6px;padding:6px 12px;font-size:13px;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)}.modern-sidebar.collapsed .modern-nav-item:hover:after{opacity:1}.modern-sidebar-footer{background:linear-gradient(#0000 0%,#ffffff05 100%);padding:16px;position:relative}.modern-sidebar-footer:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--border-subtle)20%,var(--border-subtle)80%,transparent 100%);height:1px;position:absolute;top:0;left:16px;right:16px}.modern-sidebar.collapsed .modern-sidebar-footer{flex-direction:column;align-items:center;padding:12px;display:flex}.modern-user-card-container{position:relative}.modern-user-card{background:var(--bg-secondary);cursor:pointer;transition:background var(--transition-fast);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:12px;padding:10px;display:flex}.modern-user-card:hover{background:var(--bg-elevated)}.modern-user-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.modern-user-info{transition:opacity var(--transition-normal),width var(--transition-normal);flex:1;overflow:hidden}.modern-sidebar.collapsed .modern-user-info{opacity:0;width:0;display:none}.modern-sidebar.collapsed .modern-user-card-container{justify-content:center;width:100%;display:flex}.modern-sidebar.collapsed .modern-user-card{justify-content:center;align-items:center;gap:0;width:44px;height:44px;padding:0;overflow:hidden}.modern-sidebar.collapsed .modern-user-avatar{flex-shrink:0;width:32px;height:32px;font-size:12px}.modern-user-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);font-size:13px;font-weight:500;overflow:hidden}.modern-user-role{color:var(--text-muted);text-transform:capitalize;font-size:11px}.modern-profile-menu{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:100;border-radius:12px;padding:8px;position:absolute;bottom:calc(100% + 8px);left:0;right:0;transform:translateY(8px)}.modern-user-card-container.open .modern-profile-menu{opacity:1;visibility:visible;transform:translateY(0)}.modern-sidebar.collapsed .modern-profile-menu{width:200px;bottom:0;left:calc(100% + 12px);right:auto}.modern-profile-menu-header{border-bottom:1px solid var(--border-color);margin-bottom:8px;padding:12px}.modern-profile-menu-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:200px;margin-top:2px;font-size:12px;overflow:hidden}.modern-profile-menu-item{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;text-decoration:none;display:flex}.modern-profile-menu-item:hover{background:var(--bg-hover);color:var(--text-primary);text-decoration:none}.modern-profile-menu-item svg,.modern-profile-menu-item i{flex-shrink:0;width:16px;height:16px;font-size:14px}.modern-profile-menu-item.danger{color:#ef4444}.modern-profile-menu-item.danger:hover{background:#ef44441a}.modern-profile-menu-divider{background:var(--border-color);height:1px;margin:8px 0}.modern-profile-menu-item.active{background:var(--bg-hover)}.modern-profile-menu-item-content{flex-direction:column;flex:1;gap:2px;display:flex}.modern-profile-submenu-container{position:relative}.modern-profile-submenu{background:var(--bg-card);border:1px solid var(--border-color);width:220px;max-height:min(400px,80vh);box-shadow:var(--shadow-lg);z-index:101;border-radius:8px;position:absolute;bottom:0;left:calc(100% + 8px);overflow-y:auto}.modern-profile-submenu-header{border-bottom:1px solid var(--border-color);color:var(--text-muted);text-transform:uppercase;background:var(--bg-card);padding:8px 12px;font-size:11px;position:sticky;top:0}.modern-profile-submenu-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;transition:all var(--transition-fast);background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;padding:10px 12px;display:flex}.modern-profile-submenu-item:hover{background:var(--bg-hover)}.modern-profile-submenu-item.active{border-left-color:var(--accent);background:var(--bg-hover)}.modern-main-wrapper{margin-left:var(--sidebar-width-expanded);min-height:100vh;transition:margin-left var(--transition-slow);flex-direction:column;flex:1;display:flex}.modern-sidebar.collapsed~.modern-main-wrapper,.modern-main-wrapper.sidebar-collapsed{margin-left:var(--sidebar-width-collapsed)}.modern-top-header{height:var(--modern-header-height);background:linear-gradient(90deg,var(--bg-card)0%,#1a2234fa 100%);z-index:40;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 1px #33333380,0 4px 16px -4px #0000004d}[data-theme=light] .modern-top-header{box-shadow:0 1px 0 0 var(--border-color),0 2px 8px -2px #0000001a;background:linear-gradient(90deg,#fff 0%,#f8fafc 100%)}.modern-header-left{align-items:center;gap:16px;display:flex}.modern-header-right{align-items:center;gap:8px;display:flex}.modern-breadcrumb{align-items:center;gap:8px;font-size:13px;display:flex}.modern-breadcrumb-item{color:var(--text-muted)}.modern-breadcrumb-item.current{color:var(--text-primary);font-weight:500}.modern-breadcrumb-separator{color:var(--text-muted)}.modern-search-trigger{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);min-width:240px;color:var(--text-muted);border-radius:8px;align-items:center;gap:12px;padding:8px 14px;font-size:13px;display:flex}.modern-search-trigger:hover{border-color:var(--brand-secondary);background:var(--bg-elevated)}.modern-search-trigger svg{width:16px;height:16px}.modern-search-trigger span{flex:1}.modern-search-trigger kbd{background:var(--bg-primary);color:var(--text-muted);border-radius:4px;padding:2px 6px;font-family:inherit;font-size:11px}.modern-header-btn{cursor:pointer;width:36px;height:36px;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.modern-header-btn:hover{background:var(--bg-card);color:var(--text-primary)}.modern-header-btn svg{width:20px;height:20px}.modern-header-btn.active{background:var(--bg-card);color:var(--text-primary)}.modern-notifications-container{position:relative}.modern-notifications-dropdown{background:var(--bg-card);border:1px solid var(--border-color);width:320px;box-shadow:var(--shadow-lg);z-index:1000;border-radius:12px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.modern-notifications-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.modern-notifications-count{background:var(--brand-secondary);color:#fff;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.modern-notifications-body{max-height:300px;overflow-y:auto}.modern-notifications-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:32px 16px;font-size:13px;display:flex}.modern-notifications-item{color:var(--text-primary);transition:background var(--transition-fast);border-bottom:1px solid var(--border-color);align-items:flex-start;gap:12px;padding:12px 16px;text-decoration:none;display:flex}.modern-notifications-item:last-child{border-bottom:none}.modern-notifications-item:hover{background:var(--bg-hover)}.modern-notifications-item i{color:var(--brand-secondary);margin-top:2px;font-size:16px}.modern-notifications-item-content{flex:1;min-width:0}.modern-notifications-item-title{text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:13px;font-weight:500;overflow:hidden}.modern-notifications-item-date{color:var(--text-muted);font-size:11px}.modern-notifications-footer{text-align:center;color:var(--brand-secondary);border-top:1px solid var(--border-color);transition:background var(--transition-fast);padding:12px 16px;font-size:13px;text-decoration:none;display:block}.modern-notifications-footer:hover{background:var(--bg-hover)}.command-palette-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0009;justify-content:center;align-items:flex-start;padding-top:15vh;display:flex;position:fixed;inset:0}.command-palette{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:560px;overflow:hidden;box-shadow:0 20px 60px #0006}.command-palette-header{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:16px;display:flex}.command-palette-header svg{width:20px;height:20px;color:var(--text-muted);flex-shrink:0}.command-palette-header input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:16px}.command-palette-header input::placeholder{color:var(--text-muted)}.command-palette-header kbd{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-muted);border-radius:4px;padding:4px 8px;font-family:inherit;font-size:11px}.command-palette-body{max-height:400px;overflow-y:auto}.command-palette-empty{text-align:center;color:var(--text-muted);padding:32px 16px}.command-palette-group{padding:8px}.command-palette-group-title{text-transform:uppercase;color:var(--text-muted);padding:8px 12px 4px;font-size:11px;font-weight:600}.command-palette-item{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:flex}.command-palette-item:hover,.command-palette-item.selected{background:var(--bg-hover)}.command-palette-item i{width:20px;color:var(--text-muted);font-size:14px}.command-palette-item span{flex:1}.command-palette-item-hint{color:var(--text-muted);font-size:12px}.command-palette-footer{border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:center;align-items:center;gap:16px;padding:12px 16px;font-size:12px;display:flex}.command-palette-footer kbd{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:3px;margin-right:4px;padding:2px 6px;font-family:inherit;font-size:10px}.modern-back-btn{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;display:flex}.modern-back-btn:hover{background:var(--bg-elevated);color:var(--brand-secondary);border-color:var(--brand-secondary)}.modern-back-btn svg{width:18px;height:18px}.modern-header-divider{background:var(--border-color);width:1px;height:24px}.modern-logo-img{width:auto;height:24px;filter:var(--logo-filter)}.modern-feedback-btn{cursor:pointer;color:#fff;transition:all var(--transition-fast);background:linear-gradient(135deg,#8b5cf6,#3b82f6);border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;display:flex;box-shadow:0 2px 8px #8b5cf64d}.modern-feedback-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.modern-feedback-btn svg,.modern-feedback-btn i{width:16px;height:16px;font-size:14px}.modern-notification-dot{border:2px solid var(--bg-secondary);background:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.modern-main-content{flex:1;padding:24px;overflow-y:auto}.modern-page-header{margin-bottom:24px}.modern-page-title{color:var(--text-primary);margin-bottom:4px;font-size:24px;font-weight:600}.modern-page-subtitle{color:var(--text-secondary);font-size:14px}.modern-footer{border-top:1px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);justify-content:space-between;align-items:center;padding:12px 24px;font-size:12px;display:flex}@media (max-width:1200px){.modern-search-trigger{min-width:auto}.modern-search-trigger span{display:none}}@media (max-width:768px){.modern-sidebar{transform:translate(-100%)}.modern-sidebar.mobile-open{transform:translate(0)}.modern-main-wrapper{margin-left:0!important}.modern-top-header{padding:0 16px}.modern-main-content{padding:16px}}.modern-chat-container{margin-bottom:12px}.modern-sidebar.collapsed .modern-chat-container{justify-content:center;width:100%;display:flex}.modern-chat-btn{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;width:100%;color:var(--text-secondary);transition:all var(--transition-fast);border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px;display:flex;position:relative}.modern-chat-btn:hover{background:var(--bg-elevated);border-color:var(--brand-secondary);color:var(--brand-secondary)}.modern-chat-btn.has-chats{border-color:var(--brand-secondary);background:#00b1a91a}.modern-chat-btn svg,.modern-chat-btn i{flex-shrink:0;width:20px;height:20px;font-size:1rem}.modern-chat-btn .chat-label{white-space:nowrap;transition:opacity var(--transition-normal),width var(--transition-normal);font-size:13px;font-weight:500;overflow:hidden}.modern-sidebar.collapsed .modern-chat-btn .chat-label{opacity:0;width:0}.modern-sidebar.collapsed .modern-chat-btn{justify-content:center;align-items:center;width:44px;height:44px;padding:0}.modern-chat-notification-badge{color:#fff;background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;animation:2s infinite pulse-badge;display:flex;position:absolute;top:-4px;right:-4px}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.modern-sidebar.collapsed .modern-chat-notification-badge{top:-2px;right:-2px}.modern-sidebar.collapsed .modern-chat-btn:after{content:"Live Chat";background:var(--bg-elevated);color:var(--text-primary);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);box-shadow:var(--shadow-md);z-index:100;border:1px solid var(--border-color);border-radius:6px;padding:6px 12px;font-size:13px;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)}.modern-sidebar.collapsed .modern-chat-btn:hover:after{opacity:1}.modern-chat-panel{background:var(--bg-card);border:1px solid var(--border-color);height:450px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:100;border-radius:12px 12px 0 0;flex-direction:column;margin-bottom:8px;display:flex;position:absolute;bottom:100%;left:0;right:0;transform:translateY(20px)}.modern-sidebar-footer.chat-open .modern-chat-panel{opacity:1;visibility:visible;transform:translateY(0)}.modern-sidebar.collapsed .modern-chat-panel{border-radius:12px;width:340px;height:480px;bottom:0;left:calc(100% + 12px);right:auto}.modern-chat-panel-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.modern-chat-panel-title{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.modern-chat-panel-title .online-dot{background:#22c55e;border-radius:50%;width:8px;height:8px}.modern-chat-panel-close{cursor:pointer;width:28px;height:28px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.modern-chat-panel-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modern-chat-panel-close svg{width:16px;height:16px}.modern-chat-availability{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.modern-chat-availability-label{color:var(--text-secondary);font-size:12px;font-weight:500}.modern-chat-toggle{background:var(--border-color);cursor:pointer;border:none;border-radius:11px;width:40px;height:22px;padding:0;transition:background .2s;position:relative}.modern-chat-toggle.on{background:var(--green,#22c55e)}.modern-chat-toggle-slider{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.modern-chat-toggle.on .modern-chat-toggle-slider{transform:translate(18px)}.chat-status-dot{background:var(--text-muted);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.chat-status-dot.online{background:var(--green,#22c55e);box-shadow:0 0 0 2px var(--bg-card)}.modern-chat-btn.available{border-color:var(--green,#22c55e)}.online-dot.available{background:var(--green,#22c55e)}.online-dot.unavailable{background:var(--text-muted)}.modern-chat-empty-subtext{color:var(--text-muted);margin-top:4px;font-size:11px}.modern-chat-panel-tabs{border-bottom:1px solid var(--border-color);flex-shrink:0;display:flex}.modern-chat-tab{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;padding:10px 12px;font-size:12px;font-weight:500;position:relative}.modern-chat-tab:hover{color:var(--text-secondary);background:var(--bg-hover)}.modern-chat-tab.active{color:var(--brand-secondary)}.modern-chat-tab.active:after{content:"";background:var(--brand-secondary);border-radius:1px 1px 0 0;height:2px;position:absolute;bottom:0;left:12px;right:12px}.modern-chat-tab-badge{color:#fff;background:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;margin-left:6px;padding:0 4px;font-size:10px;font-weight:600;display:inline-flex}.modern-chat-list{flex:1;padding:8px;overflow-y:auto}.modern-chat-list-item{cursor:pointer;transition:background var(--transition-fast);border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.modern-chat-list-item:hover{background:var(--bg-hover)}.modern-chat-list-item.unread{background:#00b1a914}.modern-chat-list-avatar{background:var(--bg-elevated);width:36px;height:36px;color:var(--brand-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.modern-chat-list-content{flex:1;min-width:0}.modern-chat-list-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:500;overflow:hidden}.modern-chat-list-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.modern-chat-list-meta{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.modern-chat-list-time{color:var(--text-muted);font-size:11px}.modern-chat-list-unread{background:var(--brand-secondary);border-radius:50%;width:8px;height:8px}.modern-chat-empty{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.modern-chat-empty svg{opacity:.5;width:48px;height:48px;margin-bottom:12px}.modern-chat-empty-text{font-size:13px}.modern-chat-customer{flex-direction:column;flex:1;display:flex;overflow-y:auto}.modern-chat-customer-welcome{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.modern-chat-customer-welcome svg{color:var(--brand-secondary);opacity:.8}.modern-chat-customer-welcome h3{color:var(--text-primary);margin:0 0 8px;font-size:16px;font-weight:600}.modern-chat-customer-welcome p{color:var(--text-secondary);max-width:200px;margin:0 0 20px;font-size:13px}.modern-chat-start-btn{color:#fff;background:var(--brand-secondary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 24px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #00b1a94d}.modern-chat-start-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00b1a966}.modern-chat-start-btn:active{transform:translateY(0)}
.stat-widget{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:1rem;height:100%;padding:1.25rem;text-decoration:none;transition:all .2s;display:flex}.stat-widget:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.stat-widget .stat-value,.stat-widget .stat-label,.stat-widget:hover .stat-value,.stat-widget:hover .stat-label{text-decoration:none}.stat-widget .stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.stat-widget .stat-content{flex:1}.stat-widget .stat-value{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1}.stat-widget .stat-label{color:var(--text-muted);margin-top:.25rem;font-size:.8125rem}.stat-widget.stat-critical .stat-icon{color:#ef4444;background:#ef444426}.stat-widget.stat-critical .stat-value{color:#ef4444}.stat-widget.stat-primary .stat-icon{color:#7266cc;background:#7266cc26}.stat-widget.stat-primary .stat-value{color:#7266cc}.stat-widget.stat-warning .stat-icon{color:#f59e0b;background:#f59e0b26}.stat-widget.stat-warning .stat-value{color:#f59e0b}.stat-widget.stat-success .stat-icon{color:#22c55e;background:#22c55e26}.stat-widget.stat-success .stat-value{color:#22c55e}.dashboard-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;height:100%;display:flex;overflow:hidden}.dashboard-card .card-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.dashboard-card .card-title{color:var(--text-primary);align-items:center;font-size:.9375rem;font-weight:600;display:flex}.dashboard-card .card-body{flex:1;padding:.75rem 1.25rem;overflow:hidden}.dashboard-card .card-body.scrollable{overflow-y:auto}.dashboard-card .view-all{color:var(--accent);font-size:.8125rem;text-decoration:none}.dashboard-card .view-all:hover{text-decoration:underline}.dashboard-card .badge{background:var(--accent);color:#fff;border-radius:10px;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.dashboard-card .badge.warning{color:#000;background:#f59e0b}.ticket-row{border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.ticket-row:last-child{border-bottom:none}.ticket-row.compact{padding:.5rem 0}.ticket-row .ticket-priority{border-radius:2px;flex-shrink:0;width:4px;height:36px}.ticket-row .ticket-info{flex:1;min-width:0}.ticket-row .ticket-number{color:var(--accent);font-family:monospace;font-size:.8125rem;font-weight:600;text-decoration:none}.ticket-row .ticket-number:hover{text-decoration:underline}.ticket-row .ticket-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.ticket-row .ticket-meta{color:var(--text-muted);margin-top:.125rem;font-size:.6875rem}.ticket-row .ticket-meta.waiting{color:#f59e0b}.ticket-row .ticket-sla{text-align:right;flex-shrink:0}.ticket-row .sla-time{font-size:.875rem;font-weight:600}.ticket-row .sla-label{color:var(--text-muted);text-transform:uppercase;font-size:.5625rem}.sla-breached{color:#ef4444}.sla-warning{color:#f59e0b}.sla-ok{color:#22c55e}.oncall-card{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border-color:#f59e0b4d}.oncall-content{align-items:center;gap:1rem;height:100%;padding:1rem;display:flex}.oncall-icon{font-size:2rem}.oncall-info{flex:1}.oncall-label{color:var(--text-muted);text-transform:uppercase;font-size:.75rem}.oncall-name{color:#f59e0b;font-size:1.125rem;font-weight:600}.contract-row{border-bottom:1px solid var(--border-color);padding:.625rem 0}.contract-row:last-child{border-bottom:none}.contract-name{color:var(--text-primary);font-size:.8125rem;font-weight:500}.contract-customer{color:var(--text-muted);font-size:.6875rem}.contract-expiry{margin-top:.375rem}.expiry-badge{border-radius:4px;padding:.125rem .375rem;font-size:.625rem;font-weight:600;display:inline-block}.expiry-badge.critical{color:#ef4444;background:#ef444433}.expiry-badge.warning{color:#f59e0b;background:#f59e0b33}.expiry-badge.soon{color:#3b82f6;background:#3b82f633}.activity-row{border-bottom:1px solid var(--border-color);gap:.625rem;padding:.5rem 0;display:flex}.activity-row:last-child{border-bottom:none}.activity-row .activity-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;display:flex}.activity-row .activity-icon.resolved{color:#22c55e;background:#22c55e26}.activity-row .activity-icon.created{color:#7266cc;background:#7266cc26}.activity-row .activity-icon.assigned{color:#f59e0b;background:#f59e0b26}.activity-row .activity-icon.comment{color:#3b82f6;background:#3b82f626}.activity-row .activity-content{flex:1;min-width:0}.activity-row .activity-text{color:var(--text-primary);font-size:.75rem;line-height:1.3}.activity-row .activity-text strong{color:var(--accent)}.activity-row .activity-text .activity-link{font-weight:600;text-decoration:none;transition:opacity .15s}.activity-row .activity-text .activity-link:hover{opacity:.8;text-decoration:underline}.activity-row .activity-text .ticket-link{color:#7266cc}.activity-row .activity-text .user-link{color:#00b1a9}.activity-row .activity-time{color:var(--text-muted);margin-top:.125rem;font-size:.625rem}.mini-stats{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.mini-stat{text-align:center;background:var(--bg-secondary);border-radius:8px;padding:.5rem}.mini-stat .value{font-size:1.25rem;font-weight:700}.mini-stat .value.success{color:#22c55e}.mini-stat .value.primary{color:#7266cc}.mini-stat .value.teal{color:#00b1a9}.mini-stat .label{color:var(--text-muted);margin-top:.125rem;font-size:.625rem}.dashboard-card .empty-state{height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:.8125rem;display:flex}