@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap);.admin-layout{display:flex;min-height:100vh}.sidebar{background:var(--black-soft);border-right:1px solid #ffffff0f;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .3s var(--ease);width:var(--sidebar-width);z-index:100}.admin-layout.collapsed .sidebar{width:72px}.sidebar-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;min-height:72px;padding:20px 16px}.sidebar-brand,.sidebar-header{align-items:center;display:flex}.sidebar-brand{gap:10px}.sidebar-logo{height:32px;object-fit:contain;width:auto}.sidebar-badge{background:#3b82f626;border-radius:6px;color:var(--blue-light);font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.sidebar-toggle{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;color:var(--gray-400);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.sidebar-toggle:hover{background:#ffffff14;color:var(--white)}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:16px 10px}.sidebar-link{align-items:center;background:none;border:none;border-radius:10px;color:var(--gray-400);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:12px;padding:10px 14px;position:relative;text-align:left;transition:all .2s var(--ease);width:100%}.sidebar-link:hover{background:#ffffff0f;color:var(--white)}.sidebar-link.active{background:#3b82f626;color:var(--white)}.sidebar-link.active svg{color:var(--blue-light)}.admin-layout.collapsed .sidebar-link{justify-content:center;padding:10px}.nav-badge{background:var(--red);border-radius:100px;color:#fff;font-size:.65rem;font-weight:700;margin-left:auto;min-width:20px;padding:2px 8px;text-align:center}.nav-badge-mini{background:var(--red);border-radius:50%;height:8px;position:absolute;right:4px;top:4px;width:8px}.sidebar-footer{border-top:1px solid #ffffff0f;padding:16px 10px}.sidebar-link.logout:hover{background:#ef44441a;color:var(--red)}.admin-main{flex:1 1;margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left .3s var(--ease)}.admin-layout.collapsed .admin-main{margin-left:72px}.admin-content{max-width:1400px;padding:32px}@media (max-width:1024px){.sidebar{width:72px}.admin-layout .nav-badge,.admin-layout .sidebar-brand,.admin-layout .sidebar-link span{display:none}.admin-layout .sidebar-link{justify-content:center;padding:10px}.admin-main{margin-left:72px}}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:var(--sidebar-width)}.sidebar.open{transform:translateX(0)}.admin-main{margin-left:0}.admin-content{padding:20px 16px}}.login-page{align-items:center;background:var(--black-soft);display:flex;justify-content:center;min-height:100vh;padding:24px;position:relative}.login-page:before{background:radial-gradient(ellipse at 30% 40%,#3b82f61a 0,#0000 60%),radial-gradient(ellipse at 70% 60%,#3b82f60d 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.login-card{animation:slideUp .5s var(--ease);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;max-width:420px;padding:44px 36px;position:relative;width:100%}.login-header{margin-bottom:36px;text-align:center}.login-logo{height:48px;margin:0 auto 14px;width:auto}.login-subtitle{color:var(--gray-400);font-size:.88rem}.login-subtitle strong{color:var(--blue-light)}.login-error{background:#ef44441a;border:1px solid #ef444433;border-radius:10px;color:#fca5a5;font-size:.82rem;margin-bottom:20px;padding:10px 14px;text-align:center}.login-card .form-group label{color:var(--gray-400)}.login-card .form-input{background:#ffffff0d;border-color:#ffffff1a;color:var(--white)}.login-card .form-input::placeholder{color:var(--gray-600)}.login-card .form-input:focus{background:#3b82f60d;border-color:var(--blue-primary);box-shadow:0 0 0 3px #3b82f626}.login-btn{font-size:.9rem;justify-content:center;margin-top:8px;padding:14px;width:100%}.login-btn:disabled{cursor:not-allowed;opacity:.6}.login-footer{border-top:1px solid #ffffff0f;margin-top:28px;padding-top:20px;text-align:center}.login-footer p{color:var(--gray-500);font-size:.78rem}.login-footer a{color:var(--blue-light);font-weight:600}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.charts-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.6fr 1fr}.chart-card{padding:24px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chart-header h3{color:var(--black);font-family:var(--font-display);font-size:1rem;font-weight:700}.view-all-link{align-items:center;color:var(--blue-primary);display:inline-flex;font-size:.82rem;font-weight:600;gap:4px;transition:gap .2s}.view-all-link:hover{gap:8px}.chart-legend{display:flex;flex-direction:column;gap:8px;padding-top:12px}.legend-item{align-items:center;display:flex;font-size:.82rem;gap:8px}.legend-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.legend-label{color:var(--gray-500);flex:1 1}.legend-value{color:var(--gray-800);font-family:var(--font-display);font-weight:700}.project-name-link{color:var(--gray-800);font-weight:600;transition:color .2s}.project-name-link:hover{color:var(--blue-primary)}.table-progress{align-items:center;display:flex;gap:10px}.table-progress .progress-bar{flex:1 1;max-width:120px}.progress-text{color:var(--gray-600);font-size:.78rem;font-weight:600;min-width:36px}.empty-state{color:var(--gray-400);padding:60px 20px;text-align:center}.empty-state h3{color:var(--gray-600);font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:6px;margin-top:12px}.empty-state p{color:var(--gray-400);font-size:.88rem}.empty-chart{color:var(--gray-400);font-size:.88rem;height:300px}.empty-chart,.loading-state{align-items:center;display:flex;justify-content:center}.loading-state{color:var(--gray-500);flex-direction:column;gap:16px;min-height:60vh}.spinner{animation:spin .8s linear infinite;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--blue-primary);height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-row{grid-template-columns:1fr}}@media (max-width:640px){.stats-grid{grid-template-columns:1fr}}.projects-toolbar{flex-wrap:wrap;gap:16px;margin-bottom:28px}.projects-toolbar,.search-box{align-items:center;display:flex}.search-box{background:var(--white);border:1px solid var(--gray-200);border-radius:10px;flex:1 1;gap:8px;max-width:320px;padding:8px 14px}.search-box svg{color:var(--gray-400);flex-shrink:0}.search-box input{background:#0000;border:none;color:var(--gray-800);font-family:var(--font-body);font-size:.85rem;outline:none;width:100%}.search-box input::placeholder{color:var(--gray-400)}.filter-tabs{display:flex;flex-wrap:wrap;gap:4px}.projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.project-card{overflow:hidden;padding:0}.project-card-header{align-items:center;display:flex;justify-content:space-between;padding:16px 20px 0}.project-card-actions{display:flex;gap:4px}.project-card-body{display:block;padding:16px 20px}.project-card-body h3{color:var(--black);font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:4px;transition:color .2s}.project-card-body:hover h3{color:var(--blue-primary)}.project-location{color:var(--gray-400);font-size:.82rem;margin-bottom:16px}.project-card-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.mini-stat{display:flex;flex-direction:column;gap:2px}.mini-stat-label{color:var(--gray-400);font-size:.68rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.mini-stat-value{color:var(--black);font-family:var(--font-display);font-size:1.1rem;font-weight:800}.project-card-partidas{border-top:1px solid var(--gray-100);color:var(--gray-400);font-size:.75rem;padding:10px 20px}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.projects-grid{grid-template-columns:1fr}}.project-form-page{max-width:900px}.form-section-title{color:var(--black);font-family:var(--font-display);font-size:1.05rem;font-weight:700;margin-bottom:20px}.form-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.form-section-header .form-section-title{margin-bottom:0}.form-hint{color:var(--gray-400);font-size:.78rem;margin-bottom:16px}.form-grid-3>.form-group{flex:1 1;min-width:150px}.partidas-form-list{display:flex;flex-direction:column;gap:12px}.partida-form-row{align-items:flex-end;background:var(--gray-50);border:1px solid var(--gray-100);border-radius:10px;display:flex;gap:10px;padding:16px}.partida-form-fields{display:flex;flex:1 1;flex-wrap:wrap;gap:12px}.partida-form-fields .form-group{margin-bottom:0}.partida-remove{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:8px;color:var(--gray-400);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.partida-remove:hover{background:var(--red-pale);border-color:#ef44444d;color:var(--red)}.partidas-empty{color:var(--gray-400);font-size:.85rem;padding:24px;text-align:center}.images-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.image-preview{aspect-ratio:4/3;border:1px solid var(--gray-200);border-radius:10px;overflow:hidden;position:relative}.image-preview img{height:100%;object-fit:cover;width:100%}.image-remove{align-items:center;background:#0009;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:6px;top:6px;transition:background .2s;width:24px}.image-remove:hover{background:var(--red)}.image-new-badge{background:var(--blue-primary);border-radius:4px;bottom:6px;color:#fff;font-size:.65rem;font-weight:700;left:6px;padding:2px 8px;position:absolute}.upload-area{align-items:center;border:2px dashed var(--gray-200);border-radius:12px;color:var(--gray-400);cursor:pointer;display:flex;flex-direction:column;font-size:.85rem;gap:8px;justify-content:center;padding:28px;transition:all .2s}.upload-area:hover{background:#3b82f605;border-color:var(--blue-primary);color:var(--blue-primary)}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-bottom:40px;margin-top:8px}@media (max-width:768px){.form-grid,.partida-form-fields{flex-direction:column}.images-grid{grid-template-columns:repeat(2,1fr)}}.project-detail{max-width:1000px}.back-btn{align-items:center;background:none;border:none;color:var(--gray-500);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.82rem;font-weight:600;gap:6px;margin-bottom:20px;padding:0;transition:color .2s}.back-btn:hover{color:var(--blue-primary)}.detail-notice{background:var(--blue-pale);border:1px solid var(--blue-lighter);border-radius:12px;margin-bottom:24px;padding:18px 20px}.detail-notice .notice-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.detail-notice .notice-header strong{color:#1e3a5f;font-size:.88rem}.detail-notice .notice-date{color:var(--blue-primary);font-size:.72rem}.detail-notice p{color:#1e3a5f;font-size:.85rem;line-height:1.5}.detail-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.detail-section{margin-bottom:20px;padding:28px}.detail-section h2{align-items:center;color:var(--black);display:flex;font-family:var(--font-display);font-size:1.05rem;font-weight:700;gap:8px;margin-bottom:20px}.detail-partidas{gap:14px}.detail-partida,.detail-partidas{display:flex;flex-direction:column}.detail-partida{gap:6px}.detail-stream{background:var(--black);border-radius:12px;overflow:hidden;padding-top:56.25%;position:relative}.detail-stream iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.detail-images{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.detail-image{aspect-ratio:4/3;border:1px solid var(--gray-200);border-radius:10px;overflow:hidden;transition:transform .2s}.detail-image:hover{transform:scale(1.02)}.detail-image img{height:100%;object-fit:cover;width:100%}.detail-suggestions{display:flex;flex-direction:column;gap:16px}.detail-suggestion{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:12px;padding:18px;transition:all .2s}.detail-suggestion.unread{background:#dbeafe4d;border-left:3px solid var(--blue-primary)}.detail-sug-header{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:10px}.detail-sug-user{align-items:center;color:var(--gray-700);display:flex;font-size:.78rem;font-weight:600;gap:5px}.detail-sug-date{align-items:center;color:var(--gray-400);display:flex;font-size:.72rem;gap:4px}.detail-sug-msg{color:var(--gray-700);font-size:.88rem;line-height:1.6;margin-bottom:4px}.detail-sug-reply{background:var(--white);border-left:3px solid var(--green);border-radius:8px;margin-top:10px;padding:12px 14px}.reply-tag{color:var(--green);display:block;font-size:.68rem;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.detail-sug-reply p{color:var(--gray-600);font-size:.82rem;line-height:1.5}.detail-sug-reply-form{margin-top:10px}@media (max-width:768px){.detail-stats{grid-template-columns:1fr}.detail-images{grid-template-columns:repeat(2,1fr)}}.news-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.news-card{overflow:hidden;padding:0}.news-card-image{aspect-ratio:16/10;overflow:hidden;position:relative;width:100%}.news-card-image img{height:100%;object-fit:cover;transition:transform .3s var(--ease);width:100%}.news-card:hover .news-card-image img{transform:scale(1.03)}.news-card-placeholder{align-items:center;background:var(--gray-100);color:var(--gray-300);display:flex;justify-content:center}.news-category{left:12px;position:absolute;top:12px}.news-card-content{padding:20px}.news-card-date{align-items:center;color:var(--gray-400);display:flex;font-size:.72rem;gap:6px;margin-bottom:8px}.news-card-content h3{color:var(--black);font-family:var(--font-display);font-size:1.05rem;font-weight:700;line-height:1.3;margin-bottom:8px}.news-card-content p{color:var(--gray-500);font-size:.82rem;line-height:1.6;margin-bottom:16px}.news-card-actions{display:flex;gap:8px}@media (max-width:1024px){.news-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.news-grid{grid-template-columns:1fr}}.users-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:28px}.user-name-cell{align-items:center;display:flex;gap:10px}.user-avatar{background:var(--blue-pale);border-radius:50%;color:var(--blue-primary);flex-shrink:0;font-family:var(--font-display);font-size:.85rem;font-weight:700;height:34px;width:34px}.action-btn,.user-avatar{align-items:center;display:flex;justify-content:center}.action-btn{background:var(--white);border:1px solid var(--gray-200);border-radius:8px;color:var(--gray-500);cursor:pointer;height:32px;transition:all .2s;width:32px}.action-btn:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-700)}.action-btn.danger:hover{background:var(--red-pale);border-color:#ef44444d;color:var(--red)}.password-field{position:relative}.password-field .form-input{padding-right:44px}.password-toggle{align-items:center;background:none;border:none;color:var(--gray-400);cursor:pointer;display:flex;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:var(--gray-600)}@media (max-width:768px){.users-summary{grid-template-columns:1fr}}.suggestions-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.filter-tab{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:100px;color:var(--gray-500);cursor:pointer;display:flex;font-family:var(--font-body);font-size:.78rem;font-weight:600;gap:6px;padding:6px 16px;transition:all .2s}.filter-tab:hover{border-color:var(--gray-300);color:var(--gray-700)}.filter-tab.active{background:var(--blue-primary);border-color:var(--blue-primary);color:var(--white)}.filter-count{background:#ffffff40;border-radius:100px;font-size:.68rem;padding:1px 7px}.suggestions-list{display:flex;flex-direction:column;gap:16px}.suggestion-card{padding:24px;transition:all .2s}.suggestion-card.unread{border-left:3px solid var(--blue-primary)}.suggestion-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:14px}.suggestion-meta{display:flex;flex-wrap:wrap;gap:16px}.suggestion-date,.suggestion-project,.suggestion-user{align-items:center;color:var(--gray-500);display:flex;font-size:.78rem;gap:5px}.suggestion-user{color:var(--gray-700);font-weight:600}.suggestion-body{margin-bottom:16px}.suggestion-body p{color:var(--gray-700);font-size:.9rem;line-height:1.7}.suggestion-reply-box{background:var(--gray-50);border-left:3px solid var(--green);border-radius:10px;margin-bottom:12px;padding:16px}.reply-label{color:var(--green);font-size:.72rem;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.suggestion-reply-box p{color:var(--gray-600);font-size:.85rem;line-height:1.6}.suggestion-actions{margin-top:4px}.suggestion-btn-row{display:flex;gap:8px}.reply-form{width:100%}.reply-form textarea{margin-bottom:10px}.reply-form-actions{display:flex;gap:8px;justify-content:flex-end}.settings-page{max-width:700px}.settings-section-header{align-items:center;color:var(--blue-primary);display:flex;gap:10px;margin-bottom:24px}.settings-section-header h2{color:var(--black);font-family:var(--font-display);font-size:1.05rem;font-weight:700}.form-section{margin-bottom:20px;padding:28px}.form-grid{display:flex;flex-wrap:wrap;gap:16px}.form-grid>.form-group{flex:1 1;min-width:200px}.account-info{display:flex;flex-direction:column;gap:10px}.account-item{align-items:center;background:var(--gray-50);border-radius:10px;display:flex;gap:16px;padding:12px 16px}.account-label{color:var(--gray-500);font-size:.78rem;font-weight:600;min-width:60px}.account-value{color:var(--gray-800);font-size:.88rem;font-weight:500}.settings-message{align-items:center;animation:fadeIn .3s ease;border-radius:10px;display:flex;font-size:.85rem;gap:8px;margin-bottom:20px;padding:12px 16px}.settings-message.success{background:var(--green-pale);border:1px solid #22c55e33;color:#166534}.settings-message.error{background:var(--red-pale);border:1px solid #ef444433;color:#991b1b}@media (max-width:768px){.form-grid{flex-direction:column}}.client-page{background:var(--gray-50);min-height:100vh}.client-loading{align-items:center;background:var(--black-soft);display:flex;justify-content:center;min-height:100vh}.client-loading-inner{color:var(--gray-400);text-align:center}.loading-logo{height:48px;margin:0 auto 24px}.client-header{background:var(--black-soft);border-bottom:1px solid #ffffff0f;padding:12px 0;position:sticky;top:0;z-index:100}.client-header-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1100px;padding:0 24px}.client-brand{align-items:center;display:flex;gap:14px}.client-logo{height:36px;width:auto}.client-brand-text{display:flex;flex-direction:column}.client-brand-name{color:var(--blue-light);font-size:.72rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.client-brand-user{margin-top:1px}.client-brand-user,.client-logout{color:var(--gray-400);font-size:.82rem}.client-logout{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;font-family:var(--font-body);gap:6px;padding:8px 16px;transition:all .2s}.client-logout:hover{background:#ef44441a;border-color:#ef444433;color:#fca5a5}.client-main{margin:0 auto;max-width:1100px;padding:0 24px 80px}.client-hero{align-items:center;background:linear-gradient(135deg,#111827,#1e293b);border-radius:0 0 24px 24px;display:flex;justify-content:space-between;margin:0 -24px 32px;overflow:hidden;padding:48px 44px;position:relative}.client-hero:before{background:radial-gradient(circle,#3b82f614 0,#0000 70%);content:"";height:400px;pointer-events:none;position:absolute;right:-20%;top:-50%;width:400px}.client-hero-badge{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:100px;color:var(--gray-300);display:inline-flex;font-size:.72rem;font-weight:600;gap:6px;letter-spacing:.5px;margin-bottom:16px;padding:5px 14px;text-transform:uppercase}.status-dot{background:var(--gray-400);border-radius:50%;height:7px;width:7px}.status-dot.activo{animation:pulseDot 2s infinite;background:#22c55e}.status-dot.completado{background:#3b82f6}.status-dot.pausado{background:#eab308}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.4}}.client-hero h1{color:var(--white);font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.client-hero-location{align-items:center;color:var(--gray-400);display:flex;font-size:.88rem;gap:6px;margin-bottom:12px}.client-hero-desc{color:var(--gray-500);font-size:.88rem;line-height:1.6;max-width:500px}.hero-progress-circle{flex-shrink:0;height:140px;position:relative;width:140px}.hero-progress-circle svg{height:100%;width:100%}.hero-progress-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.hero-progress-value{color:var(--white);display:block;font-family:var(--font-display);font-size:2rem;font-weight:800;line-height:1}.hero-progress-label{color:var(--gray-400);font-size:.7rem;letter-spacing:1px;margin-top:4px;text-transform:uppercase}.client-notice{animation:fadeIn .4s ease;background:var(--blue-pale);border:1px solid #3b82f626;border-radius:14px;display:flex;gap:14px;margin-bottom:28px;padding:18px 22px}.notice-icon{color:var(--blue-primary);flex-shrink:0;margin-top:2px}.notice-body{flex:1 1}.notice-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.notice-top strong{color:#1e3a5f;font-family:var(--font-display);font-size:.88rem}.notice-date{align-items:center;color:var(--blue-primary);display:flex;font-size:.7rem;font-weight:600;gap:4px}.client-notice p{color:#1e3a5f;font-size:.85rem;line-height:1.5}.client-metrics{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-bottom:28px}.metric-card{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:24px;transition:all .3s var(--ease)}.metric-card:hover{box-shadow:0 8px 30px #0000000f;transform:translateY(-2px)}.metric-icon{align-items:center;border-radius:12px;display:flex;height:46px;justify-content:center;width:46px}.metric-icon.blue{background:var(--blue-pale);color:var(--blue-primary)}.metric-icon.green{background:var(--green-pale);color:var(--green)}.metric-icon.yellow{background:var(--yellow-pale);color:var(--yellow)}.metric-info{display:flex;flex-direction:column;gap:2px}.metric-value{color:var(--black);font-family:var(--font-display);font-size:2rem;font-weight:800;line-height:1}.metric-label{color:var(--gray-500);font-size:.78rem;font-weight:500}.metric-bar{background:var(--gray-100);border-radius:3px;height:6px;overflow:hidden}.metric-bar-fill{border-radius:3px;height:100%;transition:width 1.2s var(--ease)}.metric-bar-fill.blue{background:var(--blue-primary)}.metric-bar-fill.green{background:var(--green)}.metric-bar-fill.yellow{background:var(--yellow)}.metric-bar-fill.red{background:var(--red)}.client-section{margin-bottom:20px;padding:28px}.section-header-icon{align-items:center;color:var(--blue-primary);display:flex;gap:10px;margin-bottom:24px}.section-header-icon h2{color:var(--black);flex:1 1;font-family:var(--font-display);font-size:1.1rem;font-weight:700}.gallery-count{color:var(--gray-400);font-size:.75rem;font-weight:500}.client-partidas-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:0}.partidas-list{gap:16px}.partida-item,.partidas-list{display:flex;flex-direction:column}.partida-item{gap:8px}.partida-top{align-items:center;display:flex;justify-content:space-between}.partida-name{color:var(--gray-700);font-size:.85rem;font-weight:500}.partida-value{font-family:var(--font-display);font-size:.88rem;font-weight:700}.partida-value.green{color:var(--green)}.partida-value.blue{color:var(--blue-primary)}.partida-value.yellow{color:var(--yellow)}.partida-value.red{color:var(--red)}.client-stream-section{border:1px solid #3b82f626}.live-indicator{align-items:center;background:#ef44441a;border-radius:100px;color:var(--red);display:inline-flex;font-size:.68rem;font-weight:700;gap:6px;letter-spacing:1px;padding:4px 12px}.live-dot-pulse{animation:pulseDot 1.2s infinite;background:var(--red);border-radius:50%;height:7px;width:7px}.stream-container{background:var(--black);border:1px solid var(--gray-200);border-radius:14px;overflow:hidden;padding-top:56.25%;position:relative}.stream-container iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.client-gallery{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.gallery-thumb{aspect-ratio:4/3;border:1px solid var(--gray-200);border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s var(--ease)}.gallery-thumb:hover{box-shadow:0 8px 24px #0000001a;transform:scale(1.02)}.gallery-thumb img{height:100%;object-fit:cover;transition:transform .4s var(--ease);width:100%}.gallery-thumb:hover img{transform:scale(1.08)}.gallery-thumb-overlay{align-items:center;background:#0000004d;color:#fff;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%}.gallery-thumb:hover .gallery-thumb-overlay{opacity:1}.lightbox{animation:fadeIn .2s ease;background:#000000eb;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10000}.lightbox,.lightbox-close{align-items:center;display:flex;justify-content:center}.lightbox-close{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;height:44px;position:absolute;right:20px;top:20px;transition:background .2s;width:44px;z-index:10}.lightbox-close:hover{background:#fff3}.lightbox-nav{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s;width:48px}.lightbox-nav:hover{background:#fff3}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-content{max-height:85vh;max-width:90vw;position:relative}.lightbox-content img{border-radius:8px;max-height:80vh;max-width:90vw;object-fit:contain}.lightbox-counter{color:var(--gray-400);font-size:.82rem;margin-top:12px;text-align:center}.suggestion-hint{color:var(--gray-500);font-size:.85rem;line-height:1.6;margin-bottom:18px}.suggestion-success{animation:fadeIn .3s ease;background:var(--green-pale);border:1px solid #22c55e33;border-radius:10px;color:#166534;font-size:.85rem;margin-bottom:18px;padding:14px 18px}.suggestion-textarea{min-height:100px;resize:vertical}.suggestion-btn{margin-top:10px}.suggestion-btn:disabled{cursor:not-allowed;opacity:.5}.client-footer{border-top:1px solid var(--gray-200);margin-top:20px;padding:40px 0 0;text-align:center}.client-footer p{color:var(--gray-400);font-size:.78rem;margin-bottom:4px}.client-footer a{color:var(--blue-primary);font-weight:600}.client-empty{color:var(--gray-400);padding:100px 20px;text-align:center}.client-empty h2{color:var(--gray-600);font-family:var(--font-display);font-size:1.4rem;font-weight:800;margin:20px 0 8px}.client-empty p{font-size:.9rem;line-height:1.6;margin:0 auto;max-width:400px}@media (max-width:1024px){.client-partidas-row{grid-template-columns:1fr}}@media (max-width:768px){.client-metrics{grid-template-columns:1fr}.client-hero{flex-direction:column;margin:0 -24px 24px;padding:36px 24px;text-align:center}.hero-progress-circle{margin-top:20px}.client-gallery{grid-template-columns:repeat(2,1fr)}.client-brand-text{display:none}.client-main{padding:0 16px 60px}}@media (max-width:480px){.client-gallery{gap:8px;grid-template-columns:1fr 1fr}.metric-value{font-size:1.6rem}}.my-suggestions-list{display:flex;flex-direction:column;gap:14px}.my-suggestion-item{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:12px;padding:18px}.my-sug-header{flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:10px}.my-sug-date,.my-sug-header{align-items:center;display:flex}.my-sug-date{color:var(--gray-400);font-size:.72rem;gap:5px}.my-sug-badge{align-items:center;border-radius:100px;display:inline-flex;font-size:.68rem;font-weight:600;gap:4px;padding:3px 10px}.my-sug-badge.responded{background:var(--green-pale);color:#166534}.my-sug-badge.pending{background:var(--yellow-pale);color:#854d0e}.my-sug-msg{color:var(--gray-700);font-size:.88rem;line-height:1.6}.my-sug-reply{background:var(--white);border-left:3px solid var(--green);border-radius:10px;margin-top:12px;padding:14px 16px}.my-sug-reply-tag{color:var(--green);display:block;font-size:.68rem;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.my-sug-reply p{color:var(--gray-600);font-size:.85rem;line-height:1.6}:root{--blue-primary:#3b82f6;--blue-light:#60a5fa;--blue-lighter:#93c5fd;--blue-pale:#dbeafe;--blue-dark:#1e3a5f;--black:#0a0a0a;--black-soft:#111827;--white:#fff;--off-white:#f8fafc;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--green:#22c55e;--green-pale:#dcfce7;--red:#ef4444;--red-pale:#fee2e2;--yellow:#eab308;--yellow-pale:#fef9c3;--font-display:"Outfit",sans-serif;--font-body:"Plus Jakarta Sans",sans-serif;--ease:cubic-bezier(0.4,0,0.2,1);--sidebar-width:260px;--header-height:64px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9fafb;background:var(--gray-50);color:#1f2937;color:var(--gray-800);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-body)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}ul{list-style:none}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-body);font-size:.85rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--ease)}.btn-primary{background:#3b82f6;background:var(--blue-primary);color:#fff;color:var(--white)}.btn-primary:hover{background:#2563eb;box-shadow:0 4px 16px #3b82f64d;transform:translateY(-1px)}.btn-secondary{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);color:#374151;color:var(--gray-700)}.btn-secondary:hover{background:#f9fafb;background:var(--gray-50);border-color:#d1d5db;border-color:var(--gray-300)}.btn-danger{background:#ef4444;background:var(--red);color:#fff;color:var(--white)}.btn-danger:hover{background:#dc2626}.btn-sm{font-size:.78rem;padding:7px 14px}.card{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:14px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--ease)}.card:hover{box-shadow:0 4px 20px #0000000a}.form-group{margin-bottom:20px}.form-group label{color:#4b5563;color:var(--gray-600);display:block;font-size:.78rem;font-weight:600;letter-spacing:.3px;margin-bottom:6px}.form-input{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:10px;color:#1f2937;color:var(--gray-800);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-body);font-size:.88rem;outline:none;padding:10px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--ease);width:100%}.form-input:focus{border-color:#3b82f6;border-color:var(--blue-primary);box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:#9ca3af;color:var(--gray-400)}textarea.form-input{min-height:100px;resize:vertical}select.form-input{cursor:pointer}.stat-card{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:14px;display:flex;flex-direction:column;gap:8px;padding:24px}.stat-card .stat-icon{align-items:center;border-radius:10px;display:flex;height:42px;justify-content:center;margin-bottom:4px;width:42px}.stat-card .stat-icon.blue{background:#dbeafe;background:var(--blue-pale);color:#3b82f6;color:var(--blue-primary)}.stat-card .stat-icon.green{background:#dcfce7;background:var(--green-pale);color:#22c55e;color:var(--green)}.stat-card .stat-icon.yellow{background:#fef9c3;background:var(--yellow-pale);color:#eab308;color:var(--yellow)}.stat-card .stat-icon.red{background:#fee2e2;background:var(--red-pale);color:#ef4444;color:var(--red)}.stat-card .stat-label{color:#6b7280;color:var(--gray-500);font-size:.78rem;font-weight:500}.stat-card .stat-value{color:#0a0a0a;color:var(--black);font-family:Outfit,sans-serif;font-family:var(--font-display);font-size:1.8rem;font-weight:800;line-height:1}.table-wrapper{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:#f9fafb;background:var(--gray-50)}th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);color:#6b7280;color:var(--gray-500);font-size:.72rem;font-weight:700;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);color:#374151;color:var(--gray-700);font-size:.85rem;padding:14px 16px}tr:last-child td{border-bottom:none}tr:hover td{background:#f9fafb;background:var(--gray-50)}.badge{align-items:center;border-radius:100px;display:inline-flex;font-size:.72rem;font-weight:600;gap:4px;padding:4px 10px}.badge-blue{background:#dbeafe;background:var(--blue-pale);color:#3b82f6;color:var(--blue-primary)}.badge-green{background:#dcfce7;background:var(--green-pale);color:#22c55e;color:var(--green)}.badge-yellow{background:#fef9c3;background:var(--yellow-pale);color:#a16207}.badge-red{background:#fee2e2;background:var(--red-pale);color:#ef4444;color:var(--red)}.progress-bar{background:#f3f4f6;background:var(--gray-100);border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-bar-fill{border-radius:3px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);transition:width .8s var(--ease)}.progress-bar-fill.blue{background:#3b82f6;background:var(--blue-primary)}.progress-bar-fill.green{background:#22c55e;background:var(--green)}.progress-bar-fill.yellow{background:#eab308;background:var(--yellow)}.progress-bar-fill.red{background:#ef4444;background:var(--red)}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.page-header h1{color:#0a0a0a;color:var(--black);font-family:Outfit,sans-serif;font-family:var(--font-display);font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.page-header p{color:#6b7280;color:var(--gray-500);font-size:.88rem;margin-top:4px}.modal-overlay{align-items:center;animation:fadeIn .2s cubic-bezier(.4,0,.2,1);animation:fadeIn .2s var(--ease);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);animation:slideUp .3s var(--ease);background:#fff;background:var(--white);border-radius:16px;max-height:90vh;max-width:560px;overflow-y:auto;padding:32px;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.modal-header h2{color:#0a0a0a;color:var(--black);font-family:Outfit,sans-serif;font-family:var(--font-display);font-size:1.2rem;font-weight:700}.modal-close{align-items:center;background:#f3f4f6;background:var(--gray-100);border:none;border-radius:8px;color:#6b7280;color:var(--gray-500);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-close:hover{background:#e5e7eb;background:var(--gray-200);color:#374151;color:var(--gray-700)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--gray-400)}
/*# sourceMappingURL=main.903c18bd.css.map*/