/* HEY FERCHO ANALYTICS STUDIO · V5.0 beta
   Identidad del producto INDEPENDIENTE de la marca de cada cliente. */
:root{
 --ink:#1A1A1B!important;--black:#1A1A1B!important;
 --gold:#CFFF71!important;--gold-dark:#3C6211!important;
 --cream:#F5F6F3!important;--paper:#FFF!important;
 --muted:#666C64!important;--line:#E5E8E1!important;
 --good:#26734C;--bad:#B8423D;
 --shadow:0 9px 26px rgba(26,26,27,.045);
 --portal-accent:#CFFF71;--portal-bg:#1A1A1B;--portal-card:#FFF;
}
html{scroll-behavior:smooth}
body{background:#F5F6F3;color:#1A1A1B;letter-spacing:-.003em}
body,button,input,select,textarea{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
h1,h2,h3,.serif{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}
h1{font-weight:800;font-size:clamp(27px,3.1vw,40px);letter-spacing:-.045em}
h2{font-weight:780;letter-spacing:-.025em}
button,input,select,textarea{accent-color:#A3D955}
:focus-visible{outline:3px solid #80A92E!important;outline-offset:3px!important}
::selection{background:#CFFF71;color:#1A1A1B}
.app{grid-template-columns:242px minmax(0,1fr)}
.sidebar{background:#1A1A1B;color:#FFF;padding:27px 14px;gap:24px}
.brand{gap:11px;padding:0 10px}
.brandmark{background:#CFFF71;border:none;border-radius:12px;color:#1A1A1B;font-family:Inter,system-ui,sans-serif;font-style:normal;font-weight:900;letter-spacing:-.06em;padding:0;width:39px;height:39px;font-size:18px;transform:rotate(-3deg)}
.brand-title{letter-spacing:.065em;font-size:12px;color:#FFF}
.brand-sub{font-size:9px;color:#C6C9C1}
.nav-caption{color:#93998F;letter-spacing:.13em}
.nav-btn{color:#C8CCC5;border-radius:11px;min-height:43px;transition:background .2s ease,color .2s ease,transform .2s ease}
.nav-btn:hover{background:#333735;color:#FFF;transform:translateX(2px)}
.nav-btn.active{background:#CFFF71;color:#1A1A1B!important;font-weight:800;box-shadow:0 4px 14px #CFFF7120}
.nav-btn.active svg{stroke:#1A1A1B}
#workspaceNav{display:grid}
#adminNavigation{display:none!important}
#adminShellNav{display:none}
body.v5-admin-area #workspaceNav,body.v5-admin-area #tenantSwitcherContainer{display:none!important}
body.v5-admin-area #adminShellNav{display:grid;gap:13px}
body.v5-admin-area #sidebarBrand{margin-bottom:8px}
.v5-admin-nav .nav{display:grid;gap:7px}
.v5-admin-nav .nav-btn{font-size:12px;justify-content:flex-start}
.v5-return{display:flex;align-items:center;justify-content:center;margin-top:15px;padding:12px;border:1px solid #50554B;background:transparent;color:#E7F7CF;border-radius:11px;font-weight:720;font-size:11px;cursor:pointer;text-align:center}
.v5-return:hover{background:#2E3924;color:#CFFF71}
.sidebar-bottom{border-color:#333834;color:#C5CDC2}
.side-dot{background:#CFFF71}
.tenant-container{background:#2A2E2A;border:1px solid #353D35;border-radius:12px;padding:13px;margin:0 2px}
.tenant-container label{color:#A4B0A2}
#clientSwitcher{width:100%;max-width:100%;background:#353B35;color:white;border:1px solid #414D40}
.v5-client-identity{border-top:1px solid #41493F;margin-top:12px;padding-top:12px;display:flex;align-items:center;gap:9px;color:#DDE6D8;font-size:10px;font-weight:650}
.v5-client-logo{width:31px;height:31px;display:grid;place-items:center;flex-shrink:0;background:white;border-radius:8px;color:#1A1A1B;font-size:10px;overflow:hidden}
.v5-client-logo img{width:100%;height:100%;object-fit:contain}
.topbar{background:#FFFFFFE8;border-color:var(--line);height:76px;backdrop-filter:blur(14px)}
.breadcrumb{color:#69716A}.breadcrumb strong{color:#1A1A1B}
.page{padding-top:36px}
.page-head{margin-bottom:25px}.page-head p{font-size:13px;max-width:680px}
.eyebrow{color:#4A671F;font-weight:900;letter-spacing:.15em}
.btn{border-radius:10px;min-height:42px;transition:transform .18s,box-shadow .18s,background .18s}
.btn:hover{box-shadow:0 5px 14px #0000000F;transform:translateY(-1px);border-color:#A9B3A1}
.btn.dark{background:#1A1A1B;color:#FFF;border-color:#1A1A1B}
.btn.dark:hover{background:#353636;color:#FFF}
.btn.gold{background:#CFFF71;color:#1A1A1B;border-color:#CFFF71}
.btn.gold:hover{background:#B5E65D}
.card{border-radius:15px;box-shadow:var(--shadow)}
.kpi{transition:transform .22s ease,box-shadow .22s ease}
.kpi:hover{transform:translateY(-3px);box-shadow:0 14px 27px #1A1A1B12}
.kpi-value{font-family:Inter,system-ui,sans-serif;font-weight:850;letter-spacing:-.055em}
.kpi-icon{background:#F1F8E7;border-color:#DDECC8;color:#416B16}
.panel-title{font-weight:820;color:#1A1A1B}
.panel-sub,.kpi-meta,.bar-legend,.empty,.table-blank,.muted{color:#636B61}
.empty strong{color:#424B41}
.empty svg{stroke:#619333}
.fill{background:#CFFF71}
.track{background:#E7EBE4}
.insight{background:#1A1A1B;color:#FFF}
.insight h3{color:#CFFF71;font-family:Inter,system-ui,sans-serif;font-weight:780}
.insight p{color:#F0F2EF}.insight .eyebrow{color:#CFFF71}
.callout{border-left-color:#90C23E;color:#475043}
.hint-badge,.meta-v4-chip{border-color:#D8E8BC;background:#F5FAED;color:#466620}
.meta-v4-chip{color:#466620!important}
.meta-v4-table th{background:#F6F8F3!important;color:#626A61!important}
.meta-v4-table td{color:#2F3730!important}
.meta-v4-table a{color:#385D17}
.meta-v4-table tr:hover,tbody tr:hover{background:#F7FAF3}
.meta-v4-select,.mini-select{color:#343D35;min-width:0;max-width:100%}
.meta-v4-warning{background:#FFFAED;border-color:#EAD7A8;color:#77551E}
.social-tag{background:#FFF;gap:7px;border-color:#E6E8E3}
.social-dot{display:none}
.social-icon{width:19px;height:19px;display:inline-grid;place-items:center;border-radius:5px;color:#fff;font-weight:900;font-size:12px}
.social-icon.facebook,.v5-facebook{background:#1877F2}.social-icon.instagram,.v5-instagram{background:linear-gradient(145deg,#7843B8 0%,#DB3082 70%,#FFBE48 100%)}.social-icon.linkedin,.v5-linkedin{background:#0A66C2;font-size:9px}
.hf-account-trigger{color:#1A1A1B;border-radius:14px;min-height:49px}
.hf-account-trigger:hover,.hf-account-trigger[aria-expanded="true"]{border-color:#CADAC0}
.hf-user-avatar{background:#CFFF71;color:#1A1A1B;border:2px solid #E3EFD1;font-family:Inter,sans-serif;font-weight:850}
.hf-account-intro small,.hf-account-menu-head span{color:#666F66}
.hf-account-menu-action{color:#212721;font-weight:700}
.hf-account-menu-action:hover{background:#F2F8E9}
.v5-global-admin-link{display:none!important}
.platform-owner .v5-global-admin-link{display:block!important}
.v5-client-admin-link{display:none!important}
.signed-in:not(.viewer) .v5-client-admin-link{display:block!important}
.v5-notifications{position:relative;display:flex}
.v5-bell{width:43px;height:43px;position:relative;display:grid;place-items:center;background:white;border:1px solid #E4E9DE;border-radius:13px;color:#1A1A1B;transition:transform .2s}
.v5-bell:hover{transform:translateY(-1px);background:#F3F9EC}
.v5-bell svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.v5-bell-count{position:absolute;top:-7px;right:-7px;min-width:21px;padding:2px 5px;height:21px;border-radius:99px;background:#CFFF71;border:2px solid #FFF;font-size:10px;font-weight:900;color:#1A1A1B}
.v5-bell-count[hidden]{display:none}
.v5-bell.v5-ring svg{animation:v5-bell-shake .65s ease-in-out}
@keyframes v5-bell-shake{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-15deg)}40%,80%{transform:rotate(15deg)}}
.v5-notify-panel{position:absolute;right:-4px;top:calc(100% + 11px);width:min(375px,calc(100vw - 25px));background:#FFF;z-index:55;border:1px solid #DFE5D9;border-radius:16px;box-shadow:0 20px 55px #1A1A1B23;overflow:hidden}
.v5-notify-panel[hidden]{display:none!important}
.v5-notify-head{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;border-bottom:1px solid #E5E8E1}
.v5-icon-button{border:0;background:#EDF6E2;color:#395B20;padding:7px 11px;border-radius:8px;font-weight:750}
.v5-notify-items{max-height:350px;overflow:auto}
.v5-notify-item{display:grid;gap:5px;border-bottom:1px solid #E9EEE8;text-align:left;padding:14px 18px;background:white;width:100%;font-size:12px;color:#252A25}
.v5-notify-item.unread{background:#F3FAE9}
.v5-notify-item strong{font-size:12px}
.v5-notify-item span{font-size:11px;color:#596457;line-height:1.5}
.v5-notify-item time{color:#69746A;font-size:10px}
.v5-notify-empty{padding:24px 18px;text-align:center;color:#566254;font-size:12px}
.v5-notify-footer{width:100%;border:0;background:#FFF;padding:13px;color:#355A11;font-weight:800;font-size:11px}
.v5-notify-footer:hover{background:#F1F8E9}
.v5-status-chip{display:inline-flex;background:#EAF6D8;border:1px solid #D6E9B9;border-radius:30px;color:#456A23;font-size:10px;font-weight:750;padding:7px 11px}
.v5-intro-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.v5-admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:28px}
.v5-stat{padding:20px;min-height:139px}
.v5-stat small{color:#5F6B60;font-weight:700}.v5-stat strong{font-size:32px;display:block;margin:12px 0 2px;letter-spacing:-.05em}.v5-stat span{font-size:11px;color:#747B70}
.v5-section-title{font-size:17px;margin:12px 0 14px;font-weight:850}
.v5-admin-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.v5-admin-tile{position:relative;display:flex;align-items:flex-start;flex-direction:column;gap:9px;text-align:left;border-radius:15px;border:1px solid #E5E8E1;background:#FFF;padding:21px;min-height:165px;transition:transform .2s,box-shadow .2s}
.v5-admin-tile:hover{transform:translateY(-2px);box-shadow:0 14px 24px #1A1A1B0D}
.v5-admin-tile strong{font-size:13px;color:#1A1A1B}
.v5-admin-tile small{font-size:11px;color:#616A5F;line-height:1.55;max-width:275px}
.v5-tile-icon{background:#EAF9D6;border-radius:11px;padding:9px 13px;font-size:18px;color:#385D13}
.v5-tile-arrow{position:absolute;top:24px;right:24px;color:#4C6843;font-size:20px}
.v5-admin-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:19px}
.v5-admin-toolbar h3{font-size:17px;font-weight:830;margin:0 0 4px}
.v5-admin-toolbar p{font-size:12px}
.v5-user-tools{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.v5-user-tools label{font-size:11px;color:#4D594C;font-weight:750}
.v5-user-tools input,.v5-user-tools select{background:white;border:1px solid var(--line);border-radius:10px;padding:12px;font-size:12px;min-height:42px;color:#1A1A1B}
.v5-user-tools input{flex:1;min-width:190px}
.v5-table-card{overflow:hidden}.v5-table{min-width:710px}
.v5-user-cell{display:flex;gap:10px;align-items:center;min-width:160px}
.v5-table-avatar{display:grid;place-items:center;background:#CFFF71;color:#1A1A1B;border-radius:50%;font-weight:850;width:36px;height:36px;overflow:hidden;flex:none}
.v5-table-avatar img{width:100%;height:100%;object-fit:cover}
.v5-user-meta strong,.v5-user-meta small{display:block;max-width:205px;overflow-wrap:anywhere}
.v5-user-meta small{font-size:10px;color:#656E63;margin-top:3px}
.v5-user-role{background:#E9F5D5;border:1px solid #DCECBF;color:#3A5820;font-size:10px;font-weight:750;padding:5px 8px;border-radius:7px;display:inline-flex}
.v5-client-role-list{font-size:10px;color:#657163;margin-top:5px;max-width:230px;line-height:1.6}
.v5-action-button{border:1px solid #DCE5D4;background:white;color:#2E4329;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:750}
.v5-action-button:hover{background:#EAF7DA}
.v5-helper{margin:15px 0 0;color:#646F62;line-height:1.65;font-size:11px}
.v5-integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.v5-integration-card{padding:21px;display:flex;gap:14px;min-height:155px}
.v5-integration-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;color:white;font-size:24px;font-weight:850;flex:none}
.v5-integration-card strong{font-size:14px}.v5-integration-card p{font-size:11px;line-height:1.55;color:#515D50;margin:7px 0}.v5-integration-card small{font-size:10px;color:#737D72}
.v5-user-dialog-card{max-width:530px}.v5-user-dialog-card .form-field{margin-top:15px}.v5-user-dialog-card input{width:100%}
.auth-panel{background:white;color:#1A1A1B}
.auth-panel h1{font-weight:800;letter-spacing:-.05em}
.auth-symbol{background:#CFFF71!important;color:#1A1A1B!important;border:none!important;font-style:normal!important;font-family:Inter,system-ui,sans-serif!important;font-weight:850!important}
.auth-panel button{background:#CFFF71!important;color:#1A1A1B!important}
.auth-panel button:hover{background:#BDE962!important}
.auth-panel input:focus{border-color:#81B627}
.auth-screen{background:radial-gradient(circle at top left,color-mix(in srgb,var(--portal-bg) 88%,var(--portal-accent)),var(--portal-bg) 65%)}
@media(max-width:1150px){.app{grid-template-columns:210px minmax(0,1fr)}.v5-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.v5-integration-grid{grid-template-columns:1fr}}
@media(max-width:850px){.app{display:block}.sidebar{display:flex;flex-direction:row;flex-wrap:wrap;position:sticky;height:auto;min-height:0;padding:10px 12px;gap:8px;overflow-x:auto}.brand{padding:0 5px}.brandmark{height:34px;width:34px;font-size:16px}.brand-sub,.sidebar-bottom{display:none}.tenant-container{flex:0 0 auto;max-width:260px;padding:6px 9px}.tenant-container .v5-client-identity{display:none}#workspaceNav{display:flex;margin-left:auto}.nav-caption{display:none}.v5-admin-nav{width:100%;overflow:auto}.v5-admin-nav .nav{display:flex!important;overflow-x:auto;gap:5px}.v5-admin-nav .nav-btn{white-space:nowrap;flex:none}.v5-return{margin:3px 0 0}.topbar{height:60px}.page{padding:25px 18px 55px}}
@media(max-width:560px){.sidebar{gap:7px}.brand{width:auto!important}.brandWords{display:none}.tenant-container{max-width:180px}.nav{gap:4px}#workspaceNav{width:100%;justify-content:space-between;margin:0}.nav-btn{font-size:10px;padding:10px 7px;min-height:39px}.nav-btn svg{display:block!important;width:13px;height:13px}.topbar{padding:0 14px}.page{padding:22px 14px 45px}.hf-account-intro{display:none}.v5-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.v5-stat{padding:14px;min-height:115px}.v5-stat strong{font-size:24px}.v5-admin-tiles{grid-template-columns:1fr}.v5-integration-grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.v5-notifications,#adminShellNav,.v5-admin-only,.v5-admin-area .app{display:none!important}}