@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Over+the+Rainbow&display=swap";:root{--header-gradient:linear-gradient(to right, #00bcd4 0%, #00bcd4 44%, #02b3e4 66%, #03a9f4 100%);--logo-green:#a8f403;--content-bg:#f0f7fe;--primary-blue:#03a9f4;--accent-purple:#4f03f4;--accent-green:#a8f403;--text-on-light:#696969;--mainbg:#f8f9fa;--text-on-dark:#f0f7fe;--accent-blue:#c5e0fb}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0;line-height:1.5}.app{grid-template:"navbar navbar"4rem"sidebar main"1fr/5rem 1fr;min-height:100vh;font-family:Open Sans,sans-serif;display:grid}.main-container{background-color:var(--mainbg);grid-area:main;height:100%;min-height:100%}.navbar{grid-area:navbar;justify-content:space-between;align-items:center;width:100%;display:flex}.background-layer{background:var(--header-gradient);z-index:0;width:100%;position:absolute}.content-layer{z-index:1;justify-content:space-around;align-items:center;width:100%;display:flex;position:relative}.left-side{flex-direction:row;padding-left:1.5rem;padding-right:1rem;display:flex}.logo{width:100px}.page-title{color:var(--text-on-light);padding-left:.5rem;padding-right:1.5rem;font-size:2rem;font-weight:500}.right-side{grid-template-rows:auto auto;grid-template-columns:auto auto;column-gap:1rem;display:grid}.search-container{grid-area:2/1;width:250px;position:relative}.search-icon{color:var(--text);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-input{border:1px solid var(--mainbg);border-radius:4px;width:100%;padding:.5rem 1.75rem}.icon-container{grid-area:2/2;gap:1rem;margin-left:1rem;display:flex}.icon{color:var(--text-on-light)}.sidebar{background:var(--header-gradient);border-radius:14px;flex-direction:column;grid-area:sidebar;width:80px;height:100vh;margin-top:80px;transition:width .3s;display:flex;position:fixed}.sidebar:hover{width:100px}.user-profile{flex-direction:column;align-items:center;display:flex}.avatar-icon{color:var(--text-on-dark);padding-top:1.25rem}.user-name{color:var(--text-on-light);text-align:center;padding:.5rem;font-size:.8rem;font-weight:300}.side-navigation{flex-direction:column;align-items:center;display:flex}.nav-item{color:var(--text-on-dark);align-items:center;padding-top:1.5rem;padding-bottom:.5rem;display:flex}.nav-text{opacity:0;visibility:hidden;transition:transform .3sease;cursor:pointer;text-align:center;text-decoration:none}.nav-text:visited{color:inherit}.sidebar:hover .nav-text{opacity:1;visibility:visible;font-size:1rem}.main-content{background-color:var(--mainbg);margin-top:0;padding:2rem;display:grid}.page-subtitle{color:var(--text-on-light);margin-left:1.2rem;padding:1rem;font-size:2rem;font-weight:400;display:flex}.cards-container{grid-template-columns:repeat(3,1fr);gap:1rem;padding-left:2rem;display:grid}.stat-card{border-left:24px solid var(--primary-blue);background:#fff;border-radius:1rem;padding:1.25rem 1.5rem;box-shadow:0 4px 12px #00000002}.stat-card-header{color:#666;justify-content:space-between;align-items:center;display:flex}.stat-card span{font-size:1.4rem}.stat-card h2{color:#111;text-align:center;margin-top:1rem;font-size:2.5rem}.dashboard-bottom{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.activity-panel,.chart-panel{background:#fff;border-radius:20px;height:fit-content;padding:1rem;box-shadow:0 4px 12px #00000014}.activity-container{flex-direction:column;gap:1rem;display:flex}.section-title{color:var(--text-on-light);font-weight:400}.timestamp{font-size:.6rem}.activity-item{text-align:left;font-size:1.25rem;font-weight:400}.activity-text{color:var(--text-on-light);text-align:left;font-size:1rem}.attendance-title h2{color:var(--text-on-light);font-weight:400}.chart-container{justify-content:center;align-items:center;gap:3rem;display:flex}.chart-legend{flex-direction:column;justify-content:center;align-items:last baseline;gap:1rem;display:flex}.legend-item{color:var(--text-on-light);align-items:center;gap:1rem;font-size:20px;display:flex}.legend-color{border-radius:50%;width:28px;height:28px;padding:1rem}.kids{background-color:#00c49f}.adults{background-color:#0088fe}.walkins{background-color:#ffbb28}.members-page{width:100%;padding:2rem}.members-toolbar{justify-content:space-around;align-items:center;width:100%;margin-bottom:.2rem;display:flex}.toolbar-text{color:var(--text-on-light);font-size:1rem}.add-member{background-color:color-mix(in srgb, var(--primary-blue), transparent 50%);color:var(--text-on-light);cursor:pointer;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.75rem;box-shadow:0 4px 10px #00000014}.table-container{background-color:#fff;border-radius:1rem;width:100%;max-width:1200px;margin:0 auto;overflow:hidden;box-shadow:0 4px 10px #0000000d}.members-table{border-collapse:collapse;background:#fff;border-radius:1rem;width:100%;overflow:hidden}.members-table th,.members-table td{text-align:left;padding:1rem}.members-table thead{background:#f1f5f9}.members-table tr{border-bottom:1px solid var(--content-bg)}.members-table tbody tr:hover{background-color:color-mix(in srgb, var(--accent-green), transparent 50%)}.status-pill{border-radius:999px;padding:.4rem .8rem;font-size:.8rem;font-weight:600;display:inline-block}.current{color:#166534;background:#dcfce7}.paused{color:#991b1b;background:#fee2e2}.trial{color:#92400e;background:#fef3c7}.schedule-toolbar{justify-content:space-around;align-items:center;width:100%;margin-bottom:.2rem;display:flex}.add-class{background-color:color-mix(in srgb, var(--primary-blue), transparent 50%);color:var(--text-on-light);cursor:pointer;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.75rem;box-shadow:0 4px 10px #00000014}.schedule-page{width:100%;padding:2rem}.schedule-table{border-collapse:collapse;background:#fff;border-radius:1rem;width:100%;overflow:hidden}.schedule-table tbody tr:hover,tbody tr:nth-child(2n){background:#f8fafc}.schedule-table td{vertical-align:middle;padding:.85rem 1rem}.schedule-table th,.schedule-table td{text-align:left;padding:1rem;font-weight:400}.schedule-table .time-column{background:#f8fafc;font-weight:600}.schedule-table thead{background:#f1f5f9}.schedule-table tr{border-bottom:1px solid var(--content-bg)}.schedule-class{flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;min-height:90px;display:flex}.schedule-class p{margin:0}.class-pill{text-transform:uppercase;border-radius:999px;width:fit-content;padding:.2rem .55rem;font-size:.65rem;font-weight:700}.striking{color:#2563eb;background:#dbeafe}.bjj{color:#7c3aed;background:#ede9fe}.kids{color:#16a34a;background:#dcfce7}.mma{color:#ea580c;background:#ffedd5}.cardio{color:#6fa202;background:#e8feb8}.schedule-class{flex-direction:column;gap:.5rem;display:flex}.settings-tabs{gap:1.5rem;display:flex}.settings-tab{cursor:pointer;background:#fff;border:none;border-radius:.6rem;padding:.8rem 1.5rem;box-shadow:0 4px 10px #00000014}.settings-tab.active{background:#9bef35;border:none;box-shadow:0 0 0 2px #9bef354d}.general-settings-page{background-color:var(--content-bg);border-radius:1.4rem;margin:1rem;padding:.8rem;font-size:1.2rem;font-weight:600}.general-content{background-color:#fff;border-radius:1.4rem;margin:.4rem;padding:.8rem;box-shadow:0 4px 10px #00000014}.setting-section-header{color:#555;padding:.5rem;font-size:1rem;font-weight:500}.setting-section-content{grid-template-columns:repeat(2,1fr);gap:2rem 4rem;padding:.3rem;font-size:.8rem;font-weight:600;display:grid}.field-options{border:none;padding:.4rem;box-shadow:0 4px 10px #00000014}.setting-row{background:#fff;border-radius:.75rem;justify-content:space-between;align-items:center;gap:2rem;min-height:72px;padding:1rem 1.25rem;display:flex;box-shadow:0 2px 8px #0000000a}.toggle-label{margin:0;font-weight:600}.toggle-description{color:#666;margin:.25rem 0 0;font-size:.9rem}.toggle-switch{cursor:pointer;background:#d1d5db;border:none;border-radius:999px;width:3.25rem;height:1.75rem;padding:.2rem}.toggle-thumb{background:#fff;border-radius:50%;width:1.35rem;height:1.35rem;transition:transform .2s;display:block}.toggle-switch.on{background:#0ea5e9}.toggle-switch.on .toggle-thumb{transform:translate(1.45rem)}.user-content{background-color:#fff;border-radius:1.4rem;margin:.4rem;padding:.8rem;box-shadow:0 4px 10px #00000014}.account-field-editor{background:#f8fafc;border:1px solid #e5e7eb;border-radius:1rem;grid-template-columns:1fr 160px;gap:1.5rem;padding:1.5rem;display:grid}.field-editor-main{flex-direction:column;flex:1;gap:1.25rem;display:flex}.field-editor-main select,.field-editor-main input{width:100%}.field-grid{grid-template-columns:200px 1fr;gap:2rem;display:grid}.editable-row{background-color:#fff;border-radius:.6rem;padding:.2rem;display:flex}.edit-btn{border:none;margin:.8rem;padding:.2rem}.field-editor-actions{border-left:1px solid #e5e7eb;flex-direction:column;justify-content:center;gap:1rem;padding-left:1.5rem;display:flex}.field-editor-actions label{align-items:center;gap:.5rem;display:flex}.delete-field-btn{color:#991b1b;cursor:pointer;background:#fee2e2;border:none;border-radius:.6rem;margin-top:1rem;padding:.7rem 1rem}select,.input-display{border-radius:.5rem;height:2.5rem}.maintenance-content{background-color:#fff;border-radius:1.4rem;margin:.4rem;padding:.8rem;box-shadow:0 4px 10px #00000014}.usage-bar-card{background:#fff;border-radius:1rem;padding:1.25rem;box-shadow:0 4px 12px #0000000f}.usage-bar-header{justify-content:space-between;align-items:center;display:flex}.usage-bar-track{background:#e5e7eb;border-radius:999px;height:.8rem;margin-top:1rem;overflow:hidden}.usage-bar-fill{background:#0ea5e9;border-radius:999px;height:100%}.usage-bar-percent{color:#666;margin-top:.5rem;font-size:.85rem}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh}body{font-family:sans-serif}