@charset "UTF-8";@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.members-section{max-width:1200px;padding:2rem;background:#f8fafc;min-height:calc(100vh - 80px);margin:0 auto 0 0}.dashboard-main-container:not(.sidebar-collapsed) .members-section{margin-left:240px;max-width:calc(100vw - 240px - 4rem)}.dashboard-main-container.sidebar-collapsed .members-section{margin-left:60px;max-width:calc(100vw - 60px - 4rem)}@media (max-width: 768px){.dashboard-main-container:not(.sidebar-collapsed) .members-section,.dashboard-main-container.sidebar-collapsed .members-section{margin-left:0;max-width:100vw;padding:1rem}}.my-profile-container{max-width:1200px;padding:2rem;background:#f8fafc;min-height:calc(100vh - 80px);margin:0 auto 0 0}.dashboard-main-container:not(.sidebar-collapsed) .my-profile-container{margin-left:240px;max-width:calc(100vw - 240px - 4rem)}.dashboard-main-container.sidebar-collapsed .my-profile-container{margin-left:60px;max-width:calc(100vw - 60px - 4rem)}.profile-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:2rem;margin-bottom:2rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 10px 25px #667eea26}.profile-avatar{flex-shrink:0}.avatar-circle{width:80px;height:80px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#667eea;box-shadow:0 4px 12px #0000001a}.profile-info{flex:1}.profile-name{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 1rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.profile-badges{display:flex;gap:.75rem;flex-wrap:wrap}.badge{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.badge-role,.badge-membership{background:#fff3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-status{background:#22c55e33;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e}.profile-content{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #0000000d}.info-section{margin-bottom:2.5rem}.info-section:last-of-type{margin-bottom:0}.section-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 1.5rem;display:flex;align-items:center;gap:.75rem}.title-bar{width:4px;height:24px;background:#3b82f6;border-radius:2px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:100%}@media (min-width: 1200px){.info-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 900px) and (max-width: 1199px){.info-grid{grid-template-columns:repeat(2,1fr)}}.info-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease;min-height:80px}.info-card:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.info-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;flex-shrink:0}.info-content{flex:1;min-width:0}.info-label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.info-value{font-size:1rem;font-weight:600;color:#374151;word-break:break-word}.profile-actions{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;cursor:pointer;border:none;text-decoration:none;min-width:140px;justify-content:center}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.btn-icon{font-size:1rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px #0000001a}.modal-header{padding:1.5rem 1.5rem 0;display:flex;align-items:center;justify-content:space-between}.modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#1f2937}.modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s ease;box-sizing:border-box}.form-select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s ease;box-sizing:border-box;background:#fff;cursor:pointer}.form-input:invalid{border-color:#ef4444}.error-message{display:block;font-size:.75rem;color:#ef4444;margin-top:.25rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e5e7eb}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1024px){.info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.dashboard-main-container:not(.sidebar-collapsed) .my-profile-container{margin-left:240px;max-width:calc(100vw - 240px - 2rem)}.dashboard-main-container.sidebar-collapsed .my-profile-container{margin-left:60px;max-width:calc(100vw - 60px - 2rem)}}@media (max-width: 768px){.my-profile-container{padding:1rem;margin-left:0;max-width:calc(100vw - 2rem)}.dashboard-main-container:not(.sidebar-collapsed) .my-profile-container,.dashboard-main-container.sidebar-collapsed .my-profile-container{margin-left:0;max-width:calc(100vw - 2rem)}.profile-header{flex-direction:column;text-align:center;padding:1.5rem}.profile-name{font-size:2rem}.profile-badges{justify-content:center}.info-grid{grid-template-columns:1fr;gap:1rem}.profile-actions{flex-direction:column}.btn{width:100%}.modal-content{margin:1rem;max-width:none}.form-row{grid-template-columns:1fr;gap:.75rem}}@media (max-width: 480px){.profile-name{font-size:1.5rem}.avatar-circle{width:60px;height:60px;font-size:1.5rem}.info-card{padding:1rem;flex-direction:column;text-align:center;gap:.75rem}.info-icon{width:50px;height:50px;font-size:1.75rem}.section-title{font-size:1.25rem}}.bookings-section{padding:1.5rem;background:#f8fafc;min-height:100vh}.bookings-section .section-header{margin-bottom:2rem}.bookings-section .section-header h2{font-size:1.875rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.bookings-section .section-header p{color:#64748b;font-size:1rem;margin:0}.bookings-section .management-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid #e2e8f0}.bookings-section .management-tabs .tab-btn{padding:.75rem 1.5rem;border:none;background:transparent;color:#64748b;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.bookings-section .management-tabs .tab-btn:hover{color:#3b82f6;background:#f1f5f9}.bookings-section .management-tabs .tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#f8fafc}.bookings-section .tab-content{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.bookings-section .existing-bookings-section{padding:1.5rem}.bookings-section .existing-bookings-section .section-subheader{margin-bottom:1.5rem}.bookings-section .existing-bookings-section .section-subheader h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.bookings-section .existing-bookings-section .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.bookings-section .existing-bookings-section .stats-grid .stat-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#374151;padding:1.5rem;border-radius:.75rem;text-align:center;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #e2e8f0}.bookings-section .existing-bookings-section .stats-grid .stat-card .stat-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.bookings-section .existing-bookings-section .stats-grid .stat-card .stat-label{font-size:.875rem;opacity:.9}.bookings-section .existing-bookings-section .filters-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.bookings-section .existing-bookings-section .filters-section .filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.bookings-section .existing-bookings-section .filters-section .filters-header .filters-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.bookings-section .existing-bookings-section .filters-section .filters-header .clear-all-btn{padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.bookings-section .existing-bookings-section .filters-section .filters-header .clear-all-btn:hover{background:#dc2626}.bookings-section .existing-bookings-section .filters-section .filters-row{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1rem}.bookings-section .existing-bookings-section .filters-section .filters-row .search-field .field-label,.bookings-section .existing-bookings-section .filters-section .filters-row .date-field .field-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.bookings-section .existing-bookings-section .filters-section .filters-row .search-field .field-label .label-icon,.bookings-section .existing-bookings-section .filters-section .filters-row .date-field .field-label .label-icon{font-size:1rem}.bookings-section .existing-bookings-section .filters-section .filters-row .search-field .input-wrapper,.bookings-section .existing-bookings-section .filters-section .filters-row .date-field .input-wrapper{position:relative}.bookings-section .existing-bookings-section .filters-section .filters-row .search-field .input-wrapper .search-input,.bookings-section .existing-bookings-section .filters-section .filters-row .search-field .input-wrapper .date-input,.bookings-section .existing-bookings-section .filters-section .filters-row .date-field .input-wrapper .search-input,.bookings-section .existing-bookings-section .filters-section .filters-row .date-field .input-wrapper .date-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s ease;background:#fff}.bookings-section .existing-bookings-section .filters-section .filters-row .search-field .input-wrapper .search-input:focus,.bookings-section .existing-bookings-section .filters-section .filters-row .search-field .input-wrapper .date-input:focus,.bookings-section .existing-bookings-section .filters-section .filters-row .date-field .input-wrapper .search-input:focus,.bookings-section .existing-bookings-section .filters-section .filters-row .date-field .input-wrapper .date-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.bookings-section .existing-bookings-section .filters-section .filters-row .search-field .input-wrapper .search-input::placeholder,.bookings-section .existing-bookings-section .filters-section .filters-row .search-field .input-wrapper .date-input::placeholder,.bookings-section .existing-bookings-section .filters-section .filters-row .date-field .input-wrapper .search-input::placeholder,.bookings-section .existing-bookings-section .filters-section .filters-row .date-field .input-wrapper .date-input::placeholder{color:#9ca3af}.bookings-section .existing-bookings-section .filters-section .filters-row .search-field .input-wrapper .clear-btn,.bookings-section .existing-bookings-section .filters-section .filters-row .date-field .input-wrapper .clear-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:20px;height:20px;background:#ef4444;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.bookings-section .existing-bookings-section .filters-section .filters-row .search-field .input-wrapper .clear-btn:hover,.bookings-section .existing-bookings-section .filters-section .filters-row .date-field .input-wrapper .clear-btn:hover{background:#dc2626}.bookings-section .existing-bookings-section .filters-section .active-filters{padding-top:1rem;border-top:1px solid #e5e7eb}.bookings-section .existing-bookings-section .filters-section .active-filters .active-label{font-size:.875rem;font-weight:600;color:#6b7280;margin-bottom:.75rem;display:block}.bookings-section .existing-bookings-section .filters-section .active-filters .filter-tags{display:flex;flex-wrap:wrap;gap:.5rem}.bookings-section .existing-bookings-section .filters-section .active-filters .filter-tags .filter-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#dbeafe;color:#1e40af;border-radius:20px;font-size:.75rem;font-weight:500}.bookings-section .existing-bookings-section .filters-section .active-filters .filter-tags .filter-tag .tag-remove{width:16px;height:16px;background:#3b82f6;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:.625rem;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.bookings-section .existing-bookings-section .filters-section .active-filters .filter-tags .filter-tag .tag-remove:hover{background:#2563eb}.bookings-section .bookings-container{overflow-x:auto}.bookings-section .bookings-container .empty-state{text-align:center;padding:3rem 1rem;color:#64748b}.bookings-section .bookings-container .empty-state .empty-icon{font-size:3rem;margin-bottom:1rem}.bookings-section .bookings-container .empty-state h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#374151}.bookings-section .bookings-container .empty-state p{font-size:1rem;margin:0}.bookings-section .bookings-container .bookings-table-header{display:grid;grid-template-columns:80px 1fr 120px 100px 120px 120px 60px 100px 100px 100px;gap:1rem;padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.bookings-section .bookings-container .bookings-table-header .header-cell{display:flex;align-items:center}.bookings-section .bookings-container .bookings-table-header .header-cell.id{justify-content:center}.bookings-section .bookings-container .bookings-table-header .header-cell.client,.bookings-section .bookings-container .bookings-table-header .header-cell.court{justify-content:flex-start}.bookings-section .bookings-container .bookings-table-header .header-cell.date,.bookings-section .bookings-container .bookings-table-header .header-cell.time,.bookings-section .bookings-container .bookings-table-header .header-cell.phone,.bookings-section .bookings-container .bookings-table-header .header-cell.payment{justify-content:center}.bookings-section .bookings-container .bookings-table-header .header-cell.amount{justify-content:flex-end}.bookings-section .bookings-container .bookings-table-header .header-cell.status,.bookings-section .bookings-container .bookings-table-header .header-cell.actions{justify-content:center}.bookings-section .bookings-container .bookings-table-body .booking-row{display:grid;grid-template-columns:80px 1fr 120px 100px 120px 120px 60px 100px 100px 100px;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .2s ease;align-items:center}.bookings-section .bookings-container .bookings-table-body .booking-row:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.bookings-section .bookings-container .bookings-table-body .booking-row:last-child{border-bottom:none}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell{display:flex;align-items:center;font-size:.875rem}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.id{justify-content:center}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.id .booking-id{font-family:Monaco,Menlo,monospace;font-size:.75rem;color:#6b7280;background:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.client{justify-content:flex-start}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.client .client-info .client-name{font-weight:500;color:#1e293b}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.court{justify-content:flex-start}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.court .court-name{color:#374151;font-weight:500}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.date{justify-content:center}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.date .date-value{color:#374151;font-weight:500}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.time{justify-content:center}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.time .time-value{color:#374151;font-family:Monaco,Menlo,monospace;font-size:.8rem}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.phone{justify-content:center}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.phone .phone-value{color:#6b7280;font-family:Monaco,Menlo,monospace;font-size:.8rem}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.payment{justify-content:center}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.payment .payment-status{font-size:1.2rem;font-weight:700}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.payment .payment-status.paid{color:#10b981}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.payment .payment-status.unpaid{color:#ef4444}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.amount{justify-content:flex-end}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.amount .amount-value{font-weight:600;color:#059669;font-family:Monaco,Menlo,monospace}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.status{justify-content:center}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.status .status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.status .status-badge.status-confirmed{background:#dcfce7;color:#166534}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.status .status-badge.status-pending{background:#fef3c7;color:#92400e}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.status .status-badge.status-cancelled{background:#fee2e2;color:#991b1b}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.status .status-badge.status-completed{background:#e0e7ff;color:#3730a3}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.actions{justify-content:center}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.actions .action-buttons{display:flex;gap:.5rem}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.actions .action-buttons .action-btn{width:2rem;height:2rem;border:none;border-radius:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.actions .action-buttons .action-btn.view{background:#dbeafe;color:#1d4ed8}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.actions .action-buttons .action-btn.view:hover{background:#bfdbfe;transform:scale(1.1)}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.actions .action-buttons .action-btn.edit{background:#fef3c7;color:#d97706}.bookings-section .bookings-container .bookings-table-body .booking-row .table-cell.actions .action-buttons .action-btn.edit:hover{background:#fde68a;transform:scale(1.1)}.bookings-section .loading-state{text-align:center;padding:3rem 1rem;color:#64748b}.bookings-section .loading-state .loading-spinner{width:2rem;height:2rem;border:2px solid #e2e8f0;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.bookings-section .loading-state p{font-size:1rem;margin:0}.bookings-section .error-state{text-align:center;padding:3rem 1rem;color:#ef4444}.bookings-section .error-state p{font-size:1rem;margin-bottom:1rem}.bookings-section .error-state .retry-btn{padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-weight:500;transition:background-color .2s ease}.bookings-section .error-state .retry-btn:hover{background:#dc2626}@media (max-width: 1200px){.bookings-container .bookings-table-header,.bookings-container .booking-row{grid-template-columns:60px 1fr 100px 80px 100px 100px 50px 80px 80px 80px;gap:.5rem;padding:.75rem 1rem}}@media (max-width: 768px){.bookings-section,.bookings-section .filters-section{padding:1rem}.bookings-section .filters-section .filters-row{grid-template-columns:1fr;gap:1.5rem}.bookings-section .filters-section .filters-header{flex-direction:column;align-items:flex-start;gap:1rem}.bookings-section .filters-section .filters-header .clear-all-btn{align-self:flex-end}.bookings-section .bookings-container .bookings-table-header{display:none}.bookings-section .bookings-container .booking-row{display:block;margin-bottom:1rem;padding:1rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff}.bookings-section .bookings-container .booking-row .table-cell{display:flex;justify-content:space-between;margin-bottom:.5rem}.bookings-section .bookings-container .booking-row .table-cell:last-child{margin-bottom:0}.bookings-section .bookings-container .booking-row .table-cell:before{content:attr(data-label);font-weight:600;color:#6b7280;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.bookings-section .bookings-container .booking-row .table-cell.id:before{content:"ID"}.bookings-section .bookings-container .booking-row .table-cell.client:before{content:"Cliente"}.bookings-section .bookings-container .booking-row .table-cell.court:before{content:"Cancha"}.bookings-section .bookings-container .booking-row .table-cell.date:before{content:"Fecha"}.bookings-section .bookings-container .booking-row .table-cell.time:before{content:"Hora"}.bookings-section .bookings-container .booking-row .table-cell.phone:before{content:"Tel\e9 fono"}.bookings-section .bookings-container .booking-row .table-cell.payment:before{content:"Pago"}.bookings-section .bookings-container .booking-row .table-cell.amount:before{content:"Monto"}.bookings-section .bookings-container .booking-row .table-cell.status:before{content:"Estado"}.bookings-section .bookings-container .booking-row .table-cell.actions:before{content:"Acciones"}}.client-info-section{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.client-info-section h4{margin:0 0 16px;color:#374151;font-size:16px;font-weight:600}.client-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.client-form .form-group{display:flex;flex-direction:column}.client-form .form-group label{margin-bottom:6px;color:#374151;font-size:14px;font-weight:500}.client-form .form-input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease}.client-form .form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.client-form .form-input.error{border-color:#ef4444}.client-form .form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.field-error{margin-top:4px;color:#ef4444;font-size:12px;font-weight:500}.general-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px;border-radius:6px;margin-bottom:16px;font-size:14px;font-weight:500}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin 1s ease-in-out infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.btn.loading{opacity:.7;cursor:not-allowed}.payment-section{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.payment-section h5{margin:0 0 16px;color:#374151;font-size:15px;font-weight:600}.payment-status{margin-bottom:16px}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:14px;font-weight:500;color:#374151}.payment-checkbox{margin-right:8px;width:16px;height:16px;accent-color:#3b82f6}.payment-details{margin-top:16px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.payment-details .form-group{margin-bottom:12px}.payment-details .form-group:last-child{margin-bottom:0}.time-slot-btn.occupied{background:#fef3c7;border:2px solid #f59e0b;color:#92400e;cursor:pointer}.time-slot-btn.occupied:hover{background:#fde68a;border-color:#d97706}.time-slot-btn.occupied.selected{background:#f59e0b;border-color:#d97706;color:#fff}.slot-status{font-size:12px;font-weight:600;margin-top:4px;color:#92400e}.time-slot-btn.occupied.selected .slot-status{color:#fff}.viewing-booking-badge{background:#3b82f6;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;margin-left:8px}.client-info-section h4{display:flex;align-items:center}.form-input:disabled,.payment-checkbox:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed;opacity:.7}.checkbox-label:has(.payment-checkbox:disabled){opacity:.7;cursor:not-allowed}@media (max-width: 640px){.client-form{grid-template-columns:1fr;gap:12px}.payment-details{padding:12px}.viewing-booking-badge{margin-left:4px;font-size:11px}}.image-disabled-notice{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px;margin-top:8px}.notice-icon{font-size:18px;color:#6c757d}.notice-text{margin:0;color:#6c757d;font-size:14px;line-height:1.4}.notice-text-small{margin:8px 0 0;color:#28a745;font-size:12px;line-height:1.3;font-weight:500}.rates-main-section{padding:24px;max-width:1200px;margin:0 auto}.rates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.header-content h1{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 8px}.header-content p{color:#6b7280;margin:0}.view-toggle{display:flex;gap:8px}.toggle-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid #d1d5db;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s}.toggle-btn:hover{border-color:#3b82f6;background:#f8fafc}.toggle-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 8px}.section-subtitle{color:#6b7280;margin:0}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563}.search-input{width:100%;padding:12px 16px 12px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.table-wrapper{overflow-x:auto}.rates-table th{background:#f9fafb;padding:16px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.rates-table td{padding:16px;border-bottom:1px solid #f3f4f6}.rate-row:hover{background:#f9fafb}.day-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;background:#e5e7eb;color:#374151}.day-badge.day-holiday{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.time-slot{font-family:monospace;font-size:14px;color:#6b7280}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-disabled{background:#fee2e2;color:#991b1b}.btn-icon{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-edit{background:#f3f4f6;color:#374151}.btn-edit:hover{background:#e5e7eb}.btn-toggle{background:#f3f4f6;color:#374151}.btn-toggle:hover{background:#e5e7eb}.btn-delete{background:#fee2e2;color:#991b1b}.btn-delete:hover{background:#fecaca}.empty-state{text-align:center;padding:48px 24px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-title{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 8px}.empty-description{color:#6b7280;margin:0 0 24px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px}.loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-small{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.rate-form{display:flex;flex-direction:column;gap:20px;max-width:100%;overflow:hidden}.form-group{display:flex;flex-direction:column;gap:8px;width:100%;max-width:100%;box-sizing:border-box}.form-input{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s;width:100%;max-width:100%;box-sizing:border-box;margin:0}.form-select{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:14px;cursor:pointer;width:100%;max-width:100%;box-sizing:border-box;margin:0}.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-group{position:relative;display:flex;align-items:center}.input-prefix{position:absolute;left:12px;color:#6b7280;font-weight:500;z-index:1}.input-group .form-input{padding-left:32px}.price-input{width:100%;max-width:100%;box-sizing:border-box;margin:0;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;transition:border-color .2s}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.days-selection{display:flex;flex-direction:column;gap:16px}.days-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.day-checkbox{display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s}.day-checkbox:hover{border-color:#3b82f6;background:#f8fafc}.day-checkbox[data-day=holiday]{border-color:#f59e0b;background:#fef3c7}.day-checkbox[data-day=holiday]:hover{border-color:#d97706;background:#fde68a}.day-checkbox input[type=checkbox]{margin:0;width:16px;height:16px;accent-color:#3b82f6}.day-label{font-size:14px;font-weight:500;color:#374151}.selected-days-summary{display:flex;flex-direction:column;gap:8px}.summary-label{font-size:14px;font-weight:500;color:#374151}.selected-days-tags{display:flex;flex-wrap:wrap;gap:8px}.day-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#dbeafe;color:#1e40af;border-radius:6px;font-size:12px;font-weight:500}.remove-day{background:none;border:none;color:#1e40af;cursor:pointer;font-size:16px;line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.remove-day:hover{background:#1e40af1a}.holiday-selection{display:flex;flex-direction:column;gap:12px}.holiday-checkbox{display:flex;align-items:center;gap:12px;padding:16px 20px;border:2px solid #f59e0b;border-radius:12px;background:#fef3c7;cursor:pointer;transition:all .2s}.holiday-checkbox:hover{border-color:#d97706;background:#fde68a}.holiday-checkbox input[type=checkbox]{margin:0;width:20px;height:20px;accent-color:#f59e0b}.holiday-label{font-size:16px;font-weight:600;color:#92400e}.holiday-description{padding:12px 16px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-left:32px}.holiday-text{font-size:14px;color:#6b7280;font-style:italic}.modal-content{background:#fff;border-radius:12px;padding:24px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-sizing:border-box}.modal-header h3{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.modal-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:100%;box-sizing:border-box}.error-message{color:#dc2626;font-size:12px;margin-top:4px}.btn-warning{background-color:#f59e0b;color:#fff}.btn-warning:hover:not(:disabled){background-color:#d97706}.btn-icon{font-size:16px}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow-x:hidden;font-family:Inter,sans-serif}.login-container{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0 25%,#cbd5e1 75%,#94a3b8);padding:20px;position:relative;margin:0;overflow:hidden}.bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.floating-shape{position:absolute;border-radius:50%;animation:float 8s ease-in-out infinite}.shape1{width:120px;height:120px;top:15%;left:10%;background:linear-gradient(135deg,#3b82f61a,#93c5fd0d);animation-delay:0s}.shape2{width:80px;height:80px;top:70%;right:20%;background:linear-gradient(135deg,#1e3a8a14,#3b82f608);animation-delay:3s}.shape3{width:150px;height:150px;bottom:25%;left:15%;background:linear-gradient(135deg,#93c5fd1f,#1e3a8a05);animation-delay:6s}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.7}33%{transform:translateY(-30px) rotate(120deg);opacity:.4}66%{transform:translateY(-10px) rotate(240deg);opacity:.8}}.login-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);padding:60px 50px;border-radius:32px;box-shadow:0 32px 64px #1e3a8a14,0 16px 32px #3b82f60a,inset 0 1px #ffffffe6;width:100%;max-width:450px;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1e3a8a,#3b82f6,#93c5fd,#3b82f6,#1e3a8a);background-size:300% 100%;animation:gradientShift 4s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.login-card:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.03) 0%,transparent 70%);animation:shimmer 12s linear infinite;pointer-events:none}@keyframes shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-header{text-align:center;margin-bottom:45px;z-index:10;position:relative}.logo-container{display:inline-flex;align-items:center;gap:15px;margin-bottom:20px}.logo-square{width:60px;height:60px;background:linear-gradient(135deg,#1e3a8a,#3b82f6,#60a5fa);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:28px;box-shadow:0 12px 32px #1e3a8a4d,0 6px 16px #3b82f633,inset 0 1px #fff3;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.logo-square:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;background:#fff3;border-radius:50%;transition:all .4s ease}.logo-square:hover:before{width:100%;height:100%}.logo-square:hover{transform:scale(1.05) rotate(5deg);box-shadow:0 16px 40px #1e3a8a66,0 8px 20px #3b82f64d}.logo-text{display:flex;flex-direction:column;align-items:flex-start}.logo-unosport{font-size:32px;font-weight:800;background:linear-gradient(135deg,#1e3a8a,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;line-height:1;margin:0}.club-text{color:#64748b;font-size:20px;font-weight:500;line-height:1;margin:0}.login-subtitle{color:#64748b;margin-bottom:0;font-size:16px;font-weight:400}.login-form{margin-bottom:2rem}.form-group{margin-bottom:28px;position:relative}.form-input{width:100%;padding:20px 26px;background:#f8fafccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(226,232,240,.8);border-radius:18px;color:#1e293b;font-size:16px;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif;box-sizing:border-box}.form-input:focus{outline:none;background:#fffffff2;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 12px 32px #3b82f626,0 6px 16px #1e3a8a1a}.form-input:valid{border-color:#10b981;background:#f0fdf4cc}.form-input.error{border-color:#ef4444;background:#fef2f2cc}.form-input::placeholder{color:#94a3b8;font-weight:400}.error-message{display:block;color:#ef4444;font-size:14px;margin-top:8px;font-weight:500}.login-button{width:100%;padding:20px;background:linear-gradient(135deg,#1e3a8a,#3b82f6,#60a5fa);color:#fff;border:none;border-radius:18px;font-size:16px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);margin-top:20px;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;font-family:Inter,sans-serif;box-shadow:0 12px 32px #1e3a8a4d,0 6px 16px #3b82f633}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .8s cubic-bezier(.4,0,.2,1)}.login-button:hover:before{left:100%}.login-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 16px 40px #1e3a8a66,0 8px 20px #3b82f64d;background:linear-gradient(135deg,#3b82f6,#60a5fa,#93c5fd)}.login-button:active{transform:translateY(-1px)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-button.loading{position:relative;color:transparent!important;background:linear-gradient(135deg,#94a3b8,#cbd5e1);transform:none;box-shadow:none;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:.8}.login-button.loading *{opacity:0}.login-button.loading:after{content:"";position:absolute;width:28px;height:28px;border:3px solid rgba(255,255,255,.2);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite;z-index:10}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.error-alert{background:#fef2f2cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ef4444;padding:16px 20px;border-radius:16px;font-size:14px;margin-bottom:20px;border:1px solid rgba(239,68,68,.3);font-weight:500}.login-footer{text-align:center}.forgot-password{display:block;color:#64748b;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;position:relative;margin-bottom:35px}.forgot-password:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:2px;background:linear-gradient(90deg,#3b82f6,#60a5fa);transition:width .3s ease}.forgot-password:hover:after{width:100%}.forgot-password:hover{color:#3b82f6}.divider-line{width:100%;height:1px;background:#e2e8f099;margin:30px 0}.signup-link{color:#64748b;font-size:14px;font-weight:400;margin:0}.signup-link-text{color:#3b82f6;text-decoration:none;font-weight:600;transition:all .3s ease}.signup-link-text:hover{color:#1e3a8a;text-shadow:0 0 8px rgba(59,130,246,.3)}@media (max-width: 480px){.login-container{padding:20px}.login-card{padding:40px 30px;margin:20px;border-radius:24px}.logo-unosport{font-size:28px}.club-text{font-size:18px}.form-input{padding:18px 22px}.login-button{padding:18px;font-size:15px}.logo-square{width:55px;height:55px;font-size:26px}}.dashboard-container{min-height:100vh;background:#f8fafc;color:#1e293b;line-height:1.5;display:flex;flex-direction:column}.dashboard-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:12px 0;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000001a}.header-content{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 4px}.courts-section .header-content{display:block;padding:0}.header-left{display:flex;align-items:center;gap:16px;margin-left:0}.sidebar-toggle-btn{width:40px;height:40px;border:none;background:#f3f4f6;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#374151;margin-left:0;position:relative;z-index:1001;min-width:40px;min-height:40px}.sidebar-toggle-btn:hover{background:#e5e7eb;color:#1f2937}.sidebar-toggle-btn{border:2px solid #3b82f6!important;background:#3b82f6!important;color:#fff!important}.sidebar-toggle-btn.collapsed{background:#3b82f6;color:#fff}.sidebar-toggle-btn.collapsed:hover{background:#2563eb}.toggle-icon{font-size:16px;font-weight:600}.logo-section{display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}.logo-text{font-size:20px;font-weight:700;color:#1e3a8a}.search-bar{flex:1;max-width:400px;margin:0 40px;position:relative}.search-input{width:100%;padding:10px 16px 10px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#f9fafb;transition:all .3s ease}.header-actions{display:flex;align-items:center;gap:16px}.notification-btn{padding:8px;border-radius:8px;background:none;border:none;cursor:pointer;color:#6b7280;position:relative;transition:all .3s ease}.notification-btn:hover{background:#f3f4f6;color:#374151}.notification-badge{position:absolute;top:6px;right:6px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid white}.user-menu{display:flex;align-items:center;gap:12px;cursor:pointer;padding:6px 12px;border-radius:20px;transition:all .3s ease;position:relative}.user-menu:hover{background:#f3f4f6}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#60a5fa);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.user-name{font-size:14px;font-weight:500;color:#374151}.dashboard-main-container{display:flex;flex:1;position:relative;width:100%;max-width:none;overflow-x:auto}.dashboard-main-container.sidebar-collapsed{margin-left:0}.dashboard-sidebar{width:240px;background:#fff;border-right:1px solid #e5e7eb;padding:24px 0;height:calc(100vh - 73px);position:fixed;left:0;top:73px;z-index:50;transition:all .3s ease;overflow-y:auto}.dashboard-sidebar.collapsed{width:60px;padding:24px 0}.dashboard-sidebar.collapsed .nav-title,.dashboard-sidebar.collapsed .nav-text{display:none}.dashboard-sidebar.collapsed .nav-link{justify-content:center;padding:12px 8px}.dashboard-sidebar.collapsed .nav-icon{margin-right:0}.nav-section{margin-bottom:32px}.nav-title{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;padding:0 24px;margin-bottom:12px}.nav-menu{list-style:none}.nav-item{margin-bottom:2px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 24px;color:#6b7280;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;border-right:3px solid transparent;cursor:pointer}.nav-link:hover{background:#f8fafc;color:#374151}.nav-link.active{background:#eff6ff;color:#1e40af;border-right-color:#3b82f6;font-weight:600}.nav-icon{font-size:16px;width:16px}.dashboard-main-content{flex:1;padding:32px;background:#f8fafc;margin-left:240px;transition:all .3s ease;width:calc(100% - 240px)!important;min-width:0!important;max-width:none!important;overflow-x:auto;box-sizing:border-box}.dashboard-main-content.sidebar-collapsed{margin-left:60px;width:calc(100% - 60px)!important;max-width:none!important}.page-header{margin-bottom:32px}.page-title{font-size:28px;font-weight:700;color:#1e293b;margin-bottom:8px}.page-subtitle{color:#64748b;font-size:16px}.tab-navigation{background:#fff;border-radius:12px;padding:8px;margin-bottom:24px;display:flex;gap:4px;border:1px solid #e5e7eb}.tab-btn{padding:12px 20px;background:none;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .3s ease;position:relative}.tab-btn.active{background:#3b82f6;color:#fff}.stats-container{display:flex;gap:24px;margin-bottom:32px}.stat-circle{background:#fff;border-radius:12px;padding:24px;text-align:center;border:1px solid #e5e7eb;min-width:160px}.circle-chart{width:80px;height:80px;margin:0 auto 16px;position:relative}.circle-bg{width:80px;height:80px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;position:relative}.circle-progress{position:absolute;top:-4px;left:-4px;width:88px;height:88px;border-radius:50%;background:conic-gradient(from 0deg,#3b82f6 0deg 250deg,#e5e7eb 250deg)}.circle-progress.interviews{background:conic-gradient(from 0deg,#10b981 0deg 180deg,#e5e7eb 180deg)}.circle-progress.forwarding{background:conic-gradient(from 0deg,#8b5cf6 0deg 120deg,#e5e7eb 120deg)}.circle-value{font-size:24px;font-weight:700;color:#1e293b;z-index:1;position:relative}.circle-label{font-size:12px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.chart-section{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb;margin-bottom:24px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.chart-title{font-size:18px;font-weight:600;color:#1e293b}.chart-filters{display:flex;gap:12px}.filter-btn{padding:6px 12px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;color:#64748b;cursor:pointer;transition:all .3s ease}.filter-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.chart-container{height:240px;display:flex;align-items:end;justify-content:space-between;padding:20px 0;border-bottom:1px solid #e5e7eb;margin-bottom:16px}.chart-bar{background:#3b82f6;border-radius:4px 4px 0 0;width:32px;min-height:20px;position:relative;transition:all .3s ease;cursor:pointer}.chart-bar:hover{background:#2563eb;transform:translateY(-2px)}.chart-labels{display:flex;justify-content:space-between;font-size:12px;color:#64748b}.action-buttons{display:flex;gap:12px;margin-top:24px}.btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:#3b82f6;color:#fff;border:1px solid #3b82f6}.btn-primary:hover{background:#2563eb;border-color:#2563eb}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.user-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 0;min-width:200px;box-shadow:0 10px 25px #0000001a;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000}.user-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#374151;text-decoration:none;font-size:14px;transition:background .3s ease;cursor:pointer}.dropdown-item:hover{background:#f3f4f6}.dropdown-divider{height:1px;background:#e5e7eb;margin:8px 0}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:#fef2f2}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffe6;display:none;align-items:center;justify-content:center;z-index:2000}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.toast{position:fixed;top:20px;right:20px;background:#fff;border:1px solid #e5e7eb;border-left:4px solid #3b82f6;border-radius:8px;padding:16px 20px;box-shadow:0 10px 25px #0000001a;z-index:1000;transform:translate(400px);transition:transform .3s ease}.toast.show{transform:translate(0)}@media (max-width: 1024px){.dashboard-sidebar{width:200px}.stats-container{flex-wrap:wrap}.dashboard-main-content{padding:24px;width:100%;margin-left:0}}@media (max-width: 768px){.dashboard-main-container{flex-direction:column}.dashboard-sidebar{position:fixed;top:73px;left:-100%;width:280px;height:calc(100vh - 73px);background:#fff;border-right:1px solid #e5e7eb;z-index:1000;transition:left .3s ease;overflow-y:auto;box-shadow:2px 0 10px #0000001a}.dashboard-sidebar.show{left:0}.dashboard-sidebar.collapsed{left:-100%}.dashboard-sidebar.collapsed.show{left:0}.nav-section{margin-bottom:16px;padding:0 16px}.nav-title{font-size:14px;font-weight:600;color:#374151;margin-bottom:8px;padding:8px 0;display:block!important}.nav-link{padding:12px 16px;border-radius:8px;margin-bottom:4px;justify-content:flex-start!important}.nav-text{display:block!important}.nav-icon{margin-right:12px!important}.header-content{padding:0 12px 0 4px}.header-left,.sidebar-toggle-btn{margin-left:0}.search-bar{margin:0 16px}.stats-container{flex-direction:column}.dashboard-main-content{padding:16px;margin-left:0;width:100%}.dashboard-main-content.sidebar-collapsed{margin-left:0;width:100%}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.show{opacity:1;visibility:visible}}.members-section{padding:24px}.members-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.stat-change{font-size:12px;font-weight:600}.change-up{color:#10b981}.change-down{color:#ef4444}.members-filters{background:#fff;border-radius:12px;padding:20px;border:1px solid #e5e7eb;margin-bottom:24px;display:flex;gap:20px;align-items:center}.search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280}.search-box .search-input{width:100%;padding:12px 16px 12px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#f9fafb;transition:all .3s ease}.search-box .search-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.members-table-container{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;margin-bottom:24px}.members-table{width:100%;border-collapse:collapse}.members-table th{background:#f8fafc;padding:16px;text-align:left;font-size:14px;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.members-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease}.members-table th.sortable:hover{background:#f1f5f9}.sort-icon{margin-left:8px;opacity:.5;transition:all .3s ease}.sort-icon.active{opacity:1;color:#3b82f6}.members-table td{padding:16px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#374151}.member-row:hover{background:#f8fafc}.member-info{display:flex;align-items:center;gap:12px}.member-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#60a5fa);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.member-details{display:flex;flex-direction:column}.member-name{font-weight:600;color:#1e293b;margin-bottom:2px}.member-id{font-size:12px;color:#64748b}.membership-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.badge-basic{background:#f3f4f6;color:#374151}.badge-premium{background:#dbeafe;color:#1e40af}.badge-vip{background:#ede9fe;color:#7c3aed}.status-inactive{background:#fef3c7;color:#92400e}.actions{display:flex;gap:8px}.action-btn{padding:8px;border:none;border-radius:6px;background:#f3f4f6;color:#374151;cursor:pointer;transition:all .3s ease;font-size:16px}.action-btn.danger:hover{background:#fee2e2;color:#dc2626}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px}.pagination-btn{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;cursor:pointer;transition:all .3s ease;font-size:14px}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:14px;color:#64748b}@media (max-width: 768px){.section-header{flex-direction:column;gap:16px}.header-actions{width:100%;justify-content:stretch}.members-filters{flex-direction:column;gap:16px}.filter-group{width:100%;flex-direction:column}.members-table-container{overflow-x:auto}.members-table{min-width:800px}}.bookings-section{padding:24px}.bookings-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.view-toggle{display:flex;gap:8px;margin-bottom:24px;background:#fff;border-radius:12px;padding:8px;border:1px solid #e5e7eb;width:fit-content}.toggle-btn{padding:12px 20px;border:none;border-radius:8px;background:none;color:#6b7280;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.bookings-filters{background:#fff;border-radius:12px;padding:20px;border:1px solid #e5e7eb;margin-bottom:24px;display:flex;gap:20px;align-items:center}.filter-input{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:all .3s ease}.filter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.bookings-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.booking-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;transition:all .3s ease}.booking-card.booking-confirmed{border-left:4px solid #10b981}.booking-card.booking-pending{border-left:4px solid #f59e0b}.booking-card.booking-cancelled{border-left:4px solid #ef4444}.booking-card.booking-completed{border-left:4px solid #6b7280}.booking-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.booking-content{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;gap:20px}.booking-info{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.booking-actions{display:flex;gap:8px;flex-shrink:0}.bookings-calendar{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;margin-bottom:24px}.calendar-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.calendar-nav{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;cursor:pointer;transition:all .3s ease;font-size:18px}.calendar-nav:hover{background:#f3f4f6;border-color:#9ca3af}.calendar-title{font-size:18px;font-weight:600;color:#1e293b;margin:0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#e5e7eb}.calendar-day{background:#fff;min-height:120px;padding:8px;position:relative;transition:all .3s ease}.calendar-day:hover{background:#f8fafc}.calendar-day.other-month{background:#f9fafb;color:#9ca3af}.calendar-day.today{background:#eff6ff}.calendar-day.today .day-number{background:#3b82f6;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-weight:600}.day-number{font-weight:600;color:#1e293b;margin-bottom:4px}.day-bookings{display:flex;flex-direction:column;gap:2px}.booking-indicator{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}.booking-indicator:hover{transform:scale(1.05)}.indicator-confirmed{background:#dcfce7;color:#166534}.indicator-pending{background:#fef3c7;color:#92400e}.indicator-cancelled{background:#fee2e2;color:#991b1b}.indicator-completed{background:#f3f4f6;color:#374151}@media (max-width: 768px){.bookings-filters{flex-direction:column;gap:16px}.filter-group{width:100%;flex-direction:column}.booking-content{flex-direction:column;gap:16px}.booking-info{grid-template-columns:1fr}.calendar-grid{font-size:12px}.calendar-day{min-height:80px;padding:4px}.booking-indicator{font-size:8px;padding:1px 4px}}.courts-section{padding:24px}.courts-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.courts-filters{background:#fff;border-radius:12px;padding:20px;border:1px solid #e5e7eb;margin-bottom:24px;display:flex;gap:20px;align-items:center}.courts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-bottom:24px}.court-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;transition:all .3s ease}.court-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000026}.court-card.court-available{border-left:4px solid #10b981}.court-card.court-occupied{border-left:4px solid #3b82f6}.court-card.court-maintenance{border-left:4px solid #f59e0b}.court-card.court-reserved{border-left:4px solid #8b5cf6}.court-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.court-type{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.court-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status-available{background:#dcfce7;color:#166534}.status-occupied{background:#dbeafe;color:#1e40af}.status-maintenance{background:#fef3c7;color:#92400e}.status-reserved{background:#ede9fe;color:#7c3aed}.court-image{height:120px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center}.court-placeholder{font-size:48px;opacity:.5}.court-info{padding:20px}.court-name{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 8px}.court-location{color:#64748b;font-size:14px;margin:0 0 16px}.court-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.detail-item{display:flex;align-items:center;gap:8px}.detail-label{font-weight:600;color:#64748b;font-size:12px;min-width:60px}.detail-value{color:#1e293b;font-size:12px;font-weight:600}.court-amenities{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.amenity{padding:2px 8px;background:#f1f5f9;border-radius:12px;font-size:10px;color:#64748b;font-weight:500}.amenity-more{padding:2px 8px;background:#e2e8f0;border-radius:12px;font-size:10px;color:#374151;font-weight:600}.court-actions{display:flex;gap:8px;padding:0 20px 20px}.courts-list{margin-bottom:24px}.courts-table-container{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.courts-table{width:100%;border-collapse:collapse}.courts-table th{background:#f8fafc;padding:16px;text-align:left;font-size:14px;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.courts-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease}.courts-table th.sortable:hover{background:#f1f5f9}.courts-table td{padding:16px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#374151}.court-row:hover{background:#f8fafc}.court-info{display:flex;align-items:center;gap:12px}.court-type-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff}.court-details{display:flex;flex-direction:column}.court-name{font-weight:600;color:#1e293b;margin-bottom:2px}.court-location{font-size:12px;color:#64748b}.type-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.type-tennis{background:#dcfce7;color:#166534}.type-football{background:#dbeafe;color:#1e40af}.type-basketball{background:#fef3c7;color:#92400e}.type-volleyball{background:#ede9fe;color:#7c3aed}.type-padel{background:#fee2e2;color:#991b1b}@media (max-width: 768px){.courts-filters{flex-direction:column;gap:16px}.filter-group{width:100%;flex-direction:column}.courts-grid,.court-details{grid-template-columns:1fr}.courts-table-container{overflow-x:auto}.courts-table{min-width:800px}}.users-section{padding:24px;background:#f8fafc;min-height:100vh;width:100%!important;max-width:none!important;overflow-x:auto;box-sizing:border-box}.header-info{flex:1}.section-title{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 8px}.section-subtitle{font-size:16px;color:#64748b;margin:0}.header-actions{display:flex;gap:12px;align-items:center}.btn-success{background-color:#10b981;color:#fff}.btn-success:hover:not(:disabled){background-color:#059669}.user-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.user-filters{background:#fff;border-radius:16px;padding:24px;border:1px solid #e5e7eb;margin-bottom:24px;display:flex;gap:20px;align-items:center;box-shadow:0 1px 3px #0000001a}.filter-group{display:flex;gap:16px}.filter-select{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#f9fafb;color:#374151;min-width:160px;transition:all .3s ease}.filter-select:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.users-table-wrapper{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:visible!important;box-shadow:0 1px 3px #0000001a;width:100%!important;max-width:none!important;box-sizing:border-box}.table-header{padding:24px 24px 16px;border-bottom:1px solid #f1f5f9;background:#f8fafc;display:block;width:100%}.table-title-container{display:block;width:100%}.table-title{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 8px!important;display:block!important;width:100%!important;clear:both!important;float:none!important}.table-description{font-size:14px;color:#64748b;margin:0!important;display:block!important;width:100%!important;clear:both!important;float:none!important}.users-table-container{position:relative}.table-scroll-container{overflow-x:auto!important;overflow-y:visible;max-height:70vh;width:100%!important;min-width:100%!important;max-width:none!important;box-sizing:border-box}.users-table{width:100%!important;border-collapse:collapse;min-width:1400px!important;max-width:none!important;table-layout:auto}.users-table th{background:#f8fafc;padding:16px 12px;text-align:left;font-size:13px;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap;position:sticky;top:0;z-index:10}.users-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease}.users-table th.sortable:hover{background:#f1f5f9}.users-table td{padding:16px 12px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#374151;vertical-align:middle}.user-row:hover{background:#f8fafc}.user-info{display:flex;align-items:center;gap:12px;min-width:200px}.user-avatar{width:40px;height:40px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.user-details{flex:1;min-width:0}.user-name{font-weight:600;color:#1e293b;margin-bottom:2px}.user-id{font-size:12px;color:#64748b}.action-buttons{display:flex;gap:8px;align-items:center}.action-btn{width:32px;height:32px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.action-btn.view{background:#e0f2fe;color:#0277bd}.action-btn.view:hover{background:#b3e5fc}.action-btn.edit{background:#fff3e0;color:#f57c00}.action-btn.edit:hover{background:#ffe0b2}.action-btn.delete{background:#ffebee;color:#d32f2f}.action-btn.delete:hover{background:#ffcdd2}.document-type-badge{background:#f3f4f6;color:#374151;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.role-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.role-root{background:#fef2f2;color:#dc2626}.role-administrator{background:#f3e8ff;color:#7c3aed}.role-operator{background:#ecfdf5;color:#059669}.membership-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.badge-basic{background:#dbeafe;color:#1d4ed8}.badge-premium{background:#fef3c7;color:#d97706}.badge-vip{background:#fce7f3;color:#be185d}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status-active{background:#d1fae5;color:#065f46}.status-suspended{background:#fee2e2;color:#991b1b}.user-column,.email-column{min-width:200px}.phone-column,.document-column,.doc-type-column,.position-column,.role-column,.membership-column,.status-column{min-width:120px}.last-action-column,.actions-column{min-width:140px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:#64748b}.empty-state p{color:#64748b;margin:0 0 24px}@media (max-width: 768px){.users-section{padding:16px}.section-header{flex-direction:column;gap:16px;align-items:stretch}.header-actions{justify-content:flex-start;flex-wrap:wrap}.user-stats{grid-template-columns:1fr}.user-filters{flex-direction:column;align-items:stretch}.filter-group{flex-direction:column}.table-scroll-container{max-height:60vh;overflow-x:auto}.users-table{min-width:1200px}.users-section{padding:16px;overflow-x:auto}}.section-placeholder{padding:60px 24px;display:flex;align-items:center;justify-content:center;min-height:400px}.placeholder-content h2{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 12px}.placeholder-content .btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.placeholder-content .btn-primary{background:#3b82f6;color:#fff;border:1px solid #3b82f6}.placeholder-content .btn-primary:hover{background:#2563eb;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.rates-main-section{padding:24px;background:#f8fafc;min-height:calc(100vh - 73px);margin-left:240px;transition:margin-left .3s ease}.dashboard-sidebar.collapsed+.dashboard-main-container .rates-main-section{margin-left:60px}.rates-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;background:#fff;padding:24px;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.main-title{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 8px}.main-subtitle{font-size:16px;color:#64748b;margin:0}.view-toggle{display:flex;gap:8px;background:#f8fafc;border-radius:12px;padding:8px;border:1px solid #e5e7eb}.toggle-btn{padding:12px 20px;border:none;border-radius:8px;background:none;color:#6b7280;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.toggle-btn.active{background:#3b82f6;color:#fff}.toggle-btn:not(.active):hover{background:#f3f4f6;color:#374151}.toggle-icon{font-size:16px}.rates-content{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000001a}.rates-section{padding:24px}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.section-title{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 8px}.section-subtitle{color:#64748b;font-size:16px;margin:0}.btn-icon{margin-right:8px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb;display:flex;align-items:center;gap:16px;transition:all .3s ease}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.stat-value{font-size:28px;font-weight:700;color:#1e293b;margin-bottom:4px}.stat-label{font-size:14px;color:#64748b;margin-bottom:4px}.filters-section{background:#fff;border-radius:12px;padding:20px;border:1px solid #e5e7eb;margin-bottom:24px;display:flex;gap:20px;align-items:center}.search-box{flex:1;position:relative}.search-input{width:100%;padding:12px 16px 12px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#f9fafb;transition:all .3s ease}.search-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.filters{display:flex;gap:12px}.filter-select{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:all .3s ease}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.table-wrapper{position:relative}.rates-table{width:100%;border-collapse:collapse}.rates-table th{background:#f8fafc;padding:16px;text-align:left;font-size:14px;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.rates-table td{padding:16px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#374151}.rate-row:hover{background:#f8fafc}.rate-name{font-weight:600;color:#1e293b}.day-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.rate-price{font-weight:600;color:#059669}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status-active{background:#dcfce7;color:#166534}.rate-date{color:#64748b;font-size:13px}.action-buttons{display:flex;gap:8px}.btn-icon{width:32px;height:32px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.btn-edit{background:#fff3e0;color:#f57c00}.btn-edit:hover{background:#ffe0b2}.btn-toggle{background:#e0f2fe;color:#0277bd}.btn-toggle:hover{background:#b3e5fc}.btn-delete{background:#ffebee;color:#d32f2f}.btn-delete:hover{background:#ffcdd2}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.rate-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-input,.form-select{padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s}.form-input:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-error{color:#dc2626;font-size:12px;margin-top:4px}.input-group{display:flex;align-items:center}.input-prefix{padding:12px 0 12px 12px;border:1px solid #d1d5db;border-right:none;border-radius:8px 0 0 8px;background:#f9fafb;color:#6b7280;font-weight:500}.input-group .form-input{border-radius:0 8px 8px 0;border-left:none}.rates-weekly-view{padding:24px}.weekly-header{margin-bottom:32px;text-align:center}.weekly-title{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 8px}.weekly-subtitle{color:#64748b;font-size:16px;margin:0}.weekly-layout{display:grid;grid-template-columns:1fr 2fr 1fr;gap:24px;min-height:600px}.days-column{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden}.days-header{padding:20px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.days-title{font-size:18px;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.calendar-icon{font-size:20px}.days-list{padding:16px 0}.day-item{padding:16px 20px;cursor:pointer;transition:all .3s ease;border-left:4px solid transparent}.day-item:hover{background:#f8fafc}.day-item.active{background:#eff6ff;border-left-color:#3b82f6}.day-item.pending{background:#fef3c7;border-left-color:#f59e0b}.day-item.not-configured{background:#f3f4f6;border-left-color:#d1d5db}.day-content{display:flex;justify-content:space-between;align-items:center}.day-status{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.status-current{background:#dbeafe;color:#1e40af}.status-not-configured{background:#f3f4f6;color:#6b7280}.config-column{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden}.config-header{padding:20px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.config-title{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 4px}.config-subtitle{color:#64748b;font-size:14px;margin:0}.day-config-form{padding:20px}.form-section{margin-bottom:24px}.section-label{font-weight:600;color:#374151;font-size:14px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.label-icon{font-size:16px}.time-slot-item{background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:16px;border:1px solid #e5e7eb}.slot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.slot-number{font-weight:600;color:#1e293b;font-size:14px}.remove-slot-btn{width:24px;height:24px;border:none;background:#fee2e2;color:#dc2626;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s ease}.remove-slot-btn:hover:not(:disabled){background:#fecaca}.remove-slot-btn:disabled{opacity:.5;cursor:not-allowed}.slot-inputs{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:end}.time-input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-weight:500;color:#374151;font-size:12px}.time-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s}.time-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.time-separator,.price-separator{color:#6b7280;font-weight:500;font-size:14px;align-self:end;padding-bottom:8px}.price-input-group{display:flex;flex-direction:column;gap:6px}.price-input-wrapper{display:flex;align-items:center}.currency-symbol{padding:8px 0 8px 12px;border:1px solid #d1d5db;border-right:none;border-radius:6px 0 0 6px;background:#f9fafb;color:#6b7280;font-weight:500}.price-input{padding:8px 12px;border:1px solid #d1d5db;border-left:none;border-radius:0 6px 6px 0;font-size:14px;transition:border-color .2s}.price-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.add-slot-btn{width:100%;padding:12px;border:2px dashed #d1d5db;border-radius:8px;background:none;color:#6b7280;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500}.add-slot-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.add-icon{font-size:16px}.form-navigation{display:flex;justify-content:space-between;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.nav-btn{padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:8px}.prev-btn{background:#f3f4f6;color:#374151}.prev-btn:hover:not(:disabled){background:#e5e7eb}.save-btn{background:#3b82f6;color:#fff}.save-btn:hover:not(:disabled){background:#2563eb}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.nav-icon{font-size:16px}.summary-column{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden}.summary-header{padding:20px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.summary-title{font-size:18px;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.summary-icon{font-size:20px}.summary-content{padding:16px 0}.summary-day{padding:16px 20px;border-bottom:1px solid #f1f5f9;transition:all .3s ease}.summary-day.highlighted{background:#f0f9ff;border-left:4px solid #3b82f6}.summary-day-header{margin-bottom:8px}.summary-day-name{font-weight:600;color:#1e293b;font-size:14px}.summary-day-content{margin-bottom:8px}.summary-rate-group{font-weight:500;color:#374151;font-size:13px;margin-bottom:8px}.summary-time-slots{display:flex;flex-direction:column;gap:4px}.summary-slot{display:flex;justify-content:space-between;align-items:center;font-size:12px}.slot-time{color:#64748b;font-family:Courier New,monospace}.slot-price{font-weight:600;color:#059669}.no-rates{color:#9ca3af;font-size:12px;font-style:italic}.summary-actions{padding:20px;border-top:1px solid #e5e7eb}.save-all-btn{width:100%;padding:12px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.save-all-btn:hover:not(:disabled){background:#059669}.save-all-btn:disabled{opacity:.5;cursor:not-allowed}.save-icon{font-size:16px}.save-hint{font-size:12px;color:#9ca3af;text-align:center;margin:8px 0 0}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin:16px 0}.error-content{display:flex;align-items:center;gap:8px}.error-icon{font-size:16px}.error-text{color:#dc2626;font-size:14px;font-weight:500}.error-close{background:none;border:none;color:#dc2626;cursor:pointer;font-size:16px;margin-left:auto}@media (max-width: 1024px){.weekly-layout{grid-template-columns:1fr;gap:16px}.slot-inputs{grid-template-columns:1fr;gap:8px}.time-separator,.price-separator{display:none}}@media (max-width: 768px){.rates-main-section{padding:16px;margin-left:0}.rates-header{flex-direction:column;gap:16px;align-items:stretch}.view-toggle{width:100%;justify-content:stretch}.toggle-btn{flex:1;justify-content:center}.rates-section{padding:16px}.section-header{flex-direction:column;gap:16px;align-items:stretch}.header-actions{width:100%;justify-content:stretch}.stats-grid{grid-template-columns:1fr}.filters-section{flex-direction:column;gap:16px}.filters{width:100%;flex-direction:column}.rates-weekly-view{padding:16px}.weekly-layout{grid-template-columns:1fr}.form-navigation{flex-direction:column;gap:12px}.nav-btn{width:100%;justify-content:center}}.courts-section{padding:24px;background:#f8fafc;min-height:calc(100vh - 73px)}.management-tabs{background:#fff;border-radius:12px;padding:8px;margin-bottom:24px;display:flex;gap:4px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.tab-btn{padding:12px 20px;background:#f8fafc;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.tab-btn.active{background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff;box-shadow:0 2px 4px #3b82f633}.tab-btn:not(.active):hover{background:#f3f4f6;color:#374151}.tab-icon{font-size:16px}.tab-content{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000001a}.tab-placeholder{padding:60px 24px;display:flex;align-items:center;justify-content:center;min-height:400px}.placeholder-content{text-align:center;max-width:400px}.placeholder-icon{font-size:64px;margin-bottom:24px;opacity:.6}.placeholder-content h3{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 12px}.placeholder-content p{color:#64748b;font-size:16px;margin:0 0 32px;line-height:1.5}.categoria-list-container{padding:24px}.list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.header-content{flex:1}.list-title{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 8px}.list-subtitle{color:#64748b;font-size:16px;margin:0}.header-actions{display:flex;gap:12px}.filters-section{display:flex;gap:16px;margin-bottom:24px;align-items:center}.search-box{position:relative;flex:1;max-width:300px}.search-input{width:100%;padding:12px 16px 12px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280}.filter-group{display:flex;gap:12px}.filter-select{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:14px}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px;margin-bottom:24px}.categoria-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;transition:all .3s ease;display:flex;align-items:center;padding:16px;gap:16px;box-shadow:0 1px 3px #0000001a}.categoria-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.categoria-card.categoria-active{border-left:4px solid #10b981}.categoria-card.categoria-inactive{border-left:4px solid #6b7280}.categoria-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px}.category-icon{font-size:24px}.categoria-content{flex:1}.categoria-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.categoria-name{font-size:18px;font-weight:700;color:#1e293b;margin:0}.status-active{background:#14b8a6;color:#fff}.status-inactive{background:#f3f4f6;color:#6b7280}.categoria-details{display:flex;flex-direction:column;gap:4px}.detail-item{display:flex;align-items:center;gap:6px}.detail-icon{font-size:14px;color:#6b7280}.detail-text{color:#6b7280;font-size:13px}.categoria-actions{display:flex;gap:8px}.action-btn{width:32px;height:32px;border-radius:50%;border:1px solid #e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease;background:#fff}.item-list-container{padding:24px}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:24px}.item-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.item-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.item-image{width:100%;height:200px;background:#f8fafc;display:flex;align-items:center;justify-content:center;position:relative}.item-image img{width:100%;height:100%;object-fit:cover}.image-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#6b7280}.placeholder-icon{font-size:32px;color:#d1d5db}.placeholder-text{font-size:14px;color:#9ca3af}.item-content{padding:16px}.item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.item-title-section{display:flex;align-items:center;gap:8px;flex:1}.item-icon{font-size:20px}.item-name{font-size:16px;font-weight:600;color:#1e293b;margin:0}.item-actions{display:flex;gap:6px}.action-btn{width:28px;height:28px;border-radius:50%;border:1px solid #e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s ease;background:#fff}.view-btn{color:#6b7280}.view-btn:hover{background:#f3f4f6;border-color:#6b7280}.edit-btn{color:#f59e0b}.edit-btn:hover{background:#fef3c7;border-color:#f59e0b}.toggle-btn{color:#6b7280}.toggle-btn:hover{background:#f3f4f6;border-color:#6b7280}.delete-btn{color:#ef4444}.delete-btn:hover{background:#fee2e2;border-color:#ef4444}.item-details{margin-bottom:12px}.detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.category-tag{background:#8b5cf6;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.rates-text{color:#f59e0b;font-size:13px;font-weight:500}.creation-date{color:#6b7280;font-size:13px}.item-status{display:flex;justify-content:flex-end}.status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-active{background:#10b981;color:#fff}.status-inactive{background:#ef4444;color:#fff}.categoria-form-container,.item-form-container{padding:24px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.modal-title{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s}.modal-close:hover{background-color:#f3f4f6;color:#374151}.categoria-form,.item-form{display:flex;flex-direction:column;gap:20px}.form-label{font-weight:500;color:#374151;font-size:14px}.form-input,.form-select,.form-textarea{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:80px}.form-hint{font-size:12px;color:#6b7280}.toggle-switch{display:flex;align-items:center;gap:12px}.toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer}.toggle-text{font-size:14px;font-weight:500;color:#374151}.toggle-slider{width:44px;height:24px;background:#d1d5db;border-radius:12px;position:relative;transition:background-color .2s}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}input[type=checkbox]:checked+.toggle-label .toggle-slider{background:#3b82f6}input[type=checkbox]:checked+.toggle-label .toggle-slider:before{transform:translate(20px)}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.image-preview{position:relative;margin-bottom:16px}.preview-image{width:100%;height:200px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb}.remove-image-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border:none;background:#000000b3;color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s}.remove-image-btn:hover{background:#000000e6}.upload-area{border:2px dashed #d1d5db;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#f9fafb}.upload-area:hover,.upload-area.uploading{border-color:#3b82f6;background:#eff6ff}.upload-content{display:flex;flex-direction:column;align-items:center;gap:8px}.upload-icon{font-size:48px;color:#6b7280}.upload-text{font-size:16px;font-weight:500;color:#374151;margin:0}.upload-hint{font-size:14px;color:#6b7280;margin:0}.upload-progress{width:100%;height:4px;background:#e5e7eb;border-radius:2px;margin-top:16px;overflow:hidden}.progress-bar{height:100%;background:#3b82f6;border-radius:2px;transition:width .3s ease}.tarifas-selection{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#f9fafb}.selected-tarifas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.selected-count{font-size:14px;font-weight:600;color:#374151}.tarifas-list{display:flex;flex-direction:column;gap:8px}.tarifa-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.tarifa-name{font-weight:600;color:#1e293b;font-size:14px}.tarifa-details{color:#64748b;font-size:12px}.tarifa-price{font-weight:600;color:#059669;font-size:14px}.no-tarifas{text-align:center;padding:20px}.no-tarifas-text{color:#6b7280;font-size:14px;margin:0 0 16px}.tarifa-modal-overlay{background-color:#0009}.tarifa-modal{max-width:1000px;width:95%;max-height:90vh}.modal-body{max-height:60vh;overflow-y:auto}.selected-info{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#eff6ff;border-radius:8px;margin-bottom:16px}.tarifas-table-container{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.tarifas-table{width:100%;border-collapse:collapse}.tarifas-table th{background:#f8fafc;padding:12px;text-align:left;font-size:14px;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.tarifas-table td{padding:12px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#374151}.tarifa-row:hover{background:#f8fafc}.tarifa-row.selected{background:#eff6ff}.checkbox-column{width:40px;text-align:center}.day-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;background:#e5e7eb;color:#374151}.day-monday{background:#fef3c7;color:#92400e}.day-tuesday{background:#dbeafe;color:#1e40af}.day-wednesday{background:#dcfce7;color:#166534}.day-thursday{background:#ede9fe;color:#7c3aed}.day-friday{background:#fee2e2;color:#991b1b}.day-saturday{background:#f3e8ff;color:#7c3aed}.day-sunday{background:#fef3c7;color:#92400e}.day-holiday{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.time-slot{font-family:Courier New,monospace;font-weight:500;color:#374151}.tarifa-price{font-weight:600;color:#059669}.status-disabled{background:#f3f4f6;color:#6b7280}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.btn-sm{padding:8px 16px;font-size:12px}.empty-title{font-size:20px;font-weight:600;color:#374151;margin:0 0 8px}.empty-description{color:#64748b;margin:0 0 24px}.empty-hint{padding:16px;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin-top:16px}.empty-hint p{color:#92400e;margin:0;font-size:14px}.conflict-message-fixed{position:sticky;top:0;z-index:10;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0 16px 16px;box-shadow:0 4px 6px -1px #0000001a}.conflict-content{display:flex;align-items:flex-start;padding:12px 16px;gap:12px}.conflict-icon{font-size:18px;color:#dc2626;flex-shrink:0;margin-top:2px}.conflict-text{flex:1;margin:0;font-size:14px;color:#dc2626;font-weight:500;line-height:1.4}.conflict-close{background:none;border:none;color:#dc2626;font-size:16px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease;flex-shrink:0}.conflict-close:hover{background:#dc26261a}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:24px}.error-content{display:flex;align-items:center;gap:12px}.error-icon{font-size:20px}.error-text{flex:1;color:#991b1b}.error-close{background:none;border:none;color:#991b1b;cursor:pointer;font-size:18px}@media (max-width: 768px){.courts-section{padding:16px}.section-header{flex-direction:column;gap:16px;align-items:stretch}.header-actions{width:100%;justify-content:stretch}.management-tabs{flex-direction:column}.tab-btn{justify-content:flex-start}.stats-grid{grid-template-columns:1fr}.filters-section{flex-direction:column;gap:16px}.filter-group{width:100%;flex-direction:column}.categories-grid,.items-grid{grid-template-columns:1fr}.category-filter{flex-direction:column;align-items:stretch}.filter-label{min-width:auto}.tarifas-table-container{overflow-x:auto}.tarifas-table{min-width:600px}.modal-content{margin:10px;width:calc(100% - 20px)}.form-actions,.modal-actions{flex-direction:column}}.bookings-items-section{padding:24px;background:#f8fafc;min-height:calc(100vh - 73px)}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;background:#fff;padding:24px;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.section-header h2{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 8px}.section-header p{color:#64748b;font-size:16px;margin:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:#64748b}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.error-icon{font-size:48px;margin-bottom:16px;color:#ef4444}.error-state p{color:#64748b;margin:0 0 24px}.retry-btn{padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.retry-btn:hover{background:#2563eb}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:20px;font-weight:600;color:#374151;margin:0 0 8px}.empty-state p{color:#64748b;margin:0}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-bottom:24px}.items-horizontal-container{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.item-horizontal-card{display:flex;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s ease;cursor:pointer;box-shadow:0 1px 3px #0000001a}.item-horizontal-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.item-horizontal-image{flex-shrink:0;width:80px;height:80px;margin-right:20px}.item-horizontal-img{width:100%;height:100%;object-fit:cover;border-radius:8px}.no-image-horizontal{width:100%;height:100%;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;border:2px dashed #cbd5e1}.no-image-horizontal .no-image-icon{font-size:24px;color:#64748b}.item-horizontal-content{flex:1;display:flex;flex-direction:column;gap:8px}.item-horizontal-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.item-horizontal-name{font-size:18px;font-weight:600;color:#1e293b;margin:0}.item-horizontal-category{background:#e0f2fe;color:#0369a1;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.item-horizontal-details{display:flex;align-items:center;gap:16px}.item-horizontal-rates{display:flex;align-items:center;gap:8px}.item-horizontal-rates .rates-count{background:#f0f9ff;color:#0c4a6e;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.item-horizontal-actions{display:flex;gap:12px;flex-shrink:0}.action-btn-horizontal{padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.rates-btn-horizontal{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.rates-btn-horizontal:hover:not(:disabled){background:#e2e8f0;color:#334155}.booking-btn-horizontal{background:#3b82f6;color:#fff}.booking-btn-horizontal:hover:not(:disabled){background:#2563eb}.action-btn-horizontal:disabled{opacity:.5;cursor:not-allowed}.item-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;transition:all .3s ease;cursor:pointer}.item-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000026}.item-card.item-active{border-left:4px solid #10b981}.item-card.item-inactive{border-left:4px solid #6b7280}.item-image{height:200px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.item-img{width:100%;height:100%;object-fit:cover}.no-image{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af}.no-image-icon{font-size:48px;margin-bottom:8px}.item-content{padding:20px}.item-name{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 12px}.item-category{display:flex;align-items:center;gap:8px;margin-bottom:8px}.category-label{font-weight:600;color:#64748b;font-size:12px}.category-value{color:#1e293b;font-size:12px}.item-rates{margin-bottom:16px}.rates-count{color:#059669;font-size:14px;font-weight:600}.item-actions{display:flex;gap:8px;padding:0 20px 20px}.action-btn{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.rates-btn{background:#e0f2fe;color:#0277bd}.rates-btn:hover:not(:disabled){background:#b3e5fc}.booking-btn{background:#3b82f6;color:#fff}.booking-btn:hover:not(:disabled){background:#2563eb}.action-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box}.modal-container{background:#fff;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-sizing:border-box}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:24px 24px 0}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s}.close-btn:hover{background-color:#f3f4f6;color:#374151}.modal-content{padding:0 24px 24px}.item-info{margin-bottom:24px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.item-info h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#1e293b}.item-category{color:#64748b;font-size:14px;margin:0}.booking-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;color:#374151;font-size:14px}.form-input{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.loading-hours{padding:20px;text-align:center;color:#64748b;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.no-hours{padding:20px;text-align:center;color:#64748b;background:#fef3c7;border-radius:8px;border:1px solid #f59e0b}.time-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.time-slot-btn{padding:16px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;text-align:center}.time-slot-btn:hover:not(:disabled){border-color:#3b82f6;background:#eff6ff}.time-slot-btn.selected{border-color:#3b82f6;background:#3b82f6;color:#fff}.time-slot-btn.unavailable{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.time-slot-btn:disabled{opacity:.5;cursor:not-allowed}.slot-time{font-weight:600;font-size:14px;margin-bottom:4px}.slot-price{font-size:12px;opacity:.8}.booking-summary{background:#f8fafc;border-radius:8px;padding:20px;border:1px solid #e5e7eb}.booking-summary h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#1e293b}.summary-details{display:flex;flex-direction:column;gap:8px}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.summary-row span:first-child{color:#64748b;font-weight:500}.summary-row span:last-child{color:#1e293b;font-weight:600}.summary-row.total{padding-top:8px;border-top:1px solid #e5e7eb;font-size:16px}.summary-row.total span:last-child{color:#059669}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding:24px;border-top:1px solid #e5e7eb}.btn{padding:12px 24px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:8px}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#4b5563}.btn:disabled{opacity:.5;cursor:not-allowed}.rates-content{padding:0 24px 24px}.rates-table{width:100%;max-width:500px;margin:0 auto 24px;border-collapse:collapse}.table-header{display:flex;background:#f8fafc;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0}.header-cell{flex:1;padding:16px;font-weight:600;color:#374151;font-size:14px;text-align:center}.table-row{display:flex;border-bottom:1px solid #f1f5f9}.table-row:hover{background:#f8fafc}.cell{flex:1;padding:16px;font-size:14px;color:#374151;text-align:center}.day-cell{display:flex;align-items:center;justify-content:center}.day-name{font-weight:600;color:#1e293b}.time-cell{display:flex;align-items:center;justify-content:center}.time-range{font-family:Courier New,monospace;font-weight:500;color:#374151}.price-cell{display:flex;align-items:center;justify-content:center}.price{font-weight:600;color:#059669}.rates-summary{background:#f8fafc;border-radius:8px;padding:20px;border:1px solid #e5e7eb;max-width:500px;margin:0 auto}.summary-stats{display:flex;flex-direction:column;gap:12px}.stat-item{display:flex;justify-content:space-between;align-items:center}.stat-label{color:#64748b;font-size:14px;font-weight:500}.stat-value{color:#1e293b;font-size:14px;font-weight:600}.no-rates{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.no-rates-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-rates h3{font-size:20px;font-weight:600;color:#374151;margin:0 0 8px}.no-rates p{color:#64748b;margin:0}.existing-bookings-section{margin-top:32px;background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000001a}.section-subheader{padding:24px 24px 0}.section-subheader h3{font-size:20px;font-weight:600;color:#1e293b;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:24px}.stat-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.stat-icon{font-size:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:8px}.stat-content{flex:1}.stat-value{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:4px}.stat-label{color:#6b7280;font-size:.875rem}.search-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.bookings-list{padding:0 24px 24px;display:flex;flex-direction:column;gap:16px}.booking-card{background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;transition:all .3s ease}.booking-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.booking-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border-bottom:1px solid #e5e7eb}.booking-id{font-weight:600;color:#1e293b;font-size:16px}.booking-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status-confirmed{background:#dcfce7;color:#166534}.status-pending{background:#fef3c7;color:#92400e}.status-cancelled{background:#fee2e2;color:#991b1b}.status-completed{background:#f3f4f6;color:#374151}.booking-info{padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.info-row{display:flex;align-items:center;gap:8px}.info-label{font-weight:600;color:#64748b;font-size:14px;min-width:80px}.info-value{color:#1e293b;font-size:14px}.booking-actions{display:flex;gap:8px;padding:0 20px 20px}.action-btn{padding:8px 16px;border:none;border-radius:6px;background:#f3f4f6;color:#374151;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.action-btn:hover{background:#e5e7eb;transform:translateY(-1px)}@media (max-width: 768px){.bookings-items-section{padding:16px}.section-header{flex-direction:column;gap:16px;align-items:stretch}.items-grid{grid-template-columns:1fr}.item-horizontal-card{flex-direction:column;align-items:stretch;text-align:center}.item-horizontal-image{width:100%;height:120px;margin-right:0;margin-bottom:16px}.item-horizontal-header{justify-content:center;margin-bottom:8px}.item-horizontal-actions{justify-content:center;flex-wrap:wrap}.time-slots-grid{grid-template-columns:1fr}.modal-container{margin:10px;width:calc(100% - 20px)}.modal-content{padding:0 16px 16px}.modal-header{padding:16px 16px 0}.modal-footer{padding:16px;flex-direction:column}.btn{width:100%;justify-content:center}.stats-grid,.booking-info{grid-template-columns:1fr}.booking-actions{flex-direction:column}}.form-section{margin-bottom:2rem}.form-section h4{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#374151;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.form-section .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-section .form-group{display:flex;flex-direction:column}.form-section .form-group label{font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.875rem}.form-section .form-group input,.form-section .form-group select{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:border-color .2s ease}.form-section .form-group input:focus,.form-section .form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-section .form-group input.readonly,.form-section .form-group select.readonly{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-section .form-group .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form-section .form-group .checkbox-label input[type=checkbox]{width:auto;margin:0}.form-section .form-group.hidden{display:none}.form-section .quick-actions{display:flex;gap:1rem;flex-wrap:wrap}.form-section .quick-actions .btn{padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:none}.form-section .quick-actions .btn.btn-success{background:#10b981;color:#fff}.form-section .quick-actions .btn.btn-success:hover{background:#059669}.form-section .quick-actions .btn.btn-warning{background:#f59e0b;color:#fff}.form-section .quick-actions .btn.btn-warning:hover{background:#d97706}.form-section .quick-actions .btn.btn-info{background:#3b82f6;color:#fff}.form-section .quick-actions .btn.btn-info:hover{background:#2563eb}.booking-summary-container{margin:2rem 0;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.booking-summary-container .summary-header{margin-bottom:1.5rem}.booking-summary-container .summary-header h3{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.booking-summary-container .summary-header .summary-subtitle{color:#64748b;font-size:.875rem;margin:0}.booking-summary-container .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.booking-summary-container .summary-card{display:flex;align-items:center;padding:1rem;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.booking-summary-container .summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.booking-summary-container .summary-card.card-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#3b82f6}.booking-summary-container .summary-card.card-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981}.booking-summary-container .summary-card.card-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:#f59e0b}.booking-summary-container .summary-card.card-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef4444}.booking-summary-container .summary-card .card-icon{font-size:2rem;margin-right:1rem;opacity:.9}.booking-summary-container .summary-card .card-content{flex:1}.booking-summary-container .summary-card .card-content .card-value{font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.booking-summary-container .summary-card .card-content .card-title{font-size:.875rem;font-weight:500;opacity:.9;margin-bottom:.25rem}.booking-summary-container .summary-card .card-content .card-percentage{font-size:.75rem;opacity:.8}.booking-summary-container .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#64748b}.booking-summary-container .loading-state .loading-spinner{width:2rem;height:2rem;border:2px solid #e2e8f0;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.booking-summary-container .loading-state p{margin:0;font-size:.875rem}.booking-summary-container .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#ef4444}.booking-summary-container .error-state .error-icon{font-size:2rem;margin-bottom:1rem}.booking-summary-container .error-state p{margin:0 0 1rem;font-size:.875rem;text-align:center}.booking-summary-container .error-state .btn{padding:.5rem 1rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.booking-summary-container .error-state .btn.btn-secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.booking-summary-container .error-state .btn.btn-secondary:hover{background:#e2e8f0}@media screen and (max-width: 768px){.dashboard-main-content{padding:8px!important;margin-left:0!important;width:100vw!important;max-width:100vw!important;overflow-x:hidden!important;box-sizing:border-box!important}.booking-summary-container{margin:8px 0!important;padding:8px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.booking-summary-container .summary-header{margin-bottom:8px!important}.booking-summary-container .summary-header h3{font-size:18px!important;margin:0 0 4px!important}.booking-summary-container .summary-header .summary-subtitle{font-size:12px!important;margin:0!important}.booking-summary-container .summary-cards{display:block!important;width:100%!important}.booking-summary-container .summary-cards .summary-card{display:block!important;width:100%!important;margin-bottom:8px!important;padding:12px!important;box-sizing:border-box!important}.booking-summary-container .summary-cards .summary-card .card-icon{display:block!important;text-align:center!important;font-size:24px!important;margin:0 0 8px!important}.booking-summary-container .summary-cards .summary-card .card-content{text-align:center!important}.booking-summary-container .summary-cards .summary-card .card-content .card-value{font-size:20px!important;margin-bottom:4px!important}.booking-summary-container .summary-cards .summary-card .card-content .card-title{font-size:12px!important;margin-bottom:2px!important}.booking-summary-container .summary-cards .summary-card .card-content .card-percentage{font-size:10px!important}}@media screen and (max-width: 480px){.dashboard-main-content{padding:4px!important}.booking-summary-container{margin:4px 0!important;padding:4px!important}.booking-summary-container .summary-header h3{font-size:16px!important}.booking-summary-container .summary-cards .summary-card{padding:8px!important;margin-bottom:6px!important}.booking-summary-container .summary-cards .summary-card .card-icon{font-size:20px!important}.booking-summary-container .summary-cards .summary-card .card-content .card-value{font-size:18px!important}}@media (max-width: 768px){.booking-summary-container{margin:1rem 0!important;padding:1rem!important}.booking-summary-container .summary-header{margin-bottom:1rem!important}.booking-summary-container .summary-header h3{font-size:1.25rem!important}.booking-summary-container .summary-header .summary-subtitle{font-size:.8rem!important}.booking-summary-container .summary-cards{grid-template-columns:1fr!important;gap:.75rem!important}.booking-summary-container .summary-card{padding:.75rem!important}.booking-summary-container .summary-card .card-icon{font-size:1.5rem!important;margin-right:.75rem!important}.booking-summary-container .summary-card .card-content .card-value{font-size:1.5rem!important}.booking-summary-container .summary-card .card-content .card-title{font-size:.8rem!important}.booking-summary-container .summary-card .card-content .card-percentage{font-size:.7rem!important}.booking-summary-container .loading-state{padding:2rem 1rem!important}.booking-summary-container .loading-state .loading-spinner{width:1.5rem!important;height:1.5rem!important}.booking-summary-container .error-state{padding:2rem 1rem!important}.booking-summary-container .error-state .error-icon{font-size:1.5rem!important}.booking-summary-container .error-state p{font-size:.8rem!important}.booking-summary-container .error-state .btn{padding:.4rem .8rem!important;font-size:.8rem!important}}@media (max-width: 480px){.booking-summary-container{margin:.5rem 0!important;padding:.75rem!important}.booking-summary-container .summary-header{margin-bottom:.75rem!important}.booking-summary-container .summary-header h3{font-size:1.125rem!important}.booking-summary-container .summary-header .summary-subtitle{font-size:.75rem!important}.booking-summary-container .summary-cards{gap:.5rem!important}.booking-summary-container .summary-card{padding:.5rem!important;flex-direction:column!important;text-align:center!important}.booking-summary-container .summary-card .card-icon{font-size:1.25rem!important;margin-right:0!important;margin-bottom:.5rem!important}.booking-summary-container .summary-card .card-content .card-value{font-size:1.25rem!important}.booking-summary-container .summary-card .card-content .card-title{font-size:.75rem!important}.booking-summary-container .summary-card .card-content .card-percentage{font-size:.65rem!important}.booking-summary-container .loading-state{padding:1.5rem .75rem!important}.booking-summary-container .loading-state .loading-spinner{width:1.25rem!important;height:1.25rem!important}.booking-summary-container .loading-state p{font-size:.8rem!important}.booking-summary-container .error-state{padding:1.5rem .75rem!important}.booking-summary-container .error-state .error-icon{font-size:1.25rem!important}.booking-summary-container .error-state p{font-size:.75rem!important}.booking-summary-container .error-state .btn{padding:.35rem .7rem!important;font-size:.75rem!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (max-width: 768px){body .dashboard-main-content{padding:8px!important;margin-left:0!important;width:100vw!important;max-width:100vw!important;overflow-x:hidden!important}body .booking-summary-container{margin:8px 0!important;padding:8px!important;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important}body .summary-cards{display:block!important;width:100%!important}body .summary-card{display:block!important;width:100%!important;margin-bottom:8px!important;padding:12px!important;text-align:center!important}body .summary-card .card-icon{display:block!important;text-align:center!important;font-size:24px!important;margin:0 0 8px!important}body .summary-card .card-content{text-align:center!important}}@media only screen and (max-width: 768px){.dashboard-header{padding:8px 0!important}.header-content{padding:0 8px!important;flex-wrap:wrap!important;gap:8px!important}.header-left{gap:8px!important;flex-shrink:0!important}.sidebar-toggle-btn{width:36px!important;height:36px!important;font-size:16px!important}.logo-section{gap:6px!important}.logo-text{font-size:16px!important}.search-bar{order:3!important;flex:1 1 100%!important;max-width:none!important;margin:8px 0 0!important}.search-input{padding:8px 12px 8px 32px!important;font-size:14px!important}.header-actions{gap:8px!important;flex-shrink:0!important;justify-content:flex-end!important;align-items:center!important}.notification-btn{width:36px!important;height:36px!important;font-size:16px!important}.user-menu{max-width:150px!important;display:flex!important;align-items:center!important;gap:6px!important;justify-content:flex-end!important}.user-name{font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:120px!important;text-align:right!important}.user-avatar{width:28px!important;height:28px!important;font-size:12px!important}}@media only screen and (max-width: 480px){.header-content{padding:0 4px!important}.sidebar-toggle-btn{width:32px!important;height:32px!important;font-size:14px!important}.logo-text{font-size:14px!important}.search-bar{margin:6px 0 0!important}.search-input{padding:6px 10px 6px 28px!important;font-size:13px!important}.notification-btn{width:32px!important;height:32px!important;font-size:14px!important}.user-menu{max-width:130px!important;display:flex!important;align-items:center!important;gap:4px!important;justify-content:flex-end!important}.user-name{font-size:13px!important;max-width:100px!important;text-align:right!important}.user-avatar{width:24px!important;height:24px!important;font-size:10px!important}}@media only screen and (max-width: 768px){.categoria-list-container{padding:16px!important}.list-header{flex-direction:column!important;gap:16px!important;align-items:stretch!important}.header-content{text-align:center!important}.list-title{font-size:24px!important;margin-bottom:8px!important}.list-subtitle{font-size:14px!important;line-height:1.4!important}.header-actions{width:100%!important;justify-content:center!important}.btn{width:100%!important;justify-content:center!important;padding:14px 20px!important;font-size:16px!important}.btn-icon{font-size:18px!important}}@media only screen and (max-width: 480px){.categoria-list-container{padding:12px!important}.list-title{font-size:20px!important}.list-subtitle{font-size:13px!important}.btn{padding:12px 16px!important;font-size:15px!important}}