@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{font-family:Inter,system-ui,Arial,sans-serif;color:#f3f7fc;background:#05101b;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #45e7dd;outline-offset:2px}.app{min-height:100vh;display:flex;background:radial-gradient(ellipse at 85% 0%,#0c2b42,#071421 40%,#04101b 90%)}.sidebar{width:285px;flex-shrink:0;background:linear-gradient(170deg,#081a2b,#06121e 58%,#102d3b);border-right:1px solid #274b60;display:flex;flex-direction:column;min-height:100vh;position:relative;overflow:hidden}.sidebar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:190px;background:linear-gradient(transparent,#071520),url(/referencia-visual-aprobada.png) left bottom/auto 950px no-repeat;opacity:.22;pointer-events:none}.brand{display:flex;align-items:center;gap:12px;padding:23px 23px 13px;position:relative;z-index:1}.crest{width:58px;height:67px;clip-path:polygon(50% 0,94% 15%,88% 76%,50% 100%,12% 76%,6% 15%);background:linear-gradient(145deg,#fff1a1,#e6a62c,#83520d);display:grid;place-items:center;font-size:32px;font-weight:900;color:#f6f4e7;position:relative;isolation:isolate}.crest:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;clip-path:inherit;background:#0b2133;z-index:-1}.brand-main{font-weight:900;font-size:25px;letter-spacing:.4px}.brand-main sup{font-size:9px;vertical-align:top}.brand-sub{letter-spacing:3.3px;font-size:12px;font-weight:700}.premium{margin:8px 30px 23px;padding:7px 10px;text-align:center;border:1px solid #d6b249;border-radius:24px;background:linear-gradient(180deg,#483c17,#171c1a 60%,#3c3110);color:#ffe78b;font-weight:800;font-size:13px;box-shadow:0 0 13px #c69b2b33}.sidebar nav{display:flex;flex-direction:column;gap:2px;padding:0 12px;position:relative;z-index:1}.nav-item{height:44px;display:flex;align-items:center;gap:17px;width:100%;background:transparent;border:1px solid transparent;border-radius:10px;color:#e6edf5;text-align:left;padding:0 16px;font-size:13px;font-weight:600}.nav-item svg{flex-shrink:0}.nav-item:hover{background:#16374a}.nav-item.selected{border-color:#17dfd3;background:linear-gradient(100deg,#07525b,#116174 62%,#074551);box-shadow:inset 0 0 12px #0bd9d34f,0 0 13px #00d9d42c;color:#fff}.nav-item.selected svg{color:#39f5e7}.bubble{background:#0ce0cf;color:#06242b;border-radius:100px;padding:3px 7px;font-size:11px;margin-left:auto}.club{margin-top:auto;display:flex;align-items:center;gap:11px;padding:20px 18px 25px;position:relative;z-index:1}.club-shield{width:48px;height:56px;display:grid;place-items:center;background:#142b39;border:2px solid #d7b24b;border-radius:12px 12px 20px 20px;font-size:24px}.club b{font-size:13px}.club small{display:flex;align-items:center;gap:3px;color:#b6c8d6;font-size:11px;margin-top:5px}.club>svg{margin-left:auto}.main{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:76px;border-bottom:1px solid #234157;display:flex;align-items:center;justify-content:space-between;padding:0 27px;gap:20px;position:relative;z-index:5;background:#061321e6}.search{border:1px solid #38576b;background:linear-gradient(#122b3f,#0a1c2e);border-radius:11px;height:44px;display:flex;align-items:center;gap:11px;padding:0 13px;color:#d5e6f3;width:min(560px,52%);box-shadow:inset 0 1px 5px #ffffff0d}.search input{background:transparent;border:0;outline:0;color:#f3f7fc;min-width:0;flex:1;font-size:13px}.search input::placeholder{color:#d0dce6}.search kbd{border:1px solid #4a687d;border-radius:6px;padding:3px 7px;font-size:11px;white-space:nowrap}.top-actions{display:flex;align-items:center;gap:15px}.action-main{border:1px solid #0ce1d7;background:linear-gradient(180deg,#084d5b,#092b3b);color:#fff;border-radius:11px;min-height:41px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:13px;box-shadow:inset 0 0 10px #02e1d01a}.action-main:hover{background:#0c6070}.quick-wrap{position:relative}.dropdown,.notification-pop{position:absolute;right:0;top:52px;background:#102b3f;border:1px solid #31556a;border-radius:12px;box-shadow:0 18px 35px #0009;min-width:235px;padding:9px;z-index:20}.dropdown button{display:block;background:transparent;color:#fff;border:0;text-align:left;width:100%;padding:11px;border-radius:6px}.dropdown button:hover{background:#20536a}.notification-pop{right:170px;top:65px;padding:18px;font-size:12px}.notification-pop p{border-top:1px solid #28485d;padding-top:10px}.icon-button{position:relative;background:transparent;border:0;color:#e3eff8;padding:5px}.icon-button i{position:absolute;width:8px;height:8px;background:#f26579;right:4px;top:2px;border-radius:50%}.profile{border-left:1px solid #2b465b;padding-left:15px;display:flex;align-items:center;gap:9px}.profile b,.profile small{display:block;white-space:nowrap}.profile b{font-size:12px}.profile small{font-size:11px;color:#b6c7d4;margin-top:3px}.avatar{border-radius:50%;width:39px;height:39px;background:linear-gradient(140deg,#ecd3ac,#4a6c87);color:#122334;display:grid;place-items:center;font-weight:900}.hero{min-height:112px;background:linear-gradient(90deg,#081b2d,#081b2dce 45%,#0b1b2a4d 80%),url(/referencia-visual-aprobada.png) center 12%/cover;display:flex;align-items:center;justify-content:space-between;padding:20px 30px}.hero h1{font-size:28px;margin:0 0 8px;font-weight:900}.hero p{font-size:13px;margin:0;color:#d7e5f0}.hero-counter{display:flex;align-items:center;gap:12px;text-align:center}.hero-counter span{color:#dfbc61;font-size:37px}.hero-counter strong{font-size:32px}.hero-counter small{display:block;font-size:11px;font-weight:500}.kpis{padding:0 24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:-1px}.kpi{border:1px solid #386174;border-radius:14px;background:linear-gradient(115deg,#102d3e,#071927 80%);min-height:116px;display:flex;align-items:center;gap:14px;padding:16px;box-shadow:inset 0 0 23px #00d4c50a}.kpi.cyan{border-color:#0baaa7;box-shadow:inset 0 -8px 19px #05d7c51e}.kpi.gold{border-color:#b49752}.kpi.red{border-color:#9c4a58}.kpi.green{border-color:#219966}.kpi-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#073d45;color:#2cebdd;box-shadow:inset 0 0 15px #0cf2db42;flex-shrink:0}.gold .kpi-icon{background:#453716;color:#ffda63;box-shadow:inset 0 0 15px #ffd35344}.red .kpi-icon{background:#512632;color:#ff8c9d;box-shadow:inset 0 0 15px #ff8c9d44}.green .kpi-icon{background:#174632;color:#65f1a1;box-shadow:inset 0 0 15px #4df9a144}.kpi-label{font-size:12px;font-weight:600;white-space:nowrap}.kpi-value{font-size:clamp(21px,2vw,30px);font-weight:900;letter-spacing:-1px;margin:4px 0}.kpi-delta{font-size:11px;color:#2de9b6;font-weight:800;white-space:nowrap}.kpi-delta span{color:#beced9;font-weight:500}.red .kpi-delta{color:#ff8292}.dashboard-grid{display:grid;grid-template-columns:1.1fr 1.1fr .9fr;gap:13px;padding:14px 24px 25px}.panel{border:1px solid #36536a;background:linear-gradient(140deg,#10283c,#071827 80%);border-radius:14px;min-width:0;padding:14px;box-shadow:inset 0 1px 1px #ffffff0b}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.panel-title h3{display:flex;align-items:center;gap:10px;font-size:15px;margin:0;font-weight:800}.panel-title h3 svg{color:#32e6d8;width:22px;height:22px}.panel select,.toolbar select{border:1px solid #43647b;border-radius:8px;background:#142e43;color:#f0f5fa;padding:8px;font-size:11px}.cat-row{display:flex;align-items:center;gap:9px;margin:16px 0;font-size:12px}.cat-row .shirt{font-size:24px;color:#38e9e0}.cat-row b{width:48px}.cat-row>span:nth-child(3){white-space:nowrap;color:#d2e0e9}.cat-row strong{min-width:36px;text-align:right}.progress{height:14px;border-radius:10px;background:#29455b;overflow:hidden;flex:1;box-shadow:inset 0 2px 4px #0005}.progress div{height:100%;border-radius:10px}.revenue-chart{width:100%;display:block;max-height:205px}.event,.note{width:100%;display:flex;align-items:center;gap:10px;border:1px solid #19374c;background:#112a3f;color:#fff;border-radius:10px;text-align:left;padding:7px;margin-bottom:5px}.event:hover,.note:hover{background:#1b4259}.event>div:nth-child(2),.note>span:nth-child(2){flex:1;min-width:0}.event b,.event small,.note b,.note small{display:block}.event b,.note b{font-size:11px}.event small,.note small{font-size:10px;color:#c5d5e0;margin-top:3px}.date{background:#223b50;border:1px solid #365469;border-radius:8px;min-width:43px;text-align:center;padding:4px}.date b{font-size:15px}.date small{font-size:9px;margin:0}.payment-content{display:flex;align-items:center;justify-content:space-around;gap:12px}.donut{width:158px;height:158px;border-radius:50%;background:conic-gradient(#05d5c4 0,#05d5c4 85.6%,#ffd052 85.6%,#ffd052);display:grid;place-items:center;box-shadow:0 0 15px #04ddc433,inset 0 0 7px #fff4;flex-shrink:0}.donut>div{width:113px;height:113px;border-radius:50%;background:#081827;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut strong{font-size:27px}.donut small{font-size:11px}.payment-legend p{display:flex;align-items:flex-start;gap:9px;font-size:12px}.payment-legend small{display:inline-block;margin-top:6px;color:#c3d1de}.dot{display:inline-block;width:14px;height:14px;border-radius:50%;margin-top:2px;flex-shrink:0}.dot.cyan{background:#05d5c4}.dot.gold{background:#ffd052}.task{display:flex;align-items:center;gap:10px;padding:7px 5px;background:#102a3e;border-radius:8px;margin-bottom:5px;font-size:11px}.task input,.attendance input{accent-color:#12dfd0;width:17px;height:17px}.task span{flex:1}.priority{font-style:normal;border-radius:20px;font-size:10px;min-width:53px;text-align:center;padding:3px 5px;border:1px solid}.priority.alta{color:#ff8491;border-color:#c64d61;background:#54212c}.priority.media{color:#ffda72;border-color:#ad852c;background:#483a18}.priority.baja{color:#7fe9a4;border-color:#247e4d;background:#133b29}.note{padding:8px}.note-icon{border:1px solid #35546a;background:#1c3b51;padding:8px;border-radius:50%}.note>small{font-size:9px;white-space:nowrap}.shortcuts{grid-column:1/-1}.shortcut-list{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.shortcut-list button{background:linear-gradient(#173b50,#0b1f31);border:1px solid #416b82;border-radius:10px;min-height:45px;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;font-weight:700}.shortcut-list button svg{color:#27e5d9}.shortcut-list button:hover{background:#175267}.workspace{padding:26px;flex:1}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.workspace-head h1{font-size:30px;margin:7px 0}.workspace-head p{color:#a7becf;font-size:13px}.workspace-head .eyebrow{color:#2de3d6;font-size:11px;letter-spacing:1px}.data-panel{padding:24px;max-width:1050px}.data-panel h3{margin:0 0 18px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.search.small{width:300px;height:38px}.secondary-btn{background:#18364a;border:1px solid #42647a;border-radius:8px;color:#fff;padding:9px 14px;display:flex;align-items:center;gap:8px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#95b0c4;font-size:11px;text-transform:uppercase;letter-spacing:.6px}th,td{padding:15px;border-bottom:1px solid #29465b}td{white-space:nowrap}.table-avatar{display:inline-grid;place-items:center;width:32px;height:32px;background:#18515c;border-radius:50%;margin-right:10px;color:#5bf0e2;font-weight:700;font-size:10px}.status{display:inline-block;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:700}.status.ok{background:#124532;color:#7bf4a8}.status.pending{background:#4d371b;color:#ffcf73}.text-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:0;color:#41e4d9}.muted,.empty{color:#a7bbca;font-size:13px}.attendance,.finance-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid #28475a;padding:15px 0}.attendance>span:first-child,.finance-row>span:first-child{flex:1}.attendance small,.finance-row small{display:block;color:#9bb4c5;font-size:11px;margin-top:5px}.attendance-summary{color:#35e2d6;font-weight:800;margin-top:20px}.finance-kpis{padding:0;margin:0 0 15px;grid-template-columns:repeat(2,minmax(0,1fr))}.finance-row b{margin-right:10px}.message{display:flex;align-items:center;gap:10px;padding:15px;background:#17364a;border-radius:9px;margin-bottom:10px;font-size:13px}.data-panel textarea{display:block;width:100%;background:#0c2132;border:1px solid #43647b;border-radius:10px;color:#fff;padding:12px;margin:18px 0}.placeholder-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}.placeholder-cards div{background:#142f43;border:1px solid #355a6c;border-radius:12px;padding:25px;display:flex;flex-direction:column;gap:10px}.placeholder-cards svg{color:#35e4d7}.placeholder-cards span{font-size:12px;color:#a6bdce}footer{margin-top:auto;border-top:1px solid #244155;padding:14px 25px;color:#91a9ba;font-size:10px;display:flex;justify-content:space-between;gap:10px}.toast{position:fixed;right:20px;bottom:20px;background:#154437;border:1px solid #35d6a6;border-radius:10px;color:#fff;z-index:40;padding:14px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 35px #0008;font-size:12px}.toast button{border:0;background:transparent;color:#fff}.mobile-toggle,.overlay{display:none}@media(max-width:1350px){.sidebar{width:240px}.brand-main{font-size:21px}.brand-sub{font-size:10px}.kpi{gap:9px;padding:12px}.kpi-icon{width:43px;height:43px}.kpi-icon svg{width:24px}.kpi-value{font-size:23px}.dashboard-grid{grid-template-columns:1fr 1fr}.upcoming,.notifications{grid-column:auto}.shortcuts{grid-column:1/-1}.payment-content{justify-content:center}.hero{background-size:cover}}@media(max-width:980px){.sidebar{position:fixed;z-index:30;left:-290px;top:0;bottom:0;width:270px;transition:left .2s;overflow-y:auto}.sidebar.open{left:0}.overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:#000a;border:0}.mobile-toggle{display:block;border:0;background:transparent;color:#fff}.topbar{padding:0 15px}.profile>div:not(.avatar),.profile>svg,.help,.search kbd{display:none}.profile{padding-left:8px}.kpis{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.topbar{height:65px;gap:8px}.top-actions{gap:5px}.top-actions .action-main{font-size:0;padding:0 10px}.top-actions .action-main svg{width:18px}.top-actions .action-main svg:last-child{display:none}.search{flex:1;width:auto;padding:0 9px}.search input{font-size:11px}.avatar{width:31px;height:31px;font-size:11px}.hero{min-height:140px;padding:19px 15px;background-position:60% top}.hero h1{font-size:24px}.hero p{font-size:11px;max-width:240px;line-height:1.6}.hero-counter{display:none}.kpis{padding:0 12px;gap:9px}.kpi{min-height:108px;display:block;padding:11px}.kpi-icon{width:30px;height:30px;float:right}.kpi-icon svg{width:18px}.kpi-label{font-size:10px}.kpi-value{font-size:21px;margin-top:10px}.kpi-delta{font-size:10px;white-space:normal}.dashboard-grid{grid-template-columns:1fr;padding:12px;gap:11px}.shortcuts{grid-column:auto}.shortcut-list{grid-template-columns:1fr 1fr}.shortcut-list button{padding:8px;font-size:10px}.payment-content{justify-content:space-around}.workspace{padding:18px 12px}.workspace-head{align-items:flex-start;flex-direction:column}.workspace-head h1{font-size:25px}.data-panel{padding:15px}.placeholder-cards,.finance-kpis{grid-template-columns:1fr}.notification-pop{right:12px;top:65px}footer{flex-direction:column}.panel-title h3{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}