/* TERDC Theme v0.5 — homepage brand system for Premium URL Shortener */
:root{--terdc-blue:#304F9A;--terdc-blue-bright:#4B83F1;--terdc-orange:#F4511E;--terdc-light-bg:#F4F7FC;--terdc-light-panel:rgba(255,255,255,.9);--terdc-light-text:#111A2F;--terdc-light-muted:#66738D;--terdc-light-border:#DCE4F1;--terdc-dark-bg:#0B0F18;--terdc-dark-panel:rgba(24,30,44,.86);--terdc-dark-text:#F6F8FF;--terdc-dark-muted:#A6B3CC;--terdc-dark-border:rgba(132,158,207,.28)}
/* Homepage-only layout: no global navigation or footer. */
body.terdc-home-body{background:var(--terdc-light-bg)!important;color:var(--terdc-light-text)!important}html.dark body.terdc-home-body{background:var(--terdc-dark-bg)!important;color:var(--terdc-dark-text)!important}
.terdc-home{position:relative;isolation:isolate;min-height:100svh;box-sizing:border-box;overflow:hidden;background:radial-gradient(ellipse at 18% 0%,rgba(75,131,241,.14),transparent 40%),radial-gradient(ellipse at 88% 92%,rgba(244,81,30,.09),transparent 30%),var(--terdc-light-bg);color:var(--terdc-light-text);padding:28px 22px 20px;display:flex;align-items:center;justify-content:center}
.terdc-home:before,.terdc-home:after{content:"";position:absolute;z-index:-1;pointer-events:none;width:70vw;height:150px;border:1px solid rgba(48,79,154,.15);border-radius:50%;transform:rotate(-8deg);bottom:-95px;left:-12vw;box-shadow:0 -14px 0 -13px rgba(48,79,154,.18),0 -29px 0 -28px rgba(48,79,154,.13)}.terdc-home:after{left:auto;right:-18vw;bottom:-112px;border-color:rgba(244,81,30,.3);transform:rotate(-11deg);box-shadow:0 -15px 0 -14px rgba(244,81,30,.28),0 -30px 0 -29px rgba(244,81,30,.16)}
html.dark .terdc-home{background:radial-gradient(ellipse at 16% 0%,rgba(48,79,154,.23),transparent 42%),radial-gradient(ellipse at 88% 92%,rgba(244,81,30,.13),transparent 31%),linear-gradient(145deg,#0B0F18,#101522 58%,#0B0F18);color:var(--terdc-dark-text)}html.dark .terdc-home:before{border-color:rgba(75,131,241,.36);box-shadow:0 -14px 0 -13px rgba(75,131,241,.28),0 -29px 0 -28px rgba(75,131,241,.18)}html.dark .terdc-home:after{border-color:rgba(244,81,30,.55);box-shadow:0 -15px 0 -14px rgba(244,81,30,.4),0 -30px 0 -29px rgba(244,81,30,.2)}
.terdc-home *{box-sizing:border-box}.terdc-home-shell{position:relative;width:100%;max-width:980px;margin:0 auto}.terdc-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 auto clamp(38px,6vh,70px);width:100%}.terdc-logo-link{display:inline-flex;align-items:center;min-width:0;text-decoration:none}.terdc-logo-link img{display:block;width:min(100%,300px);height:auto;max-height:78px}.terdc-login-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 19px;border:1.5px solid var(--terdc-orange);border-radius:14px;color:var(--terdc-light-text)!important;background:rgba(255,255,255,.55);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap;transition:transform .18s,background .18s,color .18s,box-shadow .18s}.terdc-login-button svg{width:19px;height:19px;flex:none}.terdc-login-button:hover{background:var(--terdc-orange);color:#fff!important;transform:translateY(-1px);box-shadow:0 8px 24px rgba(244,81,30,.18)}html.dark .terdc-login-button{background:rgba(10,14,23,.56);color:var(--terdc-dark-text)!important}html.dark .terdc-login-button:hover{background:var(--terdc-orange);color:#fff!important}
.terdc-intro{text-align:center;margin:0 auto 28px;max-width:780px}.terdc-overline{display:inline-flex;align-items:center;gap:10px;color:var(--terdc-blue);font-size:10px;font-weight:850;letter-spacing:.2em;text-transform:uppercase}.terdc-overline:before{content:"";width:24px;height:2px;background:var(--terdc-orange);border-radius:2px}html.dark .terdc-overline{color:#A9C0FF}.terdc-intro h1{margin:12px 0 10px;color:var(--terdc-light-text);font-size:clamp(36px,5.3vw,62px);font-weight:900;line-height:1.04;letter-spacing:-.055em}html.dark .terdc-intro h1{color:var(--terdc-dark-text)}.terdc-intro h1 span{color:var(--terdc-orange)}.terdc-intro p{margin:0;color:var(--terdc-light-muted);font-size:clamp(14px,1.8vw,19px);line-height:1.6}html.dark .terdc-intro p{color:var(--terdc-dark-muted)}
.terdc-shortener-panel{width:100%;max-width:780px;margin:0 auto;padding:clamp(18px,3vw,30px);border:1px solid var(--terdc-light-border);border-radius:22px;background:var(--terdc-light-panel);box-shadow:0 24px 70px rgba(30,53,96,.10);backdrop-filter:blur(14px)}html.dark .terdc-shortener-panel{background:var(--terdc-dark-panel);border-color:var(--terdc-dark-border);box-shadow:0 26px 90px rgba(0,0,0,.28)}.terdc-shortener-form{margin:0}.terdc-url-field{display:flex;align-items:stretch;gap:10px;padding:6px;border:1px solid var(--terdc-light-border);border-radius:15px;background:#F7F9FD;transition:border-color .18s,box-shadow .18s}html.dark .terdc-url-field{background:rgba(8,12,20,.58);border-color:var(--terdc-dark-border)}.terdc-url-field:focus-within{border-color:var(--terdc-blue-bright);box-shadow:0 0 0 4px rgba(48,79,154,.12)}.terdc-url-icon{display:flex;align-items:center;justify-content:center;flex:none;width:44px;border-radius:10px;background:rgba(48,79,154,.08);color:var(--terdc-blue)}.terdc-url-icon svg{width:23px;height:23px}html.dark .terdc-url-icon{background:rgba(75,131,241,.12);color:#A9C0FF}.terdc-url-field input{width:100%;min-width:0;flex:1;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:13px 8px!important;color:var(--terdc-light-text)!important;font-size:14px!important}.terdc-url-field input::placeholder{color:#8996AE!important;opacity:1}html.dark .terdc-url-field input{color:var(--terdc-dark-text)!important}.terdc-submit-button,.terdc-copy-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 21px;border:1px solid var(--terdc-orange);border-radius:11px;background:linear-gradient(135deg,#FF642D,#F4511E);color:#fff!important;font-size:14px;font-weight:850;white-space:nowrap;cursor:pointer;transition:transform .18s,box-shadow .18s,filter .18s}.terdc-submit-button svg{width:18px;height:18px}.terdc-submit-button:hover,.terdc-copy-button:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(244,81,30,.22);filter:saturate(1.08)}.terdc-copy-button{background:var(--terdc-blue);border-color:var(--terdc-blue)}
.terdc-advanced-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:max-content;max-width:100%;margin:15px auto 0;padding:11px 15px;border:1px solid var(--terdc-light-border);border-radius:11px;background:rgba(48,79,154,.045);color:var(--terdc-light-muted);font-size:12px;font-weight:750;cursor:pointer;transition:background .18s,border-color .18s,color .18s}html.dark .terdc-advanced-toggle{border-color:var(--terdc-dark-border);background:rgba(75,131,241,.07);color:var(--terdc-dark-muted)}.terdc-advanced-toggle:hover{border-color:rgba(244,81,30,.45);color:var(--terdc-orange)}.terdc-advanced-left{display:inline-flex;align-items:center;gap:9px}.terdc-advanced-left svg,.terdc-chevron{width:18px;height:18px}.terdc-chevron{transition:transform .18s}.terdc-advanced-toggle[aria-expanded="true"] .terdc-chevron{transform:rotate(180deg)}.terdc-advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:17px}.terdc-label{display:block;margin:0 0 7px;color:var(--terdc-light-text);font-size:12px;font-weight:750}html.dark .terdc-label{color:var(--terdc-dark-text)}.terdc-advanced-grid input{width:100%;min-width:0;border:1px solid var(--terdc-light-border);border-radius:9px;background:var(--terdc-light-bg);color:var(--terdc-light-text);padding:11px 12px;font-size:13px;outline:0}.terdc-advanced-grid input:focus{border-color:var(--terdc-blue);box-shadow:0 0 0 3px rgba(48,79,154,.12)}html.dark .terdc-advanced-grid input{border-color:var(--terdc-dark-border);background:#0E131D;color:var(--terdc-dark-text)}
.terdc-advanced-grid.hidden,.terdc-copy-button.hidden,.terdc-result.hidden{display:none!important}.terdc-result{display:flex;align-items:flex-start;gap:12px;margin-top:16px;padding:15px;border:1px solid rgba(37,165,106,.3);border-radius:12px;background:rgba(37,165,106,.07);color:var(--terdc-light-text)}html.dark .terdc-result{color:var(--terdc-dark-text)}.terdc-result #qr-result img{max-width:100px;height:auto}.terdc-result p{margin:0;font-size:13px;line-height:1.55}
.terdc-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:760px;margin:clamp(30px,5vh,52px) auto 0}.terdc-benefit{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;color:var(--terdc-light-muted);font-size:12px;line-height:1.5;max-width:190px;margin:0 auto}.terdc-benefit strong{font-size:15px;color:var(--terdc-light-text);font-weight:850}html.dark .terdc-benefit{color:var(--terdc-dark-muted)}html.dark .terdc-benefit strong{color:var(--terdc-dark-text)}.terdc-benefit-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;margin-bottom:2px;border:1px solid rgba(48,79,154,.12);border-radius:50%;background:rgba(75,131,241,.08);color:var(--terdc-blue-bright);font-size:31px;font-weight:900}html.dark .terdc-benefit-icon{border-color:rgba(132,158,207,.13);background:rgba(75,131,241,.09);color:#4B83F1}.terdc-benefit-icon svg{width:25px;height:25px}.terdc-benefit-icon.terdc-icon-orange{color:var(--terdc-orange);background:rgba(244,81,30,.08);border-color:rgba(244,81,30,.14)}.terdc-footnote{display:flex;align-items:center;justify-content:center;gap:8px;margin:clamp(28px,5vh,48px) 0 0;color:var(--terdc-light-muted);font-size:11px;letter-spacing:.02em}html.dark .terdc-footnote{color:var(--terdc-dark-muted)}.terdc-footnote svg{width:16px;height:16px;color:var(--terdc-blue)}html.dark .terdc-footnote svg{color:#9DB6FF}
body.terdc-home-body>main{min-height:100svh}body.terdc-home-body>main>section{min-height:100svh}body.terdc-home-body>main>section:not(.terdc-home){display:none!important}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--terdc-orange);outline-offset:3px}
@media(max-width:620px){.terdc-home{padding:18px 14px 22px;align-items:flex-start}.terdc-home-shell{margin:auto 0}.terdc-topbar{margin-bottom:36px;align-items:center;gap:12px}.terdc-logo-link img{width:min(100%,205px);max-height:58px}.terdc-login-button{gap:7px;min-height:41px;padding:0 11px;border-radius:11px;font-size:11px}.terdc-login-button svg{width:16px;height:16px}.terdc-intro{margin-bottom:22px}.terdc-intro h1{font-size:clamp(33px,9vw,48px)}.terdc-desktop-break{display:none}.terdc-shortener-panel{padding:15px;border-radius:17px}.terdc-url-field{display:grid;grid-template-columns:35px minmax(0,1fr);gap:4px}.terdc-url-icon{width:35px;min-height:43px}.terdc-url-field input{grid-column:2;grid-row:1;padding:10px 5px!important;font-size:13px!important}.terdc-submit-button{grid-column:1/-1;min-height:44px}.terdc-copy-button{grid-column:1/-1}.terdc-advanced-grid{grid-template-columns:1fr}.terdc-benefits{gap:8px;margin-top:28px}.terdc-benefit{font-size:11px;gap:5px}.terdc-benefit strong{font-size:13px}.terdc-benefit-icon{width:43px;height:43px;font-size:26px}.terdc-benefit-icon svg{width:21px;height:21px}.terdc-footnote{margin-top:28px}}
@media(max-width:370px){.terdc-logo-link img{width:155px}.terdc-login-button{padding:0 8px;font-size:10px}.terdc-benefits{grid-template-columns:1fr;gap:15px}.terdc-benefit{max-width:230px}.terdc-benefit-icon{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.terdc-home *{transition:none!important;scroll-behavior:auto!important}}


/* ==========================================================
   TERDC v0.6 — panel de usuario
   Se limita al layout dashboard; conserva clases y acciones originales.
   ========================================================== */
:root{--terdc-ui-blue:#304F9A;--terdc-ui-blue-hover:#263f7d;--terdc-ui-orange:#F4511E;--terdc-ui-light-bg:#F4F6FA;--terdc-ui-light-surface:#FFFFFF;--terdc-ui-light-line:#DCE3EF;--terdc-ui-light-text:#182238;--terdc-ui-light-muted:#65718A;--terdc-ui-dark-bg:#0B0F18;--terdc-ui-dark-surface:#151B28;--terdc-ui-dark-surface-2:#1B2333;--terdc-ui-dark-line:rgba(150,170,210,.19);--terdc-ui-dark-text:#F4F7FF;--terdc-ui-dark-muted:#A5B2CA}
body:has(#sidebar){background:var(--terdc-ui-light-bg)!important;color:var(--terdc-ui-light-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html.dark body:has(#sidebar){background:var(--terdc-ui-dark-bg)!important;color:var(--terdc-ui-dark-text)!important}
body:has(#sidebar) #sidebar{background:var(--terdc-ui-light-surface)!important;border-color:var(--terdc-ui-light-line)!important;box-shadow:8px 0 32px rgba(24,38,68,.035)}
html.dark body:has(#sidebar) #sidebar{background:var(--terdc-ui-dark-bg)!important;border-color:var(--terdc-ui-dark-line)!important;box-shadow:8px 0 32px rgba(0,0,0,.12)}
body:has(#sidebar) #sidebar .terdc-dashboard-logo{width:142px;max-width:100%;height:auto;max-height:42px;object-fit:contain;object-position:left center}
body:has(#sidebar) #sidebar > div > div:first-child a{min-height:76px;border-color:var(--terdc-ui-light-line)!important}
html.dark body:has(#sidebar) #sidebar > div > div:first-child a{border-color:var(--terdc-ui-dark-line)!important}
body:has(#sidebar) #sidebar a{transition:background-color .16s ease,color .16s ease,border-color .16s ease}
body:has(#sidebar) #sidebar a:hover{color:var(--terdc-ui-blue)!important}
html.dark body:has(#sidebar) #sidebar a:hover{color:#9FB9FF!important}
body:has(#sidebar) #sidebar [aria-current="page"],body:has(#sidebar) #sidebar a.active{background:rgba(48,79,154,.10)!important;color:var(--terdc-ui-blue)!important;border-radius:10px}
html.dark body:has(#sidebar) #sidebar [aria-current="page"],html.dark body:has(#sidebar) #sidebar a.active{background:rgba(75,131,241,.16)!important;color:#B7CBFF!important}
body:has(#sidebar) #sidebar i.fas,body:has(#sidebar) #sidebar i.far,body:has(#sidebar) #sidebar i.fa{transition:color .16s ease}
body:has(#sidebar) #sidebar a:hover i{color:var(--terdc-ui-orange)}
body:has(#sidebar) #sidebar [data-sidebar-toggle]{border:1px solid var(--terdc-ui-light-line)}
html.dark body:has(#sidebar) #sidebar [data-sidebar-toggle]{border-color:var(--terdc-ui-dark-line)}
body:has(#sidebar) nav.sticky{background:rgba(255,255,255,.88)!important;border-color:var(--terdc-ui-light-line)!important;backdrop-filter:blur(16px)}
html.dark body:has(#sidebar) nav.sticky{background:rgba(11,15,24,.88)!important;border-color:var(--terdc-ui-dark-line)!important}
body:has(#sidebar) main{color:var(--terdc-ui-light-text)}
html.dark body:has(#sidebar) main{color:var(--terdc-ui-dark-text)}
/* Surface cards and data panels */
body:has(#sidebar) main .bg-white,body:has(#sidebar) main [class*="bg-neutral-50"],body:has(#sidebar) main [class*="bg-neutral-100"]{background-color:var(--terdc-ui-light-surface)!important}
html.dark body:has(#sidebar) main .dark\:bg-neutral-900,html.dark body:has(#sidebar) main [class*="dark:bg-neutral-900"],html.dark body:has(#sidebar) main [class*="dark:bg-neutral-800"]{background-color:var(--terdc-ui-dark-surface)!important}
body:has(#sidebar) main [class*="border-black/5"],body:has(#sidebar) main [class*="border-black/7"],body:has(#sidebar) main [class*="border-black/10"]{border-color:var(--terdc-ui-light-line)!important}
html.dark body:has(#sidebar) main [class*="dark:border-white/10"]{border-color:var(--terdc-ui-dark-line)!important}
body:has(#sidebar) main [class*="rounded-lg"],body:has(#sidebar) main [class*="rounded-xl"]{border-radius:13px}
body:has(#sidebar) main [class*="shadow-card"]{box-shadow:0 8px 26px rgba(24,38,68,.045)}
html.dark body:has(#sidebar) main [class*="shadow-card"]{box-shadow:0 10px 28px rgba(0,0,0,.12)}
/* Primary actions: preserve dimensions and data attributes */
body:has(#sidebar) main button[class*="bg-black"],body:has(#sidebar) main a[class*="bg-black"]{background:var(--terdc-ui-blue)!important;color:#fff!important;border-color:var(--terdc-ui-blue)!important}
html.dark body:has(#sidebar) main button[class*="dark:bg-white"],html.dark body:has(#sidebar) main a[class*="dark:bg-white"]{background:var(--terdc-ui-blue)!important;color:#fff!important;border-color:var(--terdc-ui-blue)!important}
body:has(#sidebar) main button[class*="from-orange-500"]{background:linear-gradient(135deg,#FF642D,var(--terdc-ui-orange))!important}
body:has(#sidebar) main button:hover,body:has(#sidebar) main a[class*="transition"]:hover{filter:brightness(1.025)}
body:has(#sidebar) main input:not([type="checkbox"]):not([type="radio"]),body:has(#sidebar) main select,body:has(#sidebar) main textarea{border-color:var(--terdc-ui-light-line)!important;border-radius:10px!important;background-color:var(--terdc-ui-light-surface)!important;color:var(--terdc-ui-light-text)!important;outline-color:var(--terdc-ui-blue)}
html.dark body:has(#sidebar) main input:not([type="checkbox"]):not([type="radio"]),html.dark body:has(#sidebar) main select,html.dark body:has(#sidebar) main textarea{border-color:var(--terdc-ui-dark-line)!important;background-color:var(--terdc-ui-dark-surface)!important;color:var(--terdc-ui-dark-text)!important}
body:has(#sidebar) main table{border-collapse:separate;border-spacing:0;width:100%}
body:has(#sidebar) main table th{color:var(--terdc-ui-light-muted);font-size:.72rem;font-weight:800;letter-spacing:.045em;text-transform:uppercase}
html.dark body:has(#sidebar) main table th{color:var(--terdc-ui-dark-muted)}
body:has(#sidebar) main table tr:hover td{background-color:rgba(48,79,154,.035)}
html.dark body:has(#sidebar) main table tr:hover td{background-color:rgba(110,145,220,.06)}
body:has(#sidebar) footer{border-color:var(--terdc-ui-light-line)!important;color:var(--terdc-ui-light-muted)!important}
html.dark body:has(#sidebar) footer{border-color:var(--terdc-ui-dark-line)!important;color:var(--terdc-ui-dark-muted)!important}
/* Modals and dropdowns keep their native interaction attributes */
body:has(#sidebar) [data-dropdown-menu],body:has(#sidebar) [role="dialog"],body:has(#sidebar) .modal-content{border-color:var(--terdc-ui-light-line)!important;border-radius:14px!important;box-shadow:0 22px 60px rgba(20,32,60,.18)}
html.dark body:has(#sidebar) [data-dropdown-menu],html.dark body:has(#sidebar) [role="dialog"],html.dark body:has(#sidebar) .modal-content{background:var(--terdc-ui-dark-surface)!important;border-color:var(--terdc-ui-dark-line)!important;box-shadow:0 22px 60px rgba(0,0,0,.36)}
@media(max-width:767px){body:has(#sidebar) main{min-width:0}body:has(#sidebar) main .grid.grid-cols-3{grid-template-columns:1fr;gap:.65rem}body:has(#sidebar) main table{display:block;max-width:100%;overflow-x:auto}body:has(#sidebar) footer ul{gap:.65rem}}