:root{--bg:#f4f6ef;--panel:#fff;--panel-2:#fff;--line:#dce5dc;--line-2:#dce5dc;--text:#162b22;--muted:#688075;--green:#18b86e;--green-2:#0d9f5c;--green-bg:#e4f8ed;--amber:#de9a33;--amber-bg:#fff4df;--red:#da685b;--red-bg:#fff0ec;--blue:#438aaf;--purple:#8766a8;--shadow:0 18px 48px rgba(22,56,39,.09);--accent:#f47b5a;--line-soft:#e0e8df;color:#183025;background:#f4f6ef}
body{background:#f4f6ef!important;color:#183025!important;font-family:Inter,ui-sans-serif,system-ui,"Segoe UI",sans-serif}
body:before,.ambient{display:none!important}
.app,body.family-sidebar-collapsed .app{display:grid!important;grid-template-columns:248px minmax(0,1fr)!important;min-height:100vh!important}
.sidebar,body.family-sidebar-collapsed .sidebar{display:flex!important;position:sticky!important;top:0!important;inset:auto!important;flex-direction:column!important;align-items:stretch!important;width:248px!important;height:100vh!important;padding:26px 17px 20px!important;gap:0!important;overflow-y:auto!important;background:#142b22!important;border:0!important;box-shadow:6px 0 28px rgba(12,37,24,.07)!important;color:#e9f7ed!important}
.sidebar>.brand{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:9px!important;margin:0!important;padding:0 10px 29px!important;color:#fff!important}
.sidebar>.brand .tuspoti-logo{width:78px!important;height:58px!important;object-fit:contain;background:#000;border-radius:11px}
.sidebar>.brand>span{display:flex!important;flex-direction:column!important;gap:1px!important;font-size:16px!important;line-height:1.2}
.sidebar>.brand>span strong{font-size:18px;letter-spacing:.08em}
.sidebar>.brand>span small{color:#87b39a;font-size:11px;font-weight:600;letter-spacing:.01em}
.sidebar nav{display:flex!important;flex:1!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;min-width:0!important;overflow:visible!important;padding:0!important}
.sidebar nav:before{content:"ESPACIO DE TRABAJO";display:block;padding:4px 12px 10px;color:#71937d;font-size:10px;font-weight:800;letter-spacing:.16em}
.sidebar .disposition-nav{display:contents!important}
.sidebar .nav-item{display:flex!important;width:100%!important;min-height:43px!important;flex:none!important;align-items:center!important;gap:11px!important;padding:10px 12px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;color:#b8cfc0!important;box-shadow:none!important;font-size:13px!important;text-align:left!important}
.sidebar .nav-item span,.sidebar .family-nav-icon{font-size:17px!important;color:#80a893!important}
.sidebar .nav-item.active{background:#244936!important;border-color:#356b4e!important;color:#e9ffee!important;box-shadow:inset 3px 0 #54e18d!important}
.sidebar .nav-item.active span,.sidebar .nav-item.active .family-nav-icon{color:#5bec91!important}
.sidebar .nav-item:hover{background:#203e30!important;color:#fff!important}
.sidebar .family-nav-copy{display:flex!important;flex-direction:column!important;gap:2px!important}
.sidebar .family-nav-copy strong{font-size:12px!important}
.sidebar .family-nav-copy small{display:block!important;color:#789c85!important;font-size:9px!important}
.sidebar>.sidebar-bottom{display:flex!important;flex:none!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;width:100%!important;margin:0!important;padding-top:14px!important;border-top:1px solid #365043!important}
.sidebar>.sidebar-bottom .health{display:none!important}
#change-own-password,#logout-button{display:flex!important;width:100%!important;white-space:normal!important}
.sidebar .spotify-guide,.family-sidebar-toggle,#menu-button{display:none!important}
.app>main{width:100%!important;min-width:0!important;background:#f4f6ef!important}
.topbar{position:sticky!important;top:0!important;display:flex!important;align-items:center!important;min-height:98px!important;height:auto!important;padding:20px 36px!important;border:0!important;border-bottom:1px solid #e2e9df!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px);z-index:18!important}
.topbar .eyebrow{margin-bottom:4px!important;color:#15a867!important;font-size:10px!important;letter-spacing:.16em!important}
.topbar h2{font-size:25px!important;letter-spacing:-.035em!important;color:#162e22!important}
.page-subtitle{color:#7c8d80!important;font-size:12px!important}
.top-actions{gap:8px!important}
.top-actions .button{border-radius:10px!important}
.top-actions .user-chip{display:flex!important;color:#233d2b!important;border-color:#e0e8df!important}
.user-chip>span{background:#dcf4e4!important;color:#147744!important}
.user-chip small{color:#84948a!important}
.button.primary,.button.accent{background:#17b96b!important;border:1px solid #0f9f5a!important;color:#fff!important;box-shadow:0 7px 18px rgba(16,167,95,.15)!important}
.button.primary:hover,.button.accent:hover{background:#0d9d59!important}
.button.ghost,.search-trigger{background:#fff!important;border:1px solid #dce6de!important;color:#315043!important}
.content-view{max-width:1620px!important;margin:0 auto!important;padding:30px 36px 60px!important;color:#183025!important}
.eyebrow{color:#18a968!important}
.section-heading h3{font-size:22px!important;color:#1d3528!important}
.section-copy{color:#73897a!important;font-size:12px!important}
.today-hero{min-height:208px!important;margin:0 0 20px!important;padding:34px 38px!important;border:0!important;border-radius:23px!important;background:linear-gradient(115deg,#123f2a,#168654 68%,#18bd70)!important;box-shadow:0 17px 38px rgba(25,110,68,.2)!important;color:white!important}
.today-hero:before{content:"";position:absolute;right:12%;top:-95px;width:330px;height:330px;border:1px solid rgba(255,255,255,.18);border-radius:50%;pointer-events:none}
.today-hero:after{content:"";position:absolute;right:5%;top:25px;width:210px;height:210px;border:1px solid rgba(255,255,255,.13);border-radius:50%;pointer-events:none}
.today-hero .eyebrow{color:#adf2c9!important}
.today-hero h1{font-size:38px!important;line-height:1.12!important;letter-spacing:-.04em!important}
.today-hero h1 span{color:#eaffad!important}
.today-hero p{color:#d2f4df!important;font-size:14px!important}
.today-hero .button{position:relative;z-index:1;background:#fff!important;border-color:#fff!important;color:#137a47!important;box-shadow:none!important}
.today-summary{display:grid!important;grid-template-columns:repeat(5,minmax(150px,1fr))!important;gap:12px!important;margin:0 0 27px!important}
.today-chip{display:flex!important;min-height:112px!important;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between!important;gap:4px!important;padding:17px 19px!important;border:1px solid #e2ebe1!important;border-radius:17px!important;background:#fff!important;box-shadow:0 8px 28px rgba(32,76,43,.045)!important;color:#516859!important;text-align:left!important}
.today-chip span{font-size:12px!important;font-weight:700!important;color:#62796a!important}
.today-chip strong{font-size:32px!important;line-height:1!important;color:#173d29!important}
.today-chip i{position:absolute;right:16px;bottom:15px;color:#25ae69!important}
.today-chip.red strong{color:#d66559!important}.today-chip.amber strong{color:#d89532!important}.today-chip.blue strong{color:#4289ac!important}.today-chip.purple strong{color:#8a6cab!important}
.work-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:start!important}
.work-lane{min-height:230px!important;border:1px solid #e0e9df!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 25px rgba(31,73,43,.04)!important;color:#1e3629!important}
.work-lane header{padding:18px 20px!important;border-bottom:1px solid #edf0e9!important}
.work-lane h3{font-size:16px!important;color:#1c3628!important}
.work-lane header b{background:#edf8ee!important;color:#238655!important}
.work-item{padding:13px 18px!important;border-color:#edf0e9!important;color:#1b3828!important}
.work-item strong{font-size:12px!important;color:#24402e!important}
.work-item small{font-size:10px!important;color:#829588!important}
.work-empty{color:#819487!important}
.mini-action{background:#e7f8ed!important;color:#168453!important;border-radius:8px!important}
.stats-grid,.metrics-summary{gap:13px!important}
.stat-card,.metric-card,.clients-list .client-row,.disposition-card{background:#fff!important;border:1px solid #e0e9df!important;color:#254232!important;box-shadow:0 8px 25px rgba(31,73,43,.04)!important}
.stat-label,.metric-card>span{font-size:10px!important;color:#718679!important}
.stat-value,.metric-card strong{color:#244734!important}
.toolbar{background:#fff!important;border:1px solid #e1e9df!important;box-shadow:none!important}
.smart-view,.status-drawer,.account-card.rich-card,.history-list,.metric-panel,.table-shell,.users-panel{background:#fff!important;border-color:#e1e9df!important;box-shadow:0 8px 26px rgba(36,77,45,.045)!important;color:#223e2e!important}
.account-card.rich-card{border-radius:17px!important}
.account-card.rich-card.sold{border-top:3px solid #20bc72!important}.account-card.rich-card.available{border-top:3px solid #f4a45f!important}
.rich-card-status,.operational-mother,.rich-card-footer{background:#fff!important;border-color:#ebeee7!important}
.operational-identity strong,.client-row strong,.history-item strong{color:#21452f!important}
.operational-identity small,.operational-address strong,.rich-card-footer>span,.client-row small{color:#667b6c!important}
.operational-slot{background:#f6f9f4!important;border-color:#e6ede4!important;color:#264230!important}
.operational-slot.empty{background:#f9faf6!important}
.operational-slot-person strong{color:#2b4935!important}
.operational-mother-actions button,.operational-slot-actions button,.rich-card-footer button{background:#e8f6ec!important;color:#168351!important}
.modal,.auth-card{background:#fff!important;border:1px solid #dfe7dd!important;color:#1c3829!important;box-shadow:0 28px 90px rgba(25,54,32,.18)!important}
.modal h3,.auth-card h1{color:#1b3c28!important}
.auth-shell{background:#edf4ec!important}
.auth-card .brand{color:#274632!important}
.auth-card .eyebrow{margin-top:28px!important}
.auth-copy,.modal-copy{color:#718376!important}
.auth-card .tuspoti-logo{width:148px!important;height:110px!important}
input,select,textarea{background:#fff!important;border-color:#d4dfd3!important;color:#24402e!important}
input:focus,select:focus,textarea:focus{border-color:#2abd73!important;box-shadow:0 0 0 3px rgba(42,189,115,.13)!important}
label{color:#496250!important}
.users-panel h3{color:#1b3c28!important}.user-row{border-color:#e5ece4!important}.user-row small{color:#7a8f7f!important}
.history-note,.renew-help{background:#eaf6ed!important;border-color:#cfebd6!important;color:#427653!important}
.billing-intro,.billing-stat,.billing-row,.billing-toolbar,.billing-missing{background:#fff!important;border-color:#e0e9df!important;color:#2a4432!important}
.billing-intro p,.billing-intro small,.billing-row p,.billing-row small,.billing-empty{color:#687e6d!important}
.empty-state h3{color:#365744!important}.empty-state p{color:#758b7a!important}
.top-actions .button.hidden{display:none!important}
.toast{background:#193e2a!important;color:#fff!important}
@media(max-width:1180px){.today-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}.top-actions .user-chip{display:none!important}}
@media(max-width:900px){.app,body.family-sidebar-collapsed .app{display:block!important}.sidebar,body.family-sidebar-collapsed .sidebar{position:sticky!important;top:0!important;flex-direction:row!important;align-items:center!important;width:100%!important;height:auto!important;padding:10px 14px!important;overflow:visible!important}.sidebar>.brand{padding:0!important;margin-right:8px!important}.sidebar>.brand .tuspoti-logo{width:48px!important;height:37px!important}.sidebar>.brand>span{display:none!important}.sidebar nav{flex-direction:row!important;overflow-x:auto!important;gap:4px!important}.sidebar nav:before{display:none}.sidebar .nav-item{width:auto!important;min-height:38px!important;padding:7px 10px!important;white-space:nowrap!important}.sidebar .family-nav-copy small{display:none!important}.sidebar>.sidebar-bottom{display:flex!important;flex-direction:row!important;align-items:center!important;width:auto!important;margin-left:auto!important;padding:0!important;border:0!important}.sidebar>.sidebar-bottom .nav-item{width:31px!important;min-height:34px!important;overflow:hidden!important;padding:6px!important;gap:0!important;font-size:0!important}.sidebar>.sidebar-bottom .nav-item span{font-size:18px!important}.topbar{position:static!important;padding:18px 20px!important}.content-view{padding:22px 20px 45px!important}.work-grid{grid-template-columns:1fr!important}}
@media(max-width:620px){.topbar{align-items:flex-start!important;gap:12px!important}.top-actions{width:100%;justify-content:flex-start!important;flex-wrap:wrap!important}.top-actions .button{display:inline-flex!important;font-size:11px!important}.content-view{padding:17px 14px 35px!important}.today-hero{min-height:0!important;padding:24px!important;flex-direction:column!important;align-items:flex-start!important}.today-hero h1{font-size:29px!important}.today-hero .large-action{font-size:11px!important}.today-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.today-chip{min-height:95px!important;padding:13px!important}.today-chip strong{font-size:28px!important}.stats-grid,.metrics-summary,.metrics-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.accounts-grid{grid-template-columns:1fr!important}.sidebar>.brand .tuspoti-logo{width:40px!important;height:32px!important}}
@media(max-width:900px){.sidebar,body.family-sidebar-collapsed .sidebar{max-width:100vw!important}.sidebar>.brand{flex:0 0 48px!important}.sidebar nav{flex:1 1 0!important;min-width:0!important;max-width:calc(100vw - 137px)!important}.sidebar>.sidebar-bottom{flex:0 0 66px!important;min-width:66px!important;max-width:66px!important}.app>main{overflow-x:hidden!important}}
@media(max-width:900px){#change-own-password,#logout-button{width:31px!important;min-width:31px!important;max-width:31px!important;flex:0 0 31px!important}}