/* ========================================================================
   SUDITEC · PANEL MODERNO 2026
   Capa visual no invasiva inspirada en el módulo SST.
   No modifica lógica PHP ni consultas; solo presentación y microinteracción.
   ======================================================================== */

.suditec-modern{
  --sd-brand:#0800ff;
  --sd-brand-2:#5271ff;
  --sd-brand-3:#7f98ff;
  --sd-ink:#171a26;
  --sd-muted:#72798b;
  --sd-line:#e3e6ef;
  --sd-card:rgba(255,255,255,.92);
  --sd-card-solid:#ffffff;
  --sd-canvas:#f4f6fb;
  --sd-success:#159873;
  --sd-danger:#d64d61;
  --sd-warning:#b67600;
  --sd-sidebar:#090b14;
  --sd-sidebar-2:#11152b;
  --sd-radius:22px;
  --sd-radius-sm:14px;
  --sd-shadow:0 18px 55px rgba(18,24,48,.08);
  --sd-shadow-hover:0 26px 72px rgba(8,0,255,.12),0 12px 30px rgba(18,24,48,.08);
  --sd-mouse-x:72vw;
  --sd-mouse-y:18vh;
  min-height:100vh;
  color:var(--sd-ink);
  background:
    radial-gradient(circle at var(--sd-mouse-x) var(--sd-mouse-y),rgba(82,113,255,.12),transparent 26rem),
    radial-gradient(circle at 7% 96%,rgba(8,0,255,.07),transparent 29rem),
    linear-gradient(180deg,#fafbff 0%,#f5f6fa 48%,#eff2f8 100%);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
.suditec-modern,.suditec-modern *{box-sizing:border-box}
.suditec-modern::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.48;
  background-image:linear-gradient(rgba(21,25,43,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(21,25,43,.026) 1px,transparent 1px);
  background-size:34px 34px;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 88%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 88%);
}
.suditec-modern::after{
  content:"";position:fixed;width:430px;height:430px;right:-170px;bottom:-190px;z-index:-1;pointer-events:none;border-radius:50%;
  background:radial-gradient(circle,rgba(8,0,255,.13),rgba(82,113,255,.025) 54%,transparent 72%);filter:blur(11px)
}
html[data-theme="dark"] .suditec-modern{
  --sd-ink:#e8ebf5;--sd-muted:#9ba3b9;--sd-line:#242b42;--sd-card:rgba(15,19,34,.94);--sd-card-solid:#111628;--sd-canvas:#080b15;
  --sd-shadow:0 18px 60px rgba(0,0,0,.28);--sd-shadow-hover:0 26px 72px rgba(8,0,255,.16),0 15px 35px rgba(0,0,0,.32);
  background:radial-gradient(circle at var(--sd-mouse-x) var(--sd-mouse-y),rgba(82,113,255,.12),transparent 27rem),radial-gradient(circle at 5% 100%,rgba(8,0,255,.12),transparent 30rem),linear-gradient(180deg,#0b0e18,#090c15 65%,#070912)
}
.suditec-modern ::selection{background:rgba(8,0,255,.18);color:inherit}
.suditec-modern ::-webkit-scrollbar{width:10px;height:10px}.suditec-modern ::-webkit-scrollbar-track{background:#eef0f6}.suditec-modern ::-webkit-scrollbar-thumb{background:#c7cbda;border:2px solid #eef0f6;border-radius:999px}.suditec-modern ::-webkit-scrollbar-thumb:hover{background:#aeb5ca}
html[data-theme="dark"] .suditec-modern ::-webkit-scrollbar-track{background:#0c1020}html[data-theme="dark"] .suditec-modern ::-webkit-scrollbar-thumb{background:#39415b;border-color:#0c1020}

/* Topbar */
.suditec-modern .main-header{
  position:sticky!important;top:0!important;z-index:1025!important;
  margin-left:284px!important;width:calc(100% - 284px)!important;min-height:72px!important;
  padding:13px 26px!important;background:rgba(248,249,253,.78)!important;color:var(--sd-ink)!important;
  backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);
  border-bottom:1px solid rgba(220,224,235,.82)!important;box-shadow:0 8px 30px rgba(26,31,55,.025)!important;
}
html[data-theme="dark"] .suditec-modern .main-header{background:rgba(10,13,24,.82)!important;border-bottom-color:#20263a!important}
.suditec-modern .main-header .logo{color:var(--sd-ink)!important;font-size:19px!important;font-weight:850!important;letter-spacing:-.025em!important}
.suditec-modern .main-header .logo::before{content:"SUDITEC · ";font-size:9px;letter-spacing:.16em;color:#8992ad;font-weight:900;display:block;margin-bottom:2px}
.suditec-modern .sidebar-toggle,.suditec-modern .theme-toggle{
  border:1px solid var(--sd-line)!important;background:rgba(255,255,255,.86)!important;color:#252943!important;border-radius:13px!important;
  min-height:42px!important;box-shadow:0 5px 16px rgba(24,43,75,.055)!important;transition:.2s ease!important
}
.suditec-modern .sidebar-toggle{width:42px!important;display:inline-grid!important;place-items:center!important;padding:0!important}
.suditec-modern .theme-toggle{padding:8px 12px!important;font-size:12px!important}
.suditec-modern .sidebar-toggle:hover,.suditec-modern .theme-toggle:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(24,43,75,.11)!important;border-color:#cdd3e6!important}
html[data-theme="dark"] .suditec-modern .sidebar-toggle,html[data-theme="dark"] .suditec-modern .theme-toggle{background:#13182a!important;color:#e7eaff!important;border-color:#29304a!important}
.suditec-modern .user-chip{display:inline-flex!important;align-items:center!important;gap:9px!important;padding:5px 9px 5px 6px!important;border:1px solid var(--sd-line)!important;border-radius:14px!important;background:rgba(255,255,255,.86)!important;color:var(--sd-ink)!important;box-shadow:0 5px 18px rgba(21,29,53,.045)!important}
html[data-theme="dark"] .suditec-modern .user-chip{background:#13182a!important}
.suditec-modern .avatar-sm{box-shadow:0 0 0 3px rgba(82,113,255,.09)}

/* Sidebar */
.suditec-modern .sidebar{
  position:fixed!important;inset:0 auto 0 0!important;width:284px!important;height:100dvh!important;min-height:100vh!important;
  padding:23px 16px 18px!important;display:flex!important;flex-direction:column!important;color:#fff!important;z-index:1040!important;overflow-y:auto!important;overflow-x:hidden!important;
  background:radial-gradient(circle at 16% 9%,rgba(82,113,255,.28),transparent 28%),radial-gradient(circle at 90% 76%,rgba(8,0,255,.22),transparent 32%),linear-gradient(165deg,#070912 0%,#0d1020 47%,#11142a 100%)!important;
  border-right:1px solid rgba(255,255,255,.08)!important;box-shadow:18px 0 55px rgba(6,7,18,.18)!important
}
.suditec-modern .sidebar::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.17;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 84%);mask-image:linear-gradient(to bottom,#000,transparent 84%)}
.suditec-modern .sidebar::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent 0%,var(--sd-brand-2) 18%,var(--sd-brand) 55%,transparent 100%);box-shadow:0 0 24px rgba(82,113,255,.8)}
.suditec-modern .sidebar>*{position:relative;z-index:1}
.suditec-modern .sidebar .brand,.suditec-modern .sidebar .logo-section{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:7px!important;margin:0 0 18px!important;padding:0 4px 20px!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
.suditec-modern .sidebar .brand img,.suditec-modern .sidebar .logo-section img,.suditec-modern .sidebar>img{
  width:138px!important;max-width:calc(100% - 26px)!important;height:auto!important;display:block!important;margin:0 auto 16px!important;padding:10px 12px!important;background:#fff!important;border-radius:18px!important;
  border:1px solid rgba(255,255,255,.88)!important;box-shadow:0 12px 32px rgba(0,0,0,.28),0 0 0 1px rgba(82,113,255,.22),0 0 30px rgba(82,113,255,.15)!important;object-fit:contain!important
}
.suditec-modern .sidebar .brand img{margin:0 auto!important}
.suditec-modern .sidebar h2,.suditec-modern .sidebar h3{color:#fff!important;font-size:13px!important;font-weight:800!important;margin:0 0 8px!important;letter-spacing:.01em!important;text-align:center!important}
.suditec-modern .sidebar .menu{padding:2px 0 18px!important;width:100%!important}
.suditec-modern .sidebar .menu-link,.suditec-modern .sidebar nav>a,.suditec-modern .sidebar>a:not(.logout):not(.logout-btn){
  display:flex!important;align-items:center!important;gap:11px!important;width:auto!important;min-height:44px!important;margin:6px 0!important;padding:10px 12px!important;border:1px solid transparent!important;border-radius:15px!important;
  background:transparent!important;color:rgba(255,255,255,.68)!important;text-decoration:none!important;font-size:12.5px!important;font-weight:740!important;line-height:1.25!important;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease!important;position:relative!important;overflow:hidden!important
}
.suditec-modern .sidebar .menu-link::after,.suditec-modern .sidebar nav>a::after,.suditec-modern .sidebar>a:not(.logout):not(.logout-btn)::after{content:"";position:absolute;inset:0;transform:translateX(-112%);background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.08),transparent 82%);transition:transform .5s ease}
.suditec-modern .sidebar .menu-link:hover::after,.suditec-modern .sidebar nav>a:hover::after,.suditec-modern .sidebar>a:not(.logout):not(.logout-btn):hover::after{transform:translateX(112%)}
.suditec-modern .sidebar .menu-link:hover,.suditec-modern .sidebar nav>a:hover,.suditec-modern .sidebar>a:not(.logout):not(.logout-btn):hover{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.08)!important;color:#fff!important;transform:translateX(3px)!important}
.suditec-modern .sidebar .menu-link svg{width:19px!important;height:19px!important;fill:#9eafe5!important;flex:0 0 auto!important;transition:.2s ease!important}
.suditec-modern .sidebar .menu-link:hover svg{fill:#fff!important}
.suditec-modern .sidebar .menu-active,.suditec-modern .sidebar a.panel-active{
  color:#fff!important;background:linear-gradient(135deg,rgba(82,113,255,.22),rgba(8,0,255,.11))!important;border-color:rgba(111,140,255,.24)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 10px 30px rgba(0,0,0,.14)!important
}
.suditec-modern .sidebar .menu-active::before,.suditec-modern .sidebar a.panel-active::before{content:"";position:absolute;left:0;top:15%;bottom:15%;width:3px;border-radius:0 8px 8px 0;background:linear-gradient(180deg,#7f98ff,var(--sd-brand));box-shadow:0 0 18px rgba(82,113,255,.85)}
.suditec-modern .sidebar .logout,.suditec-modern .sidebar .logout-btn{
  margin-top:auto!important;margin-bottom:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:11px 14px!important;border:1px solid rgba(255,120,135,.18)!important;border-radius:15px!important;
  background:linear-gradient(135deg,rgba(214,77,97,.94),rgba(176,48,73,.96))!important;color:#fff!important;text-decoration:none!important;font-size:12.5px!important;font-weight:850!important;box-shadow:0 10px 24px rgba(123,31,49,.2)!important
}
.suditec-modern .sidebar .logout:hover,.suditec-modern .sidebar .logout-btn:hover{transform:translateY(-1px)!important;filter:brightness(1.05)}
.suditec-modern .sidebar-footer{color:#8995b7!important;font-size:10px!important;text-align:center!important;border-top:1px solid rgba(255,255,255,.08)!important;padding-top:14px!important;margin-top:14px!important}

/* Main canvas */
.suditec-modern .layout{min-height:100vh!important;background:transparent!important}
.suditec-modern .content{margin-left:284px!important;padding:30px clamp(18px,2.5vw,38px)!important;min-width:0!important;max-width:none!important;background:transparent!important}
.suditec-modern .content>h1,.suditec-modern .content>h2,.suditec-modern .content>h3{letter-spacing:-.03em;color:var(--sd-ink)!important}
.suditec-modern .header-strip{
  position:relative!important;overflow:hidden!important;background:linear-gradient(135deg,#10152c,#171d3b)!important;border:1px solid rgba(111,140,255,.18)!important;border-radius:22px!important;padding:20px 23px!important;color:#fff!important;box-shadow:0 18px 48px rgba(12,17,40,.16)!important
}
.suditec-modern .header-strip::after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-90px;top:-130px;background:radial-gradient(circle,rgba(82,113,255,.33),transparent 67%);pointer-events:none}
.suditec-modern .header-strip h2,.suditec-modern .header-strip h3{color:#fff!important}.suditec-modern .hi{background:rgba(255,255,255,.08)!important;color:#cbd4ff!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important}

/* Cards / panels */
.suditec-modern .card,.suditec-modern .container-card,.suditec-modern .panel,.suditec-modern .content>.container,.suditec-modern .content>.box,.suditec-modern .wrap>.card{
  background:var(--sd-card)!important;border:1px solid var(--sd-line)!important;border-radius:var(--sd-radius)!important;box-shadow:var(--sd-shadow)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)
}
.suditec-modern .card,.suditec-modern .container-card,.suditec-modern .panel{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
.suditec-modern .kpis .card:hover,.suditec-modern .tile:hover,.suditec-modern .tarjeta:hover{transform:translateY(-3px)!important;box-shadow:var(--sd-shadow-hover)!important;border-color:#d6dbf0!important}
.suditec-modern .kpis{gap:17px!important}.suditec-modern .kpis .card{position:relative!important;overflow:hidden!important;padding:20px 21px!important}.suditec-modern .kpis .card::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--sd-brand),var(--sd-brand-2),transparent 88%)}
.suditec-modern .card h4,.suditec-modern .panel h3{color:#2b31b9!important;font-weight:850!important;letter-spacing:-.02em!important}.suditec-modern .value{color:var(--sd-ink)!important;font-size:34px!important;letter-spacing:-.04em!important}
html[data-theme="dark"] .suditec-modern .card h4,html[data-theme="dark"] .suditec-modern .panel h3{color:#aab9ff!important}
.suditec-modern .section{background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(249,250,255,.76))!important;border:1px solid var(--sd-line)!important;border-radius:16px!important;padding:16px!important;margin-top:14px!important}
html[data-theme="dark"] .suditec-modern .section{background:linear-gradient(180deg,#13182a,#101525)!important}
.suditec-modern hr{border:0!important;height:1px!important;background:linear-gradient(90deg,transparent,var(--sd-line),transparent)!important;margin:23px 0!important;opacity:1!important}

/* Typography */
.suditec-modern h1,.suditec-modern h2,.suditec-modern h3,.suditec-modern h4,.suditec-modern h5{font-family:inherit;letter-spacing:-.025em}
.suditec-modern h1{font-weight:880}.suditec-modern h2,.suditec-modern h3{font-weight:840}.suditec-modern .muted,.suditec-modern small{color:var(--sd-muted)!important}
.suditec-modern label{font-weight:760!important;color:#34394e!important;font-size:12.5px!important;letter-spacing:-.005em}
html[data-theme="dark"] .suditec-modern label{color:#d7dbee!important}

/* Forms */
.suditec-modern input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),.suditec-modern select,.suditec-modern textarea{
  min-height:43px;border:1px solid #d8ddea!important;border-radius:12px!important;background:rgba(255,255,255,.9)!important;color:#262b3f!important;padding:10px 12px!important;outline:0!important;box-shadow:0 1px 0 rgba(16,24,40,.02)!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important
}
.suditec-modern textarea{min-height:90px;resize:vertical}
.suditec-modern input:focus,.suditec-modern select:focus,.suditec-modern textarea:focus{border-color:#8c9cff!important;background:#fff!important;box-shadow:0 0 0 4px rgba(82,113,255,.11)!important}
.suditec-modern input::placeholder,.suditec-modern textarea::placeholder{color:#a1a7b7!important}
html[data-theme="dark"] .suditec-modern input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),html[data-theme="dark"] .suditec-modern select,html[data-theme="dark"] .suditec-modern textarea{background:#0f1425!important;border-color:#2b324b!important;color:#eef1ff!important}
.suditec-modern input[type="file"]::file-selector-button{border:0;border-radius:9px;padding:8px 11px;margin-right:10px;background:#eef0ff;color:#3537b5;font-weight:800;cursor:pointer}
.suditec-modern input[type="checkbox"],.suditec-modern input[type="radio"]{accent-color:var(--sd-brand)}
.suditec-modern canvas{background:#fff!important;border:1px dashed #cdd3e4!important;border-radius:14px!important;box-shadow:inset 0 1px 8px rgba(20,28,57,.035)!important}

/* Buttons */
.suditec-modern button,.suditec-modern .btn,.suditec-modern input[type="submit"]{border-radius:12px!important;font-weight:800!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease!important}
.suditec-modern button:hover,.suditec-modern .btn:hover,.suditec-modern input[type="submit"]:hover{transform:translateY(-1px)}
.suditec-modern button[type="submit"],.suditec-modern .btn-primary,.suditec-modern .btn.primary,.suditec-modern .btn:not(.btn-secondary):not(.btn-danger):not(.btn-warning):not(.btn-success):not(.btn-light):not(.btn-outline-secondary):not(.btn-outline-primary):not(.btn-outline-danger):not(.btn-ghost):not(.btn-sec):not(.btn-bad):not(.btn-wa){background:linear-gradient(135deg,var(--sd-brand),var(--sd-brand-2))!important;border:0!important;color:#fff!important;box-shadow:0 10px 22px rgba(8,0,255,.18)!important}
.suditec-modern .btn-success,.suditec-modern .btn.ok{background:linear-gradient(135deg,#0e936c,#22ad82)!important;border:0!important;color:#fff!important}.suditec-modern .btn-danger,.suditec-modern .btn.bad,.suditec-modern .danger{background:linear-gradient(135deg,#d64d61,#b83250)!important;border:0!important;color:#fff!important}.suditec-modern .btn-warning,.suditec-modern .btn.warn{background:linear-gradient(135deg,#d19017,#f0ad2e)!important;border:0!important;color:#fff!important}.suditec-modern .btn-secondary,.suditec-modern .btn-ghost,.suditec-modern .btn-sec{background:#fff!important;border:1px solid var(--sd-line)!important;color:#34394e!important;box-shadow:0 5px 16px rgba(24,43,75,.05)!important}
.suditec-modern .btn-sm{border-radius:10px!important}.suditec-modern a.btn{text-decoration:none!important}

/* Tables */
.suditec-modern .tablewrap,.suditec-modern .table-wrap,.suditec-modern .table-responsive{border:1px solid var(--sd-line)!important;border-radius:16px!important;overflow:auto!important;background:var(--sd-card-solid)!important;box-shadow:0 10px 28px rgba(20,28,57,.035)!important}
.suditec-modern table{border-collapse:separate!important;border-spacing:0!important;width:100%!important;background:transparent!important;color:var(--sd-ink)!important}
.suditec-modern table thead th,.suditec-modern .table-dark th{position:relative;background:linear-gradient(135deg,#1b2140,#11162b)!important;color:#fff!important;border:0!important;padding:12px 13px!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.055em!important;font-weight:850!important;white-space:nowrap}
.suditec-modern table thead th:first-child{border-top-left-radius:14px}.suditec-modern table thead th:last-child{border-top-right-radius:14px}
.suditec-modern table tbody td{border:0!important;border-top:1px solid var(--sd-line)!important;padding:11px 13px!important;background:transparent!important;vertical-align:middle!important;font-size:12.5px!important}
.suditec-modern table tbody tr{transition:background .16s ease!important}.suditec-modern table tbody tr:hover td{background:rgba(82,113,255,.045)!important}
.suditec-modern .badge,.suditec-modern .chip{border-radius:999px!important;font-weight:800!important;padding:5px 9px!important}

/* Legacy cards / tiles */
.suditec-modern .tile,.suditec-modern .tarjeta,.suditec-modern .preview .box{
  border:1px solid var(--sd-line)!important;border-radius:18px!important;background:var(--sd-card)!important;box-shadow:0 10px 28px rgba(20,28,57,.045)!important;overflow:hidden!important;transition:.22s ease!important
}
.suditec-modern .tile img{border:0!important}.suditec-modern .tipo{background:linear-gradient(135deg,var(--sd-brand),var(--sd-brand-2))!important;box-shadow:0 8px 18px rgba(8,0,255,.16)!important}.suditec-modern .velocidad{color:#3139c7!important}.suditec-modern .precio{color:#0e8b69!important}

/* Modal */
.suditec-modern .modal-content,.suditec-modern .modal .box{border:1px solid var(--sd-line)!important;border-radius:22px!important;background:var(--sd-card-solid)!important;box-shadow:0 30px 90px rgba(14,21,44,.22)!important;overflow:hidden!important}

/* Pages without sidebar */
.suditec-modern.suditec-page:not(:has(.sidebar)){padding:30px clamp(16px,4vw,44px)!important}
.suditec-modern.suditec-page:not(:has(.sidebar))>h1,.suditec-modern.suditec-page:not(:has(.sidebar))>h2{max-width:1180px;margin-left:auto!important;margin-right:auto!important;color:var(--sd-ink)!important;text-align:left!important}
.suditec-modern.suditec-page:not(:has(.sidebar))>.card,.suditec-modern.suditec-page:not(:has(.sidebar))>form.card,.suditec-modern.suditec-page:not(:has(.sidebar))>.contenedor,.suditec-modern.suditec-page:not(:has(.sidebar))>form{max-width:1180px;margin-left:auto!important;margin-right:auto!important}
.suditec-modern.suditec-page .contenedor{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))!important;gap:18px!important;padding:12px 0 24px!important}
.suditec-modern .panel-back-home{position:fixed;right:20px;top:20px;z-index:1200;display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:13px;background:rgba(255,255,255,.9);border:1px solid var(--sd-line);box-shadow:0 8px 24px rgba(19,27,55,.09);backdrop-filter:blur(12px);color:#2c3150;text-decoration:none;font-size:12px;font-weight:850}.suditec-modern .panel-back-home:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(8,0,255,.12)}

/* Login */
.suditec-modern.suditec-login{
  position:relative;display:grid!important;place-items:center!important;min-height:100dvh!important;height:auto!important;padding:26px!important;
  background:radial-gradient(circle at 18% 16%,rgba(82,113,255,.32),transparent 26rem),radial-gradient(circle at 85% 85%,rgba(8,0,255,.2),transparent 30rem),linear-gradient(145deg,#05070d 0%,#0b0e1b 50%,#11162c 100%)!important
}
.suditec-modern.suditec-login::before{content:"";position:fixed;inset:0;z-index:0;opacity:.12;background:url('../1.png') center/cover no-repeat;filter:saturate(.55) contrast(1.1)}
.suditec-modern.suditec-login::after{content:"";position:fixed;inset:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:40px 40px;opacity:.34}
.suditec-login .overlay{position:fixed!important;inset:0!important;width:auto!important;height:auto!important;background:radial-gradient(circle at 65% 25%,rgba(82,113,255,.11),transparent 32rem)!important;z-index:1!important;pointer-events:none!important}
.suditec-login .login-container{
  position:relative!important;z-index:2!important;width:min(430px,calc(100vw - 32px))!important;padding:36px!important;border-radius:28px!important;text-align:left!important;
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(248,249,255,.94))!important;border:1px solid rgba(255,255,255,.9)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.36),0 0 0 1px rgba(82,113,255,.08),0 0 70px rgba(82,113,255,.11)!important;backdrop-filter:blur(22px)!important;overflow:hidden!important
}
.suditec-login .login-container::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--sd-brand),var(--sd-brand-2),#93a7ff)}
.suditec-login .login-container::after{content:"";position:absolute;width:240px;height:240px;right:-120px;top:-130px;border-radius:50%;background:radial-gradient(circle,rgba(82,113,255,.19),transparent 70%);pointer-events:none}
.suditec-login .login-container img{width:150px!important;height:auto!important;display:block!important;margin:0 0 22px!important;padding:10px 12px!important;background:#fff!important;border-radius:18px!important;box-shadow:0 12px 32px rgba(17,22,43,.1)!important}
.suditec-login .login-kicker{position:relative;z-index:1;font-size:9px;text-transform:uppercase;letter-spacing:.18em;font-weight:900;color:#6674a5;margin-bottom:6px}
.suditec-login .login-container h2{position:relative;z-index:1;color:#15182b!important;font-size:25px!important;letter-spacing:-.035em!important;margin:0 0 7px!important}.suditec-login .login-subtitle{color:#777e92;font-size:12.5px;margin:0 0 22px;line-height:1.55}
.suditec-login .login-container form{position:relative;z-index:1}
.suditec-login .login-container input{height:48px!important;margin:7px 0!important;border-radius:13px!important}.suditec-login .login-container button{height:48px!important;margin-top:10px!important;width:100%!important;background:linear-gradient(135deg,var(--sd-brand),var(--sd-brand-2))!important;box-shadow:0 13px 28px rgba(8,0,255,.22)!important;border-radius:13px!important}
.suditec-login .btn-return{display:flex!important;align-items:center!important;justify-content:center!important;margin-top:12px!important;padding:11px 14px!important;background:#f3f4f8!important;color:#3c4256!important;border:1px solid #e2e5ef!important;border-radius:13px!important;font-size:12px!important;box-shadow:none!important}
.suditec-login .footer{margin-top:22px!important;color:#9399a8!important;font-size:10px!important;text-align:center!important}.suditec-login .error{background:#fff0f2;color:#a43145!important;border:1px solid #ffd3da;border-radius:12px;padding:10px 12px;margin:12px 0 0!important;font-size:12px!important}

/* Resets / small utility pages */
.suditec-modern .hint{background:#f4f6ff!important;border:1px solid #dfe3f4!important;border-radius:12px!important;padding:11px!important;color:#66708b!important}

/* Mobile */
.panel-mobile-menu{display:none}
.panel-modern-backdrop{display:none;position:fixed;inset:0;background:rgba(5,8,17,.52);backdrop-filter:blur(3px);z-index:1030}
@media(max-width:1024px){.suditec-modern .content{padding:24px 20px!important}.suditec-modern .user-name{display:none!important}}
@media(max-width:768px){
  .suditec-modern .main-header{margin-left:0!important;width:100%!important;min-height:64px!important;padding:10px 12px!important}
  .suditec-modern .main-header .logo{font-size:16px!important}.suditec-modern .main-header .logo::before{display:none}
  .suditec-modern .content{margin-left:0!important;padding:18px 13px 28px!important}
  .suditec-modern .sidebar{width:min(286px,88vw)!important;transform:translateX(-102%)!important;transition:transform .26s cubic-bezier(.2,.8,.2,1)!important;z-index:1050!important}
  .suditec-modern .sidebar.open{transform:translateX(0)!important}
  .suditec-modern .sidebar-backdrop{z-index:1045!important;background:rgba(5,8,17,.5)!important;backdrop-filter:blur(3px)!important}
  .panel-modern-backdrop.show{display:block}
  .panel-mobile-menu{display:grid;place-items:center;position:fixed;left:14px;top:14px;z-index:1048;width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.72);background:rgba(255,255,255,.9);color:#232842;box-shadow:0 10px 30px rgba(16,24,40,.16);font-size:21px;backdrop-filter:blur(12px)}
  .suditec-modern.suditec-page:not(:has(.sidebar)){padding:76px 13px 24px!important}
  .suditec-modern .panel-back-home{top:14px;right:14px}
  .suditec-modern .grid,.suditec-modern .row{grid-template-columns:1fr!important;flex-direction:column!important}
  .suditec-modern .kpis{grid-template-columns:1fr 1fr!important;gap:11px!important}.suditec-modern .kpis .card{padding:15px!important}.suditec-modern .value{font-size:27px!important}
}
@media(max-width:480px){
  .suditec-modern .kpis{grid-template-columns:1fr!important}.suditec-modern .theme-toggle #themeLabel{display:none}.suditec-login .login-container{padding:28px 22px!important;border-radius:23px!important}
}
@media(prefers-reduced-motion:reduce){.suditec-modern *{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}