@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=DM+Sans:wght@300;400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--sage: #2563EB;--sage-light: #EFF6FF;--sage-mid: #93C5FD;--sage-dark: #1E3A8A;--cream: #F9FAFB;--cream-dark: #F3F4F6;--gold: #D97706;--gold-light: #FEF3C7;--charcoal: #111827;--gray: #6B7280;--gray-light: #E5E7EB;--white: #FFFFFF;--danger: #DC2626;--danger-light: #FEE2E2;--success: #16A34A;--success-light: #DCFCE7;--warning: #D97706;--warning-light: #FEF3C7;--radius-xs: 6px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow: 0 2px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12)}body{font-family:DM Sans,sans-serif;background:var(--cream);color:var(--charcoal);min-height:100vh;font-size:15px;-webkit-font-smoothing:antialiased}.app-layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:1.5rem;max-width:1200px;margin:0 auto;width:100%;padding-bottom:80px}.nav{background:var(--white);border-bottom:1px solid var(--gray-light);padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:60px;position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.nav-brand{text-decoration:none;display:flex;align-items:center}.nav-tabs{display:flex;gap:4px}.nav-tab{padding:6px 14px;border-radius:20px;border:none;background:none;cursor:pointer;font-size:13px;font-family:DM Sans,sans-serif;color:var(--gray);transition:all .2s;text-decoration:none;display:flex;align-items:center;gap:6px}.nav-tab:hover:not(.active){background:var(--sage-light)}.nav-tab.active{background:var(--sage);color:var(--white);font-weight:500}.nav-right{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;cursor:pointer;flex-shrink:0;color:#fff;filter:var(--avatar-filter, none)}.role-badge{font-size:11px;background:var(--gold-light);color:var(--gold);padding:3px 10px;border-radius:10px;font-weight:500}.notif-btn{position:relative;background:none;border:none;cursor:pointer;padding:6px;border-radius:8px;transition:background .2s,color .2s;color:var(--gray)}.notif-btn:hover{background:var(--sage-light);color:var(--sage-dark)}.notif-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;background:var(--danger);border-radius:50%;border:2px solid var(--white)}.page-header{margin-bottom:1.5rem;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px}.page-header-text h1{font-family:Playfair Display,serif;font-size:1.45rem;font-weight:400;letter-spacing:-.3px;margin-bottom:4px}.page-header-text p{color:var(--gray);font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:1.5rem}.stat-card{background:var(--white);border-radius:var(--radius);padding:1.1rem 1.2rem;border:1px solid var(--gray-light);transition:box-shadow .2s,transform .2s}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-label{font-size:11px;color:var(--gray);margin-bottom:10px;letter-spacing:.1px;font-weight:500}.stat-value{font-size:2rem;font-weight:700;color:var(--charcoal);line-height:1;letter-spacing:-.5px;white-space:nowrap}.stat-sub{font-size:12px;color:var(--gray);margin-top:6px}.card{background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-light);overflow:hidden;box-shadow:var(--shadow);margin-bottom:1rem}.card-header{padding:.875rem 1.2rem;min-height:62px;border-bottom:1px solid var(--gray-light);display:flex;align-items:center;justify-content:space-between;background:var(--sage-light)}.card-header h3{font-size:15px;font-weight:600;font-family:DM Sans,sans-serif;letter-spacing:.05px}.card-body{padding:1.2rem}.card-body-sm{padding:.8rem 1.2rem}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.btn{padding:9px 18px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:13px;font-weight:500;font-family:DM Sans,sans-serif;transition:all .15s;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--sage);color:var(--white);box-shadow:0 2px 8px #2563eb47}.btn-primary:hover:not(:disabled){background:var(--sage-dark);box-shadow:0 4px 12px #2563eb59}.btn-primary:active:not(:disabled){transform:scale(.97);box-shadow:0 1px 4px #2563eb33;transition-duration:.08s}.btn-secondary{background:var(--cream-dark);color:var(--charcoal);border:1px solid var(--gray-light)}.btn-secondary:hover:not(:disabled){background:var(--gray-light)}.btn-danger{background:var(--danger-light);color:var(--danger)}.btn-danger:hover:not(:disabled){background:#f5d0c5}.btn-ghost{background:none;color:var(--sage);border:1px solid var(--sage-mid)}.btn-ghost:hover:not(:disabled){background:var(--sage-light)}.btn-sm{padding:5px 12px;font-size:12px}.btn-icon{padding:7px;border-radius:8px}.badge{display:inline-flex;align-items:center;font-size:11px;padding:3px 8px;border-radius:6px;font-weight:500}.badge-pending{background:var(--danger-light);color:var(--danger)}.badge-paid,.badge-ok{background:var(--success-light);color:var(--success)}.badge-sage{background:var(--sage-light);color:var(--sage)}.badge-gold{background:var(--gold-light);color:var(--gold)}.badge-gray{background:var(--gray-light);color:var(--gray)}.badge-scheduled{background:var(--sage-light);color:var(--sage)}.badge-completed{background:var(--success-light);color:var(--success)}.badge-cancelled{background:var(--gray-light);color:var(--gray)}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:13px;color:var(--gray);margin-bottom:6px;font-weight:500}.form-input{width:100%;padding:10px 14px;border:1.5px solid var(--gray-light);border-radius:var(--radius-sm);font-size:14px;font-family:DM Sans,sans-serif;transition:border .15s;background:var(--white);color:var(--charcoal)}select.form-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:32px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.form-input:focus{outline:none;border-color:var(--sage);box-shadow:0 0 0 3px #2563eb1f}.form-input::placeholder{color:var(--gray)}.form-input--error{border-color:var(--danger)!important}.form-input--error:focus{border-color:var(--danger)}.form-error{font-size:12px;color:var(--danger);margin-top:4px;display:flex;align-items:center;gap:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}input[type=checkbox]{accent-color:var(--sage);width:15px;height:15px;cursor:pointer;flex-shrink:0}.list-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--gray-light);transition:background .15s}.list-item-avatar{width:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.list-item:last-child{border-bottom:none}.list-item-link{cursor:pointer;border-radius:var(--radius-sm);padding:12px 8px;margin:0 -8px;position:relative}.list-item-link:hover{background:var(--sage-light)}.list-item-link:after{content:"›";position:absolute;right:8px;color:var(--sage-mid);font-size:18px;opacity:0;transition:opacity .15s,transform .15s;transform:translate(-4px)}.list-item-link:hover:after{opacity:1;transform:translate(0)}.list-item-info{flex:1;min-width:0}.list-item-name{font-weight:500;font-size:14px}.list-item-meta{font-size:12px;color:var(--gray);margin-top:2px}.list-item-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.cal-day-name{text-align:center;font-size:11px;color:var(--gray);padding:4px 0;font-weight:500}.cal-day{text-align:center;padding:6px 4px 10px;border-radius:8px;font-size:13px;cursor:pointer;min-height:40px;display:flex;align-items:center;justify-content:center;transition:background .15s;position:relative}.cal-day:hover:not(.empty):not(.past){background:var(--sage-light)}.cal-day.today{background:var(--sage);color:var(--white);font-weight:600}.cal-day.selected{background:var(--sage-mid);color:var(--white)}.cal-day.empty{color:var(--gray-light);cursor:default}.cal-day.past{opacity:.4;cursor:default}.cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.cal-nav-title{font-weight:600;font-size:14px}.cal-dots{display:flex;gap:3px;align-items:center;justify-content:center;position:absolute;bottom:3px;left:0;right:0}.cal-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;display:block}.cal-dot--scheduled{background:var(--sage)}.cal-dot--completed,.cal-dot--event{background:var(--gold)}.cal-day.today .cal-dot--scheduled,.cal-day.today .cal-dot--event{background:#ffffffe6}.cal-day.today .cal-dot--completed{background:var(--gold-light)}.cal-day.selected .cal-dot--scheduled,.cal-day.selected .cal-dot--event{background:#fff}.cal-day.selected .cal-dot--completed{background:var(--gold-light)}.time-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.slot{padding:10px 8px;border-radius:var(--radius-sm);text-align:center;font-size:13px;font-weight:500;cursor:pointer;border:1.5px solid transparent;transition:all .2s}.slot-available{background:var(--sage-light);color:var(--sage);border-color:var(--sage-mid)}.slot-available:hover{background:var(--sage);color:var(--white)}.slot-booked{background:var(--danger-light);color:var(--danger);border-color:#f5c0b0;cursor:not-allowed}.slot-booked:hover{background:var(--danger-light)}.slot-blocked{background:#f3f4f6;color:#d1d5db;cursor:not-allowed;text-decoration:line-through}.slot-mine{background:var(--gold-light);color:var(--gold);border-color:var(--gold);cursor:default}.slot-selected{background:var(--sage);color:var(--white);border-color:var(--sage)}.slot-selected:hover{background:var(--sage);color:var(--white);filter:brightness(.9)}.payment-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--gray-light)}.payment-row:last-child{border-bottom:none}.payment-info{flex:1}.payment-name{font-size:13px;font-weight:500}.payment-date{font-size:11px;color:var(--gray)}.payment-amount{font-weight:600;font-size:15px;white-space:nowrap}.touch-hint{display:none}@media (hover:none){.touch-hint{display:block;font-size:14px;color:var(--gray);line-height:1}}.resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.resource-card{background:var(--white);border:1px solid var(--gray-light);border-radius:var(--radius);padding:1rem;cursor:pointer;transition:all .2s}.resource-card:hover{border-color:var(--sage-mid);box-shadow:0 4px 12px #2563eb1f}.resource-icon{width:44px;height:44px;border-radius:10px;background:var(--sage-light);display:flex;align-items:center;justify-content:center;margin-bottom:10px;font-size:20px}.resource-title{font-size:13px;font-weight:600;margin-bottom:4px}.resource-meta{font-size:11px;color:var(--gray)}.event-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--gray-light);align-items:flex-start}.event-item:last-child{border-bottom:none}.event-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:5px}.event-content{flex:1;min-width:0}.event-title{font-size:14px;font-weight:500}.event-date{font-size:12px;color:var(--gray);margin-top:2px}.event-row .icon-btn-danger{opacity:0;transition:opacity .15s,color .15s}.event-row:hover .icon-btn-danger{opacity:1}.icon-btn-danger:hover{color:var(--danger)!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:300;display:flex;align-items:flex-start;justify-content:center;padding:3rem 1rem;overflow-y:auto;animation:fadeIn .15s}.modal{margin:6vh auto 8vh;background:var(--white);border-radius:16px;width:100%;max-width:480px;max-height:86vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slideUp .2s}.modal>h2{font-family:DM Sans,sans-serif;font-size:1.3rem;padding:1.5rem 1.5rem 0;margin:0 0 1.2rem;flex-shrink:0;text-align:center}.modal>.modal-body{flex:1;overflow-y:auto;padding:0 1.5rem;min-height:0}.modal>.modal-footer{flex-shrink:0;display:flex;gap:8px;justify-content:flex-end;padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--gray-light);margin-top:0}.modal-footer{display:flex;gap:8px;justify-content:flex-end;margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--gray-light)}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;font-size:18px;color:var(--gray);padding:4px}.alert{padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:1rem}.alert-success{background:var(--success-light);color:var(--success)}.alert-info{background:var(--gold-light);color:var(--gold)}.alert-error{background:var(--danger-light);color:var(--danger)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(37,99,235,.08) 0%,var(--cream) 70%)}.login-box{background:var(--white);border-radius:20px;padding:2.25rem 2rem 2rem;width:100%;max-width:400px;box-shadow:0 1px 3px #0000000d,0 0 0 1px #0000000a,0 24px 56px #0000001a;animation:loginEnter .45s cubic-bezier(.16,1,.3,1) both}.login-logo{display:flex;justify-content:center;margin-bottom:1.75rem;animation:logoEnter .5s cubic-bezier(.16,1,.3,1) both}.login-tabs{display:flex;gap:2px;margin-bottom:1.5rem;background:var(--cream-dark);border-radius:12px;padding:3px;animation:formEnter .4s .06s cubic-bezier(.16,1,.3,1) both}.login-tab{flex:1;padding:8px;border:none;background:none;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--gray);border-radius:9px;transition:all .18s}.login-tab:hover:not(.active){color:var(--charcoal)}.login-tab.active{background:var(--white);color:var(--charcoal);font-weight:600;box-shadow:0 1px 4px #0000001a}@keyframes loginEnter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes logoEnter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes formEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.login-form-enter{animation:formEnter .28s .1s cubic-bezier(.16,1,.3,1) both}.pub-header{background:linear-gradient(135deg,var(--sage),var(--sage-dark));color:var(--white);padding:2.5rem 1.5rem;text-align:center;border-radius:var(--radius);margin-bottom:1.5rem}.pub-header h1{font-family:Playfair Display,serif;font-size:1.8rem;margin-bottom:8px}.pub-header p{opacity:.85;font-size:14px}.divider{display:flex;align-items:center;gap:10px;color:var(--gray);font-size:12px;margin:1rem 0}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;border:1.5px solid var(--gray-light);border-radius:10px;background:var(--white);color:var(--charcoal);font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s;margin-bottom:1rem;letter-spacing:-.01em}.btn-google:hover:not(:disabled){background:var(--cream);border-color:#d1d5db;box-shadow:0 1px 6px #00000014;transform:translateY(-1px)}.btn-google:active:not(:disabled){transform:translateY(0);box-shadow:none}.btn-google:disabled{opacity:.55;cursor:not-allowed}.btn-google svg{flex-shrink:0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--gray-light)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--white);border-top:1px solid var(--gray-light);padding:8px 1rem 12px;z-index:100;gap:0}.bnav-item{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:4px 10px;border-radius:8px;flex:1;background:none;border:none;font-family:DM Sans,sans-serif;transition:all .2s}.bnav-icon{font-size:20px;line-height:1}.bnav-label{font-size:10px;color:var(--gray)}.bnav-item.active .bnav-label{color:var(--sage);font-weight:600}.toast-container{position:fixed;bottom:80px;right:1rem;display:flex;flex-direction:column;gap:8px;z-index:500}.toast{background:var(--charcoal);color:var(--white);padding:10px 16px;border-radius:20px;font-size:13px;animation:slideUp .2s;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:8px}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}.dropdown{position:relative}.dropdown-menu{animation:popIn .15s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top right;position:absolute;right:0;top:calc(100% + 8px);background:var(--white);border:1px solid var(--gray-light);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:230px;z-index:200;overflow:hidden}.dropdown-item{padding:8px 14px;font-size:13px;cursor:pointer;transition:background .15s;display:flex;align-items:center;gap:8px;border:none;background:none;width:100%;font-family:DM Sans,sans-serif;color:var(--charcoal);text-decoration:none}.dropdown-item:hover{background:var(--sage-light)}.dropdown-item.danger{color:var(--danger)}.dropdown-item.danger:hover{background:var(--danger-light)}.dropdown-divider{border:none;border-top:1px solid var(--gray-light);margin:4px 0}.profile-card{text-align:center;padding:2rem}.profile-avatar-lg{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:var(--white);margin:0 auto 1rem}.empty-state{text-align:center;padding:2rem;color:var(--gray)}.empty-state-icon{font-size:2.5rem;margin-bottom:.75rem}.empty-state p{font-size:14px}.notif-panel{position:absolute;right:0;top:calc(100% + 8px);width:340px;background:var(--white);border:1px solid var(--gray-light);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:200;overflow:hidden}.notif-item{padding:11px 14px;border-bottom:1px solid var(--gray-light);transition:background .15s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--cream)}.notif-title{font-size:13px;font-weight:500;margin-bottom:2px;line-height:1.4}.notif-msg{font-size:12px;color:var(--gray);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.notif-time{font-size:11px;color:var(--gray);margin-top:4px;opacity:.7}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--sage-mid);border-radius:3px}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.theme-card{background:var(--cream-dark);border:2px solid transparent;border-radius:var(--radius);padding:0;cursor:pointer;transition:all .2s;text-align:left;overflow:hidden;font-family:DM Sans,sans-serif}.theme-card:hover{border-color:var(--sage-mid);transform:translateY(-2px);box-shadow:var(--shadow)}.theme-card--active{border-color:var(--sage)!important;box-shadow:var(--shadow-lg)}.theme-swatch{position:relative;height:88px;padding:12px;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden}.theme-swatch-bar{position:absolute;top:0;left:0;right:0;height:6px}.theme-swatch-circles{display:flex;gap:6px;margin-bottom:10px;margin-top:6px}.theme-swatch-circles span{width:18px;height:18px;border-radius:50%;display:block}.theme-swatch-lines{display:flex;flex-direction:column;gap:5px}.theme-swatch-lines div{height:7px;border-radius:4px;width:100%}.theme-check{position:absolute;bottom:8px;right:8px;width:22px;height:22px;border-radius:50%;color:var(--white);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.theme-info{display:flex;align-items:flex-start;gap:6px;padding:8px 10px;background:var(--white)}.theme-emoji{font-size:18px;line-height:1;flex-shrink:0;margin-top:1px}.theme-name{font-size:13px;font-weight:600;color:var(--charcoal);line-height:1.2}.theme-desc{font-size:11px;color:var(--gray);margin-top:1px;line-height:1.3}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--gray-light)}.settings-row:last-of-type{border-bottom:none}.settings-row-info{flex:1;min-width:0}.settings-row-label{display:block;font-size:13px;font-weight:500;color:var(--charcoal)}.settings-row-sub{display:block;font-size:11px;color:var(--gray);margin-top:2px}.settings-toggle{width:38px;height:22px;border-radius:11px;background:var(--gray-light);flex-shrink:0;position:relative;transition:background .2s}.settings-toggle:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #00000026}.settings-toggle--on{background:var(--sage)}.settings-toggle--on:after{transform:translate(16px)}.settings-coming-soon{font-size:11px;color:var(--gray);margin-top:12px;padding:6px 10px;background:var(--cream-dark);border-radius:6px;text-align:center}@keyframes loading-sweep{0%{transform:translate(-100%)}to{transform:translate(350%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:900px){.three-col{grid-template-columns:1fr 1fr}}@media (max-width:900px) and (min-width:701px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.stat-card{padding:.7rem .8rem}.stat-value{font-size:1.2rem}.stat-label{font-size:10px}}@media (max-width:700px){.two-col,.three-col{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:.75rem .9rem}.stat-value{font-size:1.4rem}.stat-label{font-size:10px;margin-bottom:4px}.stat-sub{font-size:11px}.nav-tabs{display:none}.bottom-nav{display:flex}.main-content{padding:1rem;padding-bottom:80px}.role-badge{display:none}}.storage-bar-wrap{background:var(--white);border:1px solid var(--gray-light);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:6px;transition:border-color .2s}.storage-bar-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.storage-bar-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--gray)}.storage-bar-numbers{font-size:12px;white-space:nowrap}.storage-bar-track{position:relative;height:7px;border-radius:4px;overflow:hidden}.storage-bar-fill{height:100%;border-radius:4px}.storage-bar-tick{position:absolute;top:0;bottom:0;width:1px;background:var(--white);opacity:.7}.storage-bar-footer{display:flex;align-items:center;justify-content:space-between}.storage-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;padding:1px 7px;border-radius:10px;margin-left:6px;letter-spacing:.02em}.storage-badge--danger{background:var(--danger-light);color:var(--danger)}.storage-badge--warn{background:var(--gold-light);color:var(--gold)}.storage-modal-bar{padding:8px 10px;border-radius:var(--radius-sm);background:var(--cream);margin-bottom:12px}.storage-modal-bar--warn{background:var(--gold-light)}.storage-modal-bar--danger{background:var(--danger-light)}.resources-page{display:flex;flex-direction:column;gap:16px}.res-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 14px;background:var(--white);border:1px solid var(--gray-light);border-radius:var(--radius)}.res-toolbar__controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.res-breadcrumb{display:flex;align-items:center;gap:2px;flex-wrap:wrap;font-size:13px;flex:1;min-width:0}.breadcrumb-item{background:none;border:none;padding:3px 6px;border-radius:4px;cursor:pointer;color:var(--sage);font-size:13px;font-family:inherit;transition:background .15s;display:flex;align-items:center;gap:4px}.breadcrumb-item:hover{background:var(--cream-dark)}.breadcrumb-item.active{color:var(--charcoal);font-weight:500;cursor:default}.breadcrumb-item.active:hover{background:none}.breadcrumb-item:disabled{color:var(--charcoal);cursor:default}.breadcrumb-item:disabled:hover{background:none}.breadcrumb-sep{color:var(--gray);-webkit-user-select:none;user-select:none;display:flex;align-items:center}.res-search-wrap{position:relative;display:flex;align-items:center}.res-search-icon{position:absolute;left:9px;display:flex;color:var(--gray);pointer-events:none}.res-search-input{padding-left:28px!important;width:180px;font-size:13px}.res-view-toggle{display:flex;border:1px solid var(--gray-light);border-radius:var(--radius-sm);overflow:hidden}.res-view-btn{background:none;border:none;padding:5px 8px;cursor:pointer;color:var(--gray);display:flex;align-items:center;transition:background .12s,color .12s}.res-view-btn:hover{background:var(--cream-dark)}.res-view-btn.active{background:var(--sage-light);color:var(--sage-dark)}.resources-content{display:flex;flex-direction:column;gap:8px}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px}.res-list-section,.res-list{display:flex;flex-direction:column}.res-grid-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--gray);padding:4px 2px;margin-bottom:4px}.res-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 10px 10px;background:var(--white);border:1.5px solid var(--gray-light);border-radius:var(--radius);cursor:pointer;transition:all .15s;text-align:center;-webkit-user-select:none;user-select:none}.res-card:hover{border-color:var(--sage-mid);box-shadow:var(--shadow);transform:translateY(-1px)}.res-card--folder{border-style:dashed}.res-card--folder:hover{border-style:solid}.res-card__icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.res-card__name{font-size:12px;font-weight:500;color:var(--charcoal);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.res-card__meta{font-size:11px;color:var(--gray)}.res-card__tags{display:flex;flex-wrap:wrap;gap:3px;justify-content:center}.res-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:7px;cursor:pointer;transition:background .1s;border:1px solid transparent;-webkit-user-select:none;user-select:none}.res-row:hover{background:var(--cream-dark);border-color:var(--gray-light)}.res-row--folder{font-weight:500}.res-row__icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.res-row__name{flex:1;min-width:0;font-size:13px;color:var(--charcoal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.res-row__meta{font-size:12px;color:var(--gray);flex-shrink:0}.res-row__tags{display:flex;gap:3px;flex-shrink:0;flex-wrap:nowrap}.res-row__type{flex-shrink:0;width:68px}.res-row__date{font-size:11px;color:var(--gray);flex-shrink:0;width:72px;text-align:right}.res-list-header{display:flex;align-items:center;gap:10px;padding:4px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray);margin-bottom:2px;-webkit-user-select:none;user-select:none}.res-col--tags{flex-shrink:0;width:auto;min-width:60px}.res-col--type{flex-shrink:0;width:68px}.res-col--date{flex-shrink:0;width:72px;text-align:right}.res-fav-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;color:var(--gold);opacity:.3;transition:opacity .15s,transform .15s;padding:2px;flex-shrink:0}.res-fav-btn:hover{opacity:.8}.res-fav-btn.active{opacity:1;transform:scale(1.15)}.res-fav-btn--card{position:absolute;top:6px;right:6px}.resource-tag{display:inline-block;font-size:10px;padding:1px 6px;border-radius:10px;background:var(--cream-dark);color:var(--charcoal);border:1px solid var(--gray-light)}.resource-detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:200;animation:fadeIn .15s}.resource-detail-panel{position:fixed;top:0;right:0;bottom:0;width:340px;max-width:100vw;background:var(--white);box-shadow:-4px 0 24px #0000001f;z-index:201;display:flex;flex-direction:column;animation:slideInRight .2s}@keyframes slideInRight{0%{transform:translate(60px);opacity:0}to{transform:translate(0);opacity:1}}.resource-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:16px;border-bottom:1px solid var(--gray-light)}.alert-info{background:var(--cream-dark);border:1px solid var(--sage-mid);border-radius:6px;padding:8px 12px;font-size:12px;color:var(--charcoal);line-height:1.4}.ctx-menu{position:fixed;z-index:500;background:var(--white);border:1px solid var(--gray-light);border-radius:var(--radius);box-shadow:0 6px 24px #00000021;padding:4px;min-width:170px;animation:fadeIn .1s}.ctx-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 12px;border:none;background:none;font-size:13px;color:var(--charcoal);cursor:pointer;border-radius:5px;text-align:left;font-family:inherit;transition:background .1s}.ctx-menu-item:hover{background:var(--cream-dark)}.ctx-menu-item.danger{color:var(--danger)}.ctx-menu-item.danger:hover{background:#fff0f0}.ctx-menu-icon{width:18px;text-align:center;flex-shrink:0}.res-card.drag-over,.res-row.drag-over{border-color:var(--sage)!important;background:var(--cream-dark)!important;box-shadow:0 0 0 2px var(--sage-mid)!important;transform:scale(1.02)}.res-card.dragging,.res-row.dragging{opacity:.4;pointer-events:none}.root-drop-zone{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;margin-bottom:8px;border:2px dashed var(--gray-light);border-radius:var(--radius);font-size:13px;color:var(--gray);background:var(--cream);transition:all .15s;cursor:default}.root-drop-zone.drag-over{border-color:var(--sage);background:var(--cream-dark);color:var(--charcoal);font-weight:600}.move-option{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;color:var(--charcoal);transition:background .12s;-webkit-user-select:none;user-select:none}.move-option:hover{background:var(--cream-dark)}.move-option.selected{background:var(--cream-dark);font-weight:600;color:var(--sage-dark)}.tag-input-wrapper{position:relative}.tag-input-pills{display:flex;flex-wrap:wrap;gap:5px;align-items:center;min-height:38px;padding:4px 8px;border:1px solid var(--gray-light);border-radius:var(--radius-sm);background:var(--white);cursor:text;transition:border-color .15s}.tag-input-pills:focus-within{border-color:var(--sage)}.tag-pill{display:inline-flex;align-items:center;gap:3px;background:var(--cream-dark);border:1px solid var(--gray-light);border-radius:10px;padding:2px 8px;font-size:12px;color:var(--charcoal)}.tag-pill-remove{background:none;border:none;cursor:pointer;padding:0;font-size:13px;line-height:1;color:var(--gray);display:flex;align-items:center}.tag-pill-remove:hover{color:var(--danger)}.tag-input-field{border:none;outline:none;font-size:13px;min-width:100px;flex:1;background:transparent;font-family:inherit;color:var(--charcoal);padding:2px 0}.tag-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--white);border:1px solid var(--gray-light);border-radius:var(--radius-sm);box-shadow:var(--shadow);z-index:100;max-height:200px;overflow-y:auto}.tag-suggestion-item{display:block;width:100%;text-align:left;padding:7px 12px;border:none;background:none;font-size:13px;color:var(--charcoal);cursor:pointer;font-family:inherit;transition:background .1s}.tag-suggestion-item:hover{background:var(--cream-dark)}.tag-suggestion-new{color:var(--sage);font-style:italic}.file-drop-zone{border:2px dashed var(--gray-light);border-radius:var(--radius);padding:20px;text-align:center;cursor:pointer;transition:all .15s;background:var(--cream)}.file-drop-zone:hover,.file-drop-zone.dragging{border-color:var(--sage);background:var(--cream-dark)}.file-drop-zone.has-file{border-style:solid;border-color:var(--sage-mid);cursor:default;padding:12px}.file-drop-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--gray);font-size:13px}.file-drop-hint{font-size:11px;color:var(--gray)}.file-drop-selected{display:flex;align-items:center;gap:10px;justify-content:center}.file-drop-name{font-size:13px;font-weight:500;color:var(--charcoal);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-drop-clear{background:none;border:none;cursor:pointer;color:var(--gray);font-size:16px;padding:2px 4px;border-radius:4px;line-height:1}.file-drop-clear:hover{color:var(--danger);background:var(--cream-dark)}.upload-students-list{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto;border:1px solid var(--gray-light);border-radius:var(--radius-sm);padding:6px 8px}.upload-student-row{display:flex;align-items:center;gap:8px;padding:4px 2px;border-radius:4px;cursor:pointer;font-size:13px}.upload-student-row:hover{background:var(--cream-dark)}.share-panel{display:flex;flex-direction:column;gap:10px}.share-all-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1.5px solid var(--gray-light);border-radius:var(--radius-sm);background:var(--white);color:var(--charcoal);font-size:13px;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s;width:100%;text-align:left}.share-all-btn:hover{border-color:var(--sage);background:var(--cream)}.share-all-btn--active{border-color:var(--sage);background:var(--sage-light);color:var(--sage-dark)}.share-all-count{font-size:11px;color:var(--gray);font-weight:400;margin-left:auto;margin-right:6px}.share-all-btn--active .share-all-count{color:var(--sage)}.share-all-toggle{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--gray-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--white)}.share-all-toggle--on{background:var(--sage);border-color:var(--sage);color:var(--white)}.share-group{display:flex;flex-direction:column;gap:6px}.share-group-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--gray)}.share-chips{display:flex;flex-wrap:wrap;gap:6px}.share-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border:1.5px solid var(--gray-light);border-radius:99px;background:var(--white);font-size:12px;font-weight:500;color:var(--charcoal);cursor:pointer;transition:all .15s}.share-chip:hover{border-color:var(--sage);background:var(--cream)}.share-chip--active{border-color:var(--sage);background:var(--sage);color:var(--white)}.share-students-list{display:flex;flex-direction:column;border:1px solid var(--gray-light);border-radius:var(--radius-sm);overflow:hidden;max-height:210px;overflow-y:auto}.share-srow{display:flex;align-items:center;gap:9px;padding:7px 10px;cursor:pointer;transition:background .1s;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--gray-light)}.share-srow:last-child{border-bottom:none}.share-srow:hover{background:var(--cream)}.share-srow--checked,.share-srow--checked:hover{background:var(--sage-light)}.share-srow--locked{cursor:default;opacity:.7}.share-srow--locked:hover{background:transparent}.share-srow-check{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--gray-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--white);transition:all .1s}.share-srow-check--on{background:var(--sage);border-color:var(--sage);color:var(--white)}.share-srow-avatar{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--white);flex-shrink:0;letter-spacing:0}.share-srow-name{flex:1;font-size:13px;color:var(--charcoal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-srow-meta{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--gray);flex-shrink:0}.share-tag{padding:1px 6px;border-radius:99px;font-size:10px;font-weight:600;white-space:nowrap}.share-tag--folder{background:var(--cream-dark);color:var(--gray)}.share-tag--rule{background:var(--sage-light);color:var(--sage-dark)}.share-preview{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--cream-dark);border-radius:var(--radius-sm);border:1px solid var(--gray-light);min-height:38px;color:var(--gray)}.share-preview--active{background:var(--sage-light);border-color:var(--sage-light);color:var(--sage-dark)}.share-preview-avatars{display:flex;align-items:center;flex-shrink:0}.share-preview-av{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:var(--white);margin-right:-5px;border:2px solid var(--sage-light);flex-shrink:0}.share-preview-more{width:24px;height:24px;border-radius:50%;background:var(--sage);color:var(--white);font-size:9px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-left:6px;flex-shrink:0}.share-preview-label{font-size:12px;margin-left:8px}.share-preview-label strong{font-weight:700}.share-preview-empty{font-size:12px;font-style:italic}.detail-row .detail-row-actions{opacity:0;transition:opacity .15s}.detail-row:hover .detail-row-actions,.detail-row:focus-within .detail-row-actions{opacity:1}.availability-slot-block:hover{filter:brightness(.94)}.availability-slot-block:hover .avail-delete-btn{opacity:1!important;pointer-events:auto!important}.cal-class-block:hover{filter:brightness(.95);box-shadow:0 2px 8px #00000021!important}@media (max-width:700px){.resources-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.res-row__tags,.res-row__type,.res-list-header{display:none}.res-search-input{width:130px}.ctx-menu{min-width:150px}}.card-banner-today{border:1.5px solid var(--gold)!important}.btn-banner-today{background:var(--gold-light)!important;border-bottom:1px solid var(--gold)!important}.btn-banner-today.collapsed{border-bottom:none!important}[data-dark=true] .card-banner-today{border:1px solid var(--gray-light)!important}[data-dark=true] .btn-banner-today{background:var(--cream)!important;border-bottom:1px solid var(--gray-light)!important}[data-dark=true] .btn-banner-today.collapsed{border-bottom:none!important}.card-banner-soon{border:1.5px solid var(--sage-mid)!important}.btn-banner-soon{background:var(--sage-light)!important;border-bottom:1px solid var(--sage-mid)!important}.btn-banner-soon.collapsed{border-bottom:none!important}[data-dark=true] .card-banner-soon{border:1px solid var(--gray-light)!important}[data-dark=true] .btn-banner-soon{background:var(--cream)!important;border-bottom:1px solid var(--gray-light)!important}[data-dark=true] .btn-banner-soon.collapsed{border-bottom:none!important}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}99%{opacity:1;transform:translateY(.1px)}to{opacity:1;transform:none}}.page-transition{animation:pageFadeIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes popIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}99%{opacity:1;transform:translateY(.1px) scale(.999)}to{opacity:1;transform:none}}.pop-in{transform-origin:top center;animation:popIn .15s cubic-bezier(.16,1,.3,1) forwards}@keyframes listFadeIn{0%{opacity:0}to{opacity:1}}.list-transition{animation:listFadeIn .2s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideDownOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(15px)}}.modal-overlay.is-closing{animation:fadeOut .15s forwards}.modal-overlay.is-closing .modal{animation:slideDownOut .15s forwards}@keyframes cal-slide-left{0%{transform:translate(32px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes cal-slide-right{0%{transform:translate(-32px);opacity:0}to{transform:translate(0);opacity:1}}.page-transition{animation:pageEnter .18s cubic-bezier(.2,0,.4,1)}@keyframes pageEnter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}:focus-visible{outline:2px solid var(--sage);outline-offset:2px}.next-class-card{background:var(--white);border:1px solid var(--gray-light);border-left:4px solid var(--sage);border-radius:var(--radius);padding:1.25rem 1.4rem;margin-bottom:1rem;box-shadow:var(--shadow);cursor:pointer;transition:box-shadow .2s,transform .15s}.next-class-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.next-class-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.6px;font-weight:600;color:var(--sage);margin-bottom:8px}.next-class-date{font-family:Playfair Display,serif;font-size:1.2rem;font-weight:600;color:var(--charcoal);text-transform:capitalize;margin-bottom:2px}.next-class-time{font-size:1.05rem;font-weight:600;color:var(--sage-dark);letter-spacing:-.2px}.next-class-info{font-size:13px;color:var(--gray);margin-top:6px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.account-header{display:flex;align-items:center;gap:14px;padding-bottom:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--gray-light)}.account-header-name{font-weight:600;font-size:17px;color:var(--charcoal);line-height:1.2;margin-bottom:6px}.student-status-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:1.25rem;font-weight:500}.student-status-banner--success{background:var(--success-light);color:var(--success)}.student-status-banner--warning{background:var(--danger-light);color:var(--danger)}.student-status-banner--ok{background:var(--success-light);color:var(--success)}.student-completed-toggle{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;color:var(--gray);padding:10px 0;font-weight:500;transition:color .15s;width:100%;border-top:1px solid var(--gray-light);margin-top:4px}.student-completed-toggle:hover{color:var(--charcoal)}.bnav-item{position:relative}.bnav-badge{position:absolute;top:1px;right:50%;transform:translate(calc(50% + 9px));background:var(--danger);color:var(--white);border-radius:10px;font-size:9px;font-weight:700;min-width:14px;height:14px;display:flex;align-items:center;justify-content:center;padding:0 3px;border:1.5px solid var(--white);line-height:1;pointer-events:none}@media (max-width: 700px){.modal-overlay{align-items:flex-end;padding:0}.modal{margin:0;border-radius:16px 16px 0 0;max-width:100%;width:100%;max-height:92vh;animation:slideUpSheet .28s cubic-bezier(.16,1,.3,1)}.modal-overlay.is-closing .modal{animation:slideDownSheet .15s forwards}.modal-handle{display:block}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDownSheet{0%{transform:translateY(0)}to{transform:translateY(100%)}}.modal-handle{display:none;width:36px;height:4px;background:var(--gray-light);border-radius:2px;margin:10px auto 0;flex-shrink:0}.booking-config{display:flex;align-items:center;gap:16px;background:var(--white);border:1px solid var(--gray-light);border-radius:var(--radius);padding:14px 20px;margin-bottom:1rem;box-shadow:var(--shadow-sm);flex-wrap:wrap}.booking-config-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.booking-config-label{font-size:11px;font-weight:600;color:var(--gray);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;min-width:62px}.booking-config-divider{width:1px;height:22px;background:var(--gray-light);flex-shrink:0}.booking-pill{padding:6px 14px;border-radius:20px;border:1.5px solid var(--gray-light);background:var(--white);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--charcoal);transition:all .15s;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.booking-pill:hover:not(.active){border-color:var(--sage-mid);background:var(--sage-light);color:var(--sage-dark)}.booking-pill.active{background:var(--sage-light);border-color:var(--sage);color:var(--sage-dark);font-weight:600}.booking-slots-panel{animation:pageEnter .2s cubic-bezier(.2,0,.4,1)}@media (max-width: 700px){.booking-config-divider{display:none}.booking-config{gap:14px;padding:12px 14px}.booking-config-label{min-width:auto}}.ui-toggle{width:28px;height:15px;border-radius:8px;flex-shrink:0;background:var(--gray-light);position:relative;transition:background .2s;cursor:pointer}.ui-toggle:after{content:"";position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 3px #0003}.ui-toggle--on{background:var(--sage)}.ui-toggle--on:after{left:15px}.filter-pill{padding:4px 12px;font-size:12px;border-radius:20px;border:1.5px solid var(--gray-light);background:transparent;cursor:pointer;color:var(--gray);font-weight:400;transition:all .12s;white-space:nowrap;font-family:DM Sans,sans-serif;display:inline-flex;align-items:center;gap:5px}.filter-pill:hover:not(.active){border-color:var(--sage-mid);background:var(--sage-light);color:var(--sage-dark)}.filter-pill.active{border-color:var(--sage);background:var(--sage-light);color:var(--sage-dark);font-weight:600}.seg-control{display:inline-flex;background:var(--cream);border-radius:8px;padding:3px;gap:2px;flex-wrap:wrap}.seg-control-btn{padding:5px 14px;font-size:13px;font-weight:400;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--gray);transition:all .15s;white-space:nowrap;font-family:DM Sans,sans-serif;display:inline-flex;align-items:center;gap:5px}.seg-control-btn.active{font-weight:600;background:var(--white);color:var(--charcoal);box-shadow:0 1px 3px #0000001a}