/* EIT · Etapa 1 Premium · navegación superior / sin frameworks externos */
:root{--bg:#040d1d;--navy:#030d1d;--surface:#0b2139;--surface2:#10314d;--stroke:#25476b;--text:#edf7ff;--muted:#99b6cd;--cyan:#18e7ed;--blue:#238cff;--green:#12d9af;--yellow:#ffba54;--red:#ff6984;--rad:22px;font-family:Inter,"Segoe UI Variable","Segoe UI",system-ui,-apple-system,sans-serif}
body{background:radial-gradient(ellipse at 87% 7%,#103a6b66 0%,transparent 36%),radial-gradient(ellipse at 3% 43%,#08395e47,transparent 35%),linear-gradient(160deg,#030b19,#071831 48%,#040c1d);background-attachment:fixed;color:var(--text)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.20;background-image:linear-gradient(#3b84bd16 1px,transparent 1px),linear-gradient(90deg,#3b84bd16 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to bottom,transparent,#000 33%,transparent 88%)}
#app,#toast-stack{position:relative}#toast-stack{z-index:100}
.btn{border-color:#325675;background:linear-gradient(145deg,#163350,#0d2239);border-radius:12px;padding:11px 18px;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;color:#eaf5ff}
.btn:hover:not(:disabled){background:#163b5b;border-color:#29bad5;box-shadow:0 8px 27px #0005;transform:translateY(-2px)}
.btn.primary{border:1px solid #12caeb;background:linear-gradient(107deg,#0fe2de,#2d92f9 72%,#3777f5);color:#021a2b;box-shadow:0 5px 26px #067de21d;font-weight:800;letter-spacing:.006em}
.btn.primary:hover:not(:disabled){background:linear-gradient(107deg,#65f5e9,#45aeff);box-shadow:0 0 28px #09e0ff52}
.btn.icon{padding:10px;min-width:40px}.btn.small{border-radius:11px;padding:8px 14px}
.control{background:#071c31;border:1px solid #325b79;color:#f0f9ff;border-radius:12px;min-height:49px;padding:11px 14px;transition:border-color .18s,box-shadow .18s}
.control:focus{border-color:#17d7e5;box-shadow:0 0 0 3px #17d7e51b}
.control::placeholder{color:#7493aa}.field label{font-weight:750;letter-spacing:.10em;color:#abc9dc;font-size:11px}
.card,.panel{background:linear-gradient(150deg,#112b47e8,#0a1d32ef);border:1px solid #2a4c6a;border-radius:22px;box-shadow:0 13px 38px #00000026,inset 0 1px #ffffff08;transition:border-color .2s,box-shadow .2s}
.card:hover{border-color:#41688c}.card-title h2{font-size:20px;letter-spacing:-.02em}
.eyebrow,.section-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.19em;font-weight:850;color:#63d9ed;text-transform:uppercase}.section-eyebrow{color:#64a9ca;font-size:10px;margin-bottom:6px}.live-pulse{width:7px;height:7px;display:inline-block;border-radius:50%;background:#11e4b3;box-shadow:0 0 0 4px #0ad5a521,0 0 14px #0cf9ba}.subtle,.hint{color:#98b4cb}.section-eyebrow+h2{margin:0}
/* Header superior global */
.premium-shell{display:block;min-height:100vh}.premium-shell .workspace{min-height:calc(100vh - 152px)}
.premium-header{position:sticky;top:0;z-index:30;background:#07162dec;backdrop-filter:blur(24px);border-bottom:1px solid #2a4d6b;box-shadow:0 10px 40px #02091655}
.header-glint{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#10e5ed88,transparent)}
.header-inner{max-width:1680px;padding:0 34px;margin:auto;min-height:82px;display:flex;align-items:center;gap:27px}
.header-brand{background:none;border:0;padding:0;display:flex;align-items:center;gap:12px;min-width:185px;color:#fff;text-align:left}
.brand-symbol{height:47px;width:58px;display:grid;place-items:center;position:relative}.brand-symbol:before{content:"";position:absolute;inset:0;background:#09bcf11b;filter:blur(16px)}.brand-symbol img{width:58px;position:relative;filter:drop-shadow(0 4px 8px #05bcd32a)}
.brand-title{font-size:24px;font-weight:900;letter-spacing:.08em;line-height:1.1}.brand-caption{display:block;color:#78b4cd;font-weight:700;font-size:8px;letter-spacing:.19em;margin-top:6px;white-space:nowrap}
.head-nav{display:flex;align-items:center;gap:3px;min-width:0;flex:1}.head-nav-item{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;padding:11px 13px;border:1px solid transparent;border-radius:10px;background:none;color:#a6bdd1;font-size:12px;font-weight:750;transition:background .2s,color .2s,border-color .2s}.head-nav-item:hover,.head-nav-item.active{background:#123756;color:#e6fdff;border-color:#255c7c}.head-nav-item.active{color:#45eef1;box-shadow:inset 0 -2px #04d6e9}.head-nav-item svg{opacity:.8}.head-more-wrap,.profile-wrap{position:relative}
.header-tools{display:flex;align-items:center;gap:8px;margin-left:auto}.header-live{white-space:nowrap;color:#9bbac9;font-size:11px;font-weight:750;margin-right:5px;display:flex;align-items:center;gap:7px}.header-live i,.context-dot{width:7px;height:7px;background:#18e1b8;border-radius:50%;display:inline-block;box-shadow:0 0 13px #08e1b54d}
.header-icon,.header-profile{border:1px solid #244561;border-radius:12px;background:#10304d70;color:#b4d5e9;display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:40px;padding:8px;transition:background .2s,transform .2s}.header-icon:hover,.header-profile:hover{background:#184766;transform:translateY(-1px);color:#fff}.head-new{font-size:12px;white-space:nowrap;padding:10px 13px;min-height:40px}.header-profile{gap:7px;padding:4px 9px 4px 4px}.profile-letter{height:31px;width:31px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#08d6e3,#1c5dcb);font-weight:850;color:#001831}
.head-menu,.profile-menu,.mobile-mega-menu{position:absolute;background:#0b2039f9;border:1px solid #366484;border-radius:17px;box-shadow:0 25px 55px #0009;backdrop-filter:blur(22px);z-index:42;padding:9px}
.head-menu{top:53px;left:-18px;width:245px}.profile-menu{right:0;top:51px;width:245px}.profile-info{padding:12px 13px 14px;border-bottom:1px solid #24506d;margin-bottom:6px}.profile-info strong{display:block;font-size:13px}.profile-info small{display:block;font-size:11px;line-height:1.45;margin-top:5px;word-break:break-word}.menu-entry{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:10px;background:transparent;color:#c6deef;padding:13px 14px;text-align:left;font-size:13px;font-weight:650;transition:background .2s}.menu-entry svg:last-child{margin-left:auto}.menu-entry:hover,.menu-entry.current{background:#164563;color:#41eaf0}.mobile-mega-menu,.mobile-menu-toggle{display:none}
.context-strip{background:linear-gradient(90deg,#081c32bb,#0a2039bb);border-bottom:1px solid #213c58}.context-inner{max-width:1680px;margin:auto;padding:11px 38px;display:flex;justify-content:space-between;align-items:center}.breadcrumbs,.context-meta{display:flex;align-items:center;gap:10px;font-size:11px;color:#779db9}.breadcrumbs strong{color:#cde5f6;font-weight:700}.context-meta{letter-spacing:.02em}.context-slash{color:#406282}
.premium-shell .container{max-width:1680px;margin:0 auto;padding:31px 38px 60px}.portal-footer{max-width:1680px;margin:0 auto;padding:18px 38px 24px;border-top:1px solid #193853;display:flex;justify-content:space-between;gap:12px;color:#61869f;font-size:11px}
/* Login split -- branded EIT visual storytelling */
.premium-auth{padding:0;display:block;background:radial-gradient(circle at 12% 92%,#0b456959,transparent 30%),radial-gradient(circle at 68% 5%,#09447761,transparent 34%),#030e1d;position:relative;overflow:hidden;min-height:100vh}
.auth-atmosphere{position:absolute;inset:0;background-image:linear-gradient(#4c86b30e 1px,transparent 1px),linear-gradient(90deg,#4c86b30e 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(105deg,#000,transparent 77%)}
.auth-shell{position:relative;max-width:1530px;margin:auto;min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(410px,.9fr);gap:5%;padding:52px clamp(30px,5.6vw,90px);align-items:center}
.auth-showcase{display:flex;flex-direction:column;min-width:0;position:relative;align-self:stretch;justify-content:space-between;padding:3px 0 18px}
.auth-brandline{display:flex;align-items:center;justify-content:space-between;gap:16px}.auth-hero-logo{width:115px;filter:drop-shadow(0 0 15px #04dcea2c)}.auth-brand-badge{padding:8px 13px;border-radius:100px;border:1px solid #25647d;background:#0b304569;color:#7fdce9;font-size:9px;letter-spacing:.18em;font-weight:850}
.auth-intro{margin:55px 0 0}.auth-intro h2{font-size:clamp(37px,4.3vw,66px);letter-spacing:-.05em;line-height:1.08;margin:20px 0;font-weight:900}.auth-intro h2 em{font-style:normal;background:linear-gradient(100deg,#1feaf2,#4f9fff 70%);background-clip:text;-webkit-background-clip:text;color:transparent}.auth-intro p{max-width:540px;color:#a3c2d9;font-size:16px;line-height:1.85}
.auth-visual{height:245px;position:relative;margin-top:12px;isolation:isolate}.auth-visual:before{position:absolute;inset:40px 20px 10px;content:"";background:radial-gradient(ellipse,#06c9f327,transparent 70%);filter:blur(15px)}.auth-orbit{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) rotate(-14deg);width:470px;height:170px;border-radius:50%;border:1px solid #12d1eb33;box-shadow:0 0 28px #0cc4e81a}.orb-b{transform:translate(-50%,-50%) rotate(24deg);width:350px;height:135px;border-color:#2b9bed67}.auth-visual-core{position:absolute;left:50%;top:39%;transform:translate(-50%,-50%);width:146px;height:114px;display:grid;place-items:center;border-radius:26px;background:linear-gradient(135deg,#114873dd,#081e35ce);border:1px solid #278db49e;box-shadow:0 22px 65px #0007,inset 0 1px #75e9fa3d}.auth-visual-core img{width:113px}.floating-tile{position:absolute;display:flex;align-items:center;gap:11px;padding:12px;border-radius:14px;border:1px solid #357695;background:linear-gradient(125deg,#133e5ee8,#0a203bea);box-shadow:0 15px 45px #0006;font-size:12px;font-weight:750;white-space:nowrap}.floating-tile>svg{color:#21e9f2}.floating-tile span{display:flex;flex-direction:column;gap:3px}.floating-tile small{font-size:10px;color:#8aacbc;font-weight:500}.floating-tile.float-one{top:7px;right:1%}.floating-tile.float-two{left:0;bottom:15px}.scanline{position:absolute;width:100%;height:1px;top:65%;background:linear-gradient(90deg,transparent,#04e3f16b,transparent)}.auth-showcase-foot{display:flex;align-items:center;gap:13px;color:#6da1c0;font-size:11px;margin-top:17px}.auth-showcase-foot b{color:#1fe3e7;font-size:10px;margin-right:4px}.line-mark{height:1px;flex:1;max-width:26px;background:#215b7c}
.auth-layout{text-align:left;max-width:550px;width:100%;margin:auto}.auth-form-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px}.auth-shield{display:inline-flex;align-items:center;gap:8px;color:#9eb6cb;font-size:9px;font-weight:800;letter-spacing:.1em}.auth-shield svg{color:#23c5df}.auth-mobile-brand{display:none}
.auth-card{padding:36px;background:linear-gradient(140deg,#112c47f3,#08192eeb);border:1px solid #376a88;border-radius:27px;box-shadow:0 32px 70px #0007,inset 0 1px #e0ffff10;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;left:36px;right:36px;top:0;height:2px;background:linear-gradient(90deg,transparent,#08e1ec,transparent)}.auth-form-title{display:flex;align-items:center;gap:15px;margin-bottom:26px}.auth-form-title h1{font-size:27px;font-weight:850;letter-spacing:-.035em;margin:0 0 5px}.auth-form-title p{color:#89adc5;font-size:13px;margin:0}.auth-form-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:linear-gradient(130deg,#0d6175,#0b2c5a);border:1px solid #2c8199;color:#43f6ee;box-shadow:0 0 24px #09b8d61c;flex-shrink:0}.auth-card .field{margin-bottom:17px}.auth-card .field label{font-size:11px}.auth-card .control{height:55px;background:#061a31;border-radius:12px;padding:13px 15px}.auth-card .btn.primary{height:52px}.auth-card .hint{font-size:12px}.auth-card .auth-linkrow{margin-top:19px}.auth-form-foot{display:flex;justify-content:space-between;margin-top:22px;font-size:10px;color:#729bb8;letter-spacing:.08em;gap:12px}.auth-form-foot span:first-child{display:flex;gap:7px;align-items:center}.auth-form-foot svg{color:#18d9b2}.auth-card .linkbtn{font-size:12px;font-weight:700}
/* Hero dashboard */
.hero-dashboard{position:relative;overflow:hidden;min-height:284px;background:linear-gradient(112deg,#103c60,#09213f 59%,#08385c);border:1px solid #2b6587;border-radius:27px;margin:0 0 19px;padding:35px 40px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:25px;box-shadow:0 26px 60px #010c201f,inset 0 1px #95e6fc13;isolation:isolate}.hero-dashboard:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 54%,#1aa5e941,transparent 40%),repeating-linear-gradient(120deg,transparent,transparent 38px,#39c1e80a 39px,#39c1e80a 40px);z-index:-1}
.hero-copy{z-index:1}.hero-eyebrow{margin-bottom:14px}.hero-copy h1{font-size:clamp(32px,3.8vw,53px);line-height:1.12;letter-spacing:-.04em;font-weight:850;margin:0 0 12px}.hero-copy h1>span:not(.hero-spark){color:#51f0fa}.hero-spark{vertical-align:middle;display:inline-flex;margin-left:12px;color:#4ff6f0}.hero-copy p{color:#abcfe5;max-width:620px;font-size:14px;line-height:1.7;margin:0 0 18px}.hero-tags,.module-hero-chips{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.hero-tags>span,.module-hero-chips>span{display:inline-flex;align-items:center;gap:8px;border:1px solid #3c88a36f;background:#041c3282;border-radius:100px;padding:7px 12px;font-size:11px;color:#bce9f5}.hero-tags svg,.module-hero-chips svg{color:#24dde9}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap}.hero-outline{background:#0c27436c;border-color:#3e7599}
.hero-art{position:relative;min-height:213px;display:flex;align-items:center;justify-content:center}.hero-art img{width:min(270px,84%);filter:drop-shadow(0 12px 15px #031c3370);z-index:3;animation:float 6.5s ease-in-out infinite}.hero-ring{position:absolute;border-radius:50%;border:1px solid #23dbf457;width:390px;height:150px;transform:rotate(-26deg);box-shadow:0 0 15px #26dce31d}.ring-b{width:330px;height:125px;transform:rotate(25deg);border-color:#418ef968}.ring-c{width:230px;height:230px;border-color:#08e3ee16;transform:none;background:radial-gradient(circle,#0d85d72e,transparent)}.art-glow{position:absolute;left:28%;right:14%;top:21%;bottom:7%;background:#068cf72c;filter:blur(48px);z-index:-1}.art-tag{position:absolute;padding:8px 12px;background:#071b30cf;border:1px solid #3d799d;border-radius:10px;font-size:9px;letter-spacing:.17em;font-weight:800;color:#a0d5f0;z-index:4;box-shadow:0 8px 27px #0005}.tag-one{top:21px;right:0;color:#16ebc1}.tag-two{bottom:12px;left:1%}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.premium-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:17px}.premium-kpi{padding:21px;min-height:185px;position:relative;overflow:hidden}.premium-kpi:before{height:2px;background:linear-gradient(90deg,#0be7f4,#1d80fa)}.premium-kpi.k-green:before{background:linear-gradient(90deg,#0be7bf,#158eff)}.premium-kpi.k-gold:before{background:linear-gradient(90deg,#ffba47,#f0713a)}.premium-kpi.k-red:before{background:linear-gradient(90deg,#958cff,#eb6bca)}.premium-kpi:after{content:"";position:absolute;right:-62px;top:-60px;width:185px;height:185px;border-radius:50%;background:#117fc413;pointer-events:none}.kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.kpi-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#0a3d65;border:1px solid #2f6490;color:#20d3f4}.kpi-icon.positive{background:#074b484e;border-color:#167b6b;color:#18e2b1}.kpi-icon.gold{background:#55411a52;border-color:#957331;color:#ffcb60}.kpi-icon.red{background:#5536524a;border-color:#98527c;color:#e6a3fa}.kpi-signal{color:#4b7898}.premium-kpi label{display:block;color:#9abbd1;font-size:12px;margin-bottom:3px}.premium-kpi .value{font-size:37px;line-height:1.15;color:#fff;font-weight:850;letter-spacing:-.05em}.kpi-bottom{display:flex;align-items:center;gap:7px;margin-top:15px}.kpi-bottom small{font-size:10px;color:#799fb9}.signal-dot{height:5px;width:5px;flex-shrink:0;background:#10d9c9;border-radius:50%}.kpi-arrow{margin-left:auto;color:#558eb0}
.premium-dash-main{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;margin-bottom:16px}.premium-analytics,.weekly-panel{min-height:354px}.pill-soft{color:#85d6e3;border:1px solid #285d7b;background:#0d3854;border-radius:100px;padding:6px 10px;font-size:10px;display:inline-flex;gap:6px;align-items:center}.analytics-visual{display:flex;align-items:center;gap:35px;margin:8px 0 25px}.donut-wrap{flex:0 0 218px;display:grid;place-items:center}.donut{width:215px;height:215px;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 40px #04bcd61c}.donut:after{content:"";position:absolute;inset:15px;border-radius:50%;border:1px solid #68a4c925;pointer-events:none}.donut-center{width:155px;height:155px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(140deg,#0b233c,#051629);box-shadow:inset 0 0 16px #0004}.donut-center span{font-size:45px;font-weight:900;letter-spacing:-.05em;line-height:1.1}.donut-center small{font-size:11px;color:#91b6ca;margin-top:4px}.donut-legend{flex:1;min-width:0}.legend-row{display:grid;grid-template-columns:10px minmax(0,1fr) 40px 45px;align-items:center;gap:9px;border-bottom:1px solid #3b6e842c;padding:13px 0;font-size:12px}.legend-row:last-child{border:0}.legend-row>span:nth-child(2){color:#c5d6e8}.legend-row b{text-align:right}.legend-row small{color:#88aec2;text-align:right}.legend-mark{width:8px;height:8px;border-radius:50%;box-shadow:0 0 10px currentColor}.analytic-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #36597069;padding-top:15px;color:#86aac4;font-size:11px;gap:14px}.analytic-footer span{display:flex;gap:6px;align-items:center}.text-action{display:inline-flex;align-items:center;gap:7px;background:none;border:0;color:#28e4ef;font-size:12px;font-weight:800;cursor:pointer;padding:4px 0}.text-action:hover{text-decoration:underline}.weekly-chart{height:230px;display:flex;align-items:end;justify-content:space-around;gap:12px;padding-top:22px;border-bottom:1px solid #31567555;position:relative}.weekly-chart:before{content:"";position:absolute;inset:25px 0 35px;background:repeating-linear-gradient(to top,transparent,transparent calc(25% - 1px),#5285a618 25%);pointer-events:none}.week-col{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;max-width:65px;z-index:1}.week-value{height:18px;font-size:10px;color:#8db4cf}.week-bar-track{flex:1;width:100%;display:flex;align-items:end;justify-content:center}.week-bar{display:block;width:57%;max-width:34px;min-height:4px;background:linear-gradient(0deg,#105a9c,#1fcbeb);border-radius:8px 8px 3px 3px;box-shadow:0 0 18px #11b6eb23;transition:height .4s}.week-bar.peak{background:linear-gradient(0deg,#168deb,#18f1ed)}.week-label{height:26px;font-size:10px;color:#8daec6}.weekly-footer{display:flex;justify-content:space-between;color:#7da6c0;font-size:11px;margin-top:15px}.weekly-footer i{display:inline-block;width:7px;height:7px;background:#1bcfed;border-radius:50%;margin-right:7px}
.premium-dash-lower{display:grid;grid-template-columns:1.06fr .94fr;gap:16px;margin-bottom:16px}.count-circle,.heading-count{display:inline-grid;place-items:center;min-width:27px;height:27px;border-radius:50%;padding:0 7px;background:#10415b;color:#20e9f2;font-weight:750;font-size:12px}.queue-item{display:flex;align-items:center;gap:12px;padding:12px 0;border:0;border-bottom:1px solid #2b527146;background:none;color:#eaf5fc;text-align:left;width:100%}.queue-item:hover{background:#1543634b}.queue-icon{height:40px;width:40px;border:1px solid #345d7c;border-radius:11px;background:#0f3852;display:grid;place-items:center;color:#18e4e9;flex-shrink:0}.queue-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.queue-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.queue-copy small{font-size:11px}.queue-item>.status{flex-shrink:0}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.quick-tile{position:relative;min-height:107px;border:1px solid #2e5b78;border-radius:15px;background:linear-gradient(130deg,#133952b7,#0a273ec9);display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:15px;text-align:left;color:#f0f8ff;transition:transform .2s,border-color .2s}.quick-tile:hover{transform:translateY(-3px);border-color:#23dce8;box-shadow:0 12px 25px #0004}.quick-tile>span{color:#13dfe8;margin-bottom:2px}.quick-tile b{font-size:12px}.quick-tile small{font-size:10px;color:#8ba9bd}.quick-tile>svg:last-child{position:absolute;right:13px;top:15px;color:#789db6}.premium-recent{margin-bottom:20px}
/* Module heroes: tickets / users */
.module-hero{border:1px solid #2a6488;background:linear-gradient(115deg,#123e64ee,#0d2745ed 65%,#134e79c2);border-radius:25px;padding:30px 36px;min-height:207px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;position:relative;overflow:hidden;isolation:isolate}.module-hero:before{content:"";position:absolute;width:370px;height:370px;border-radius:50%;border:1px solid #47d0f52a;right:-87px;top:-108px;box-shadow:inset 0 0 60px #0789d31c;z-index:-1}.module-hero:after{content:"";position:absolute;right:5%;top:10%;width:160px;height:160px;border-radius:50%;background:#06e0ef14;filter:blur(35px);z-index:-1}.module-hero h1{font-size:clamp(28px,3.5vw,42px);letter-spacing:-.04em;line-height:1.15;font-weight:850;margin:12px 0 10px}.module-hero p{font-size:13px;max-width:550px;color:#aacde1;margin:0 0 15px}.module-hero-chips{margin-bottom:0}.module-hero-right{min-width:170px;display:flex;flex-direction:column;gap:15px;align-items:center}.module-visual-number{font-weight:900;font-size:65px;letter-spacing:-.06em;line-height:1;color:#f5ffff;text-shadow:0 0 28px #03dded32}.module-visual-number small{display:block;text-align:center;font-size:10px;color:#95c5dc;letter-spacing:.2em;margin-top:9px}
.tickets-summary-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 0 18px}.filter-pill-row{display:flex;gap:7px;flex-wrap:wrap}.filter-pill{border:1px solid #284e6b;background:#0b2741;border-radius:100px;color:#a9c4d7;padding:9px 14px;font-size:11px;font-weight:750;display:inline-flex;align-items:center;gap:9px;transition:background .2s,transform .2s}.filter-pill:hover{background:#133c5d;transform:translateY(-2px)}.filter-pill.on{color:#011c2a;background:linear-gradient(110deg,#16e8e3,#36aeff);border-color:#11d4ef}.filter-pill>span{border-radius:50px;background:#2952727d;color:inherit;min-width:18px;padding:1px 5px;text-align:center;font-size:10px}.filter-pill.on>span{background:#00556d33}.premium-tickets-card .card-title{margin-bottom:21px}.heading-count{vertical-align:middle;margin-left:6px}.premium-tickets-card .filters{padding:14px;background:#051b3180;border:1px solid #244d6c;border-radius:14px;gap:10px}.premium-tickets-card .filters .field{min-width:120px}.premium-tickets-card .filters .field.search{flex:2;min-width:210px}.search-wrap{position:relative}.search-wrap svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#6fa7c6;pointer-events:none}.search-wrap input{padding-left:39px}.premium-table{margin-top:20px}
.data-table-wrap{border:1px solid #234761;border-radius:14px;overflow:auto}.data-table{background:#06192bc1;min-width:840px}.data-table thead{background:#12304b}.data-table thead th{letter-spacing:.09em;color:#8fb0cb;font-size:10px;font-weight:800;text-transform:uppercase}.data-table tbody tr{transition:background .17s}.data-table tbody tr:hover{background:#103c5c}.data-table tbody td{padding-top:15px;padding-bottom:15px;color:#d2e6f1}.data-table tbody td strong{color:#f7fcff}.data-table tbody tr td:last-child{color:#31d6e5}.status,.priority{border-radius:100px}
.users-hero{min-height:219px}.users-hero h1{max-width:700px}.users-hero-art{min-width:205px;display:grid;place-items:center;color:#25e1f2;position:relative;min-height:160px}.users-hero-art>svg{filter:drop-shadow(0 0 25px #00e0f464)}.users-hero-art:before{content:"";position:absolute;width:170px;height:170px;border:1px solid #15c5eb78;border-radius:50%;box-shadow:0 0 0 19px #0989de10,0 0 0 39px #0989de07}.avatars-stack{position:absolute;bottom:0;display:flex;left:50%;transform:translateX(-50%)}.avatars-stack span{display:grid;place-items:center;margin-left:-8px;width:40px;height:40px;background:linear-gradient(140deg,#3cdceb,#175a9b);color:#04172b;font-weight:900;border:3px solid #073656;border-radius:50%;font-size:12px}.avatars-stack span:nth-child(2){background:linear-gradient(140deg,#3b9afb,#2056a8)}.avatars-stack span:nth-child(3){background:linear-gradient(140deg,#07e8b6,#0f8a8e)}
.member-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:24px}.member-stat{padding:18px 21px;border:1px solid #294e6c;border-radius:18px;background:linear-gradient(120deg,#102f4d,#0a2139);display:flex;flex-direction:column;gap:4px}.member-stat>span{color:#a9cbd9;font-size:11px;font-weight:700;display:flex;align-items:center;gap:9px}.member-stat>span svg{color:#18dfe8}.member-stat b{font-size:32px;line-height:1.2;letter-spacing:-.04em}.member-stat small{font-size:10px;color:#759cb7}.member-stat.attention{border-color:#876b3d;background:linear-gradient(130deg,#352d2c,#142337)}.member-stat.attention>span svg{color:#ffb969}
.members-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.members-actions h2{font-size:23px;margin:0 0 2px;letter-spacing:-.03em}.members-actions p{font-size:12px;color:#8cacc4;margin:0}.pending-panel .empty{padding:15px 0 12px}.pending-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pending-user{border:1px solid #3a6582;border-radius:15px;background:#0b2c47;padding:16px}.pending-head{display:flex;gap:11px;align-items:center}.pending-head>div{min-width:0}.pending-head strong{display:block}.pending-head small{display:block;color:#92b6c9;font-size:10px;overflow-wrap:anywhere}.pending-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.member-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.member-card{background:linear-gradient(155deg,#123957cf,#082338e6);border:1px solid #2d5475;border-radius:17px;padding:18px;min-width:0;transition:transform .2s,border-color .2s}.member-card:hover{transform:translateY(-3px);border-color:#20dce9}.member-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.member-avatar{height:48px;width:48px;display:grid;place-items:center;background:linear-gradient(140deg,#15dfdc,#1554bd);border-radius:14px;color:#001d2d;font-weight:900;font-size:21px;box-shadow:0 6px 18px #04aee420}.member-avatar.support{background:linear-gradient(145deg,#19dc99,#1a75a4)}.member-avatar.client{background:linear-gradient(145deg,#b5a7ff,#347fce)}.member-card h3{font-size:16px;margin:16px 0 7px;overflow-wrap:anywhere}.member-email{display:flex;align-items:center;gap:6px;color:#9ab8cd;font-size:11px;overflow-wrap:anywhere}.member-card-foot{border-top:1px solid #3157728a;padding-top:14px;margin-top:17px;display:flex;justify-content:space-between;gap:9px;align-items:center}.member-role{display:flex;align-items:center;gap:6px;color:#43dfea;font-size:11px}.member-card-foot .btn.small{font-size:10px;padding:7px 9px;white-space:nowrap}
/* Preserve legacy components in other modules, improve their presentation */
.page-heading{background:linear-gradient(100deg,#0b3052,#0b1f38);border:1px solid #28577c;border-radius:20px;padding:24px;margin-bottom:20px;box-shadow:0 16px 30px #0003}.page-heading h1{font-weight:800;letter-spacing:-.035em}.filters .field{min-width:135px}.modal-backdrop{z-index:80;background:#010813db;backdrop-filter:blur(10px)}.modal{background:linear-gradient(150deg,#0e2e4c,#07182c);border:1px solid #307396;border-radius:23px;box-shadow:0 30px 90px #0009}.list-row{border-bottom-color:#294d674d}.data-table tbody tr[data-action="ticket"]{cursor:pointer}
/* responsive */
@media(max-width:1440px){.header-inner{gap:14px;padding:0 24px}.header-brand{min-width:150px}.brand-caption{font-size:7px}.head-nav-item{padding:10px 9px;font-size:11px;gap:6px}.head-nav-item svg{width:16px}.header-live{display:none}.premium-shell .container{padding:27px 27px 48px}.context-inner{padding-left:27px;padding-right:27px}.portal-footer{padding-left:27px;padding-right:27px}}
@media(max-width:1200px){.head-nav{display:none}.mobile-menu-toggle{display:inline-flex}.mobile-mega-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:static;box-shadow:none;border:0;border-radius:0;border-top:1px solid #23485f;background:#0a223ae8;padding:10px 24px}.mobile-mega-menu .menu-entry{font-size:12px}.hero-dashboard{grid-template-columns:minmax(0,1fr) minmax(210px,.62fr)}.premium-dash-main{grid-template-columns:1fr 1fr}.analytics-visual{gap:20px}.donut-wrap{flex-basis:170px}.donut{height:167px;width:167px}.donut-center{height:119px;width:119px}.donut-center span{font-size:35px}.member-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-shell{gap:25px;padding:34px 36px}}
@media(max-width:950px){.premium-kpis,.member-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-dash-main,.premium-dash-lower{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr;max-width:670px;padding:36px 26px}.auth-showcase{display:none}.auth-mobile-brand{display:flex;align-items:center;gap:14px;justify-content:center;margin-bottom:24px;color:#7bd2e5;font-size:11px;font-weight:850;letter-spacing:.2em}.auth-mobile-brand img{width:88px}.auth-form-top{margin-top:15px}.auth-layout{max-width:530px}.context-meta{display:none}}
@media(max-width:700px){.header-inner{min-height:66px;padding:0 15px;gap:11px}.header-brand{min-width:0;gap:8px}.brand-symbol{width:39px;height:37px}.brand-symbol img{width:41px}.brand-title{font-size:19px}.brand-caption{font-size:6px;letter-spacing:.08em}.header-tools{gap:6px}.header-icon{width:36px;height:36px;min-width:36px}.header-tools>.header-icon:nth-of-type(2),.header-tools>.header-icon:nth-of-type(3),.head-new{display:none}.profile-wrap{display:none}.mobile-menu-toggle{display:inline-flex}.mobile-mega-menu{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.mobile-mega-menu .menu-entry{padding:12px 8px}.context-inner{padding:10px 17px}.premium-shell .container{padding:18px 15px 32px}.portal-footer{padding:15px;display:block}.portal-footer span{display:block;margin:5px 0}.hero-dashboard{padding:25px;grid-template-columns:1fr;min-height:0}.hero-art{display:none}.hero-copy h1{font-size:33px}.hero-copy p{font-size:12px}.premium-kpi{min-height:150px;padding:15px}.premium-kpi .value{font-size:32px}.premium-kpi .kpi-top{margin-bottom:10px}.kpi-icon{width:37px;height:37px}.analytics-visual{flex-direction:column;gap:12px}.donut-wrap{flex-basis:auto}.donut-legend{width:100%}.module-hero{padding:23px;min-height:0}.module-hero h1{font-size:30px}.module-hero-right,.users-hero-art{display:none}.tickets-summary-bar{flex-wrap:wrap}.premium-tickets-card .filters{padding:12px}.premium-tickets-card .filters .field.search{flex:1 0 100%}.premium-tickets-card .filters .field{flex:1;min-width:125px}.members-actions{flex-wrap:wrap}.member-cards,.pending-grid{grid-template-columns:1fr}.auth-card{padding:25px}.auth-form-title h1{font-size:24px}.auth-form-foot{flex-direction:column}.member-stats{gap:9px}.member-stat{padding:13px}.member-stat b{font-size:28px}}
@media(max-width:430px){.hero-copy h1{font-size:30px}.hero-tags>span{font-size:10px}.premium-kpis{gap:8px}.premium-kpi{padding:12px;min-height:145px}.kpi-top{margin-bottom:9px}.kpi-icon{height:34px;width:34px}.premium-kpi .value{font-size:28px}.kpi-bottom small{font-size:9px}.auth-shell{padding:24px 13px}.auth-card{padding:20px}.auth-form-title{gap:11px}.auth-form-icon{width:45px;height:45px}.quick-grid{gap:7px}.quick-tile{padding:12px}.quick-tile small{font-size:9px}.member-card-foot{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Evitar que tarjetas con contenido dinámico fuercen ancho extra en móvil */
.premium-dash-main,.premium-dash-lower,.premium-kpis,.member-stats{min-width:0}
.premium-dash-main>*,.premium-dash-lower>*,.premium-kpis>*,.member-stats>*{min-width:0}
.queue-item .queue-copy{min-width:0;overflow:hidden}
.queue-item .queue-copy b{max-width:100%;text-overflow:ellipsis}
@media(max-width:950px){.premium-dash-main,.premium-dash-lower{grid-template-columns:minmax(0,1fr)}}