:root{--sidebar-width: 288px;font-family:Manrope,system-ui,sans-serif;color:#17231e;background:#f4f7f5;font-synthesis:none;--primary: #16885b;--primary-dark: #0c6b45;--primary-soft: #e8f6ef;--bg: #f4f7f5;--surface: #fff;--surface-2: #f8faf9;--text: #17231e;--muted: #77827d;--border: #e4e9e6;--shadow: 0 10px 32px rgba(25, 54, 41, .07);--danger: #e45151}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}[data-theme=dark]{color-scheme:dark;--bg: #0d1512;--surface: #141e1a;--surface-2: #18241f;--text: #eef5f1;--muted: #95a39c;--border: #29372f;--primary-soft: #153c2c;--shadow: 0 12px 38px rgba(0, 0, 0, .24)}.app-shell{height:100vh;height:100dvh;display:flex;min-height:0;overflow:hidden}.sidebar{--sidebar-logo-offset-x: -8px;position:fixed;z-index:20;inset:0 auto 0 0;width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);padding:0 18px;display:flex;flex-direction:column}.sidebar__brand{position:relative;height:78px;display:flex;align-items:center;justify-content:center;padding:0}.sidebar__brand .logo{position:relative;left:var(--sidebar-logo-offset-x)}.logo{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:800;letter-spacing:-1px}.logo>span:last-child span{color:var(--primary)}.logo__mark{width:36px;height:36px;flex:0 0 36px;display:block!important;border-radius:50%;background:transparent;padding:0;filter:drop-shadow(0 7px 10px rgba(0,0,0,.2))}.logo__mark img{display:block;width:100%;height:100%;object-fit:contain;animation:logo-gentle-spin 14s linear infinite}@keyframes logo-gentle-spin{to{transform:rotate(360deg)}}.sidebar nav{padding-top:0;display:flex;flex-direction:column;gap:7px}.nav-link{position:relative;display:flex;align-items:center;gap:14px;padding:13px 15px;border-radius:11px;text-decoration:none;color:var(--muted);font-size:14px;font-weight:600;transition:.2s}.nav-link:hover,.nav-link--active{color:var(--primary);background:var(--primary-soft)}.nav-link--active:before{content:"";position:absolute;left:-18px;width:4px;height:25px;background:var(--primary);border-radius:0 8px 8px 0}.profile small{font-size:10px;color:var(--muted);text-transform:capitalize}.avatar{width:36px;height:36px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft)}.sidebar__close,.sidebar-overlay{display:none}.sidebar__close{position:absolute;right:0}.app-main{width:calc(100% - var(--sidebar-width));height:100vh;height:100dvh;min-width:0;min-height:0;margin-left:var(--sidebar-width);display:flex;flex-direction:column}.topbar{position:sticky;z-index:15;top:0;height:78px;flex:0 0 auto;padding:0 34px;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.topbar__title{font-size:15px;font-weight:800;display:flex;align-items:center;color:var(--text)}.topbar__actions{display:flex;align-items:center;gap:9px}.icon-button{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);display:grid;place-items:center;background:var(--surface);color:var(--muted)}.icon-button:hover{color:var(--primary);border-color:#91cdb2}.menu-button{display:none}.profile{position:relative}.profile__trigger{width:42px;height:42px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text)}.profile__avatar{width:42px;height:42px;border-radius:50%;font-size:14px;font-weight:800;transition:color .2s,background .2s,box-shadow .2s}.profile__trigger:hover .profile__avatar,.profile__trigger:focus-visible .profile__avatar{color:var(--primary-dark);background:color-mix(in srgb,var(--primary-soft) 78%,var(--primary));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent)}.profile__menu{position:absolute;z-index:30;right:0;top:52px;width:210px;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow)}.profile__menu>.profile__summary{padding:8px 9px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border)}.profile__summary>span:first-child{min-width:0;display:flex;flex-direction:column}.profile__summary strong{font-size:13px}.profile__summary small{font-size:11px;color:var(--muted);margin-top:3px}.profile__role{flex:0 0 auto;padding:4px 7px;border-radius:7px;font-size:9px;font-weight:800}.profile__menu button{width:100%;margin-top:10px;border:0;color:var(--danger);background:none;padding:11px 9px 7px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;border-radius:8px}.profile__menu button:hover{background:color-mix(in srgb,var(--danger) 9%,transparent)}.content{width:100%;min-height:0;flex:1;padding:28px 34px 45px;max-width:1600px;margin:auto;overflow-y:auto}.content--data-page{display:flex;flex-direction:column;overflow:hidden}.content--data-page>.page-header{flex:0 0 auto}.content--data-page>.table-card{min-height:0;max-height:100%;flex:0 1 auto;display:flex;flex-direction:column}.content--data-page .table-wrap{position:relative;min-height:0;flex:0 1 auto;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.content--data-page .table-wrap thead th{position:sticky;z-index:5;top:0}.content--data-page .table-footer{flex:0 0 auto;background:var(--surface);border-top:1px solid var(--border)}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 19px}.page-header h1{font-size:22px;letter-spacing:-.5px;margin:0 0 5px}.page-header p{margin:0;color:var(--muted);font-size:12px}.button{height:39px;border-radius:10px;border:1px solid transparent;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700;transition:.2s}.button--primary{color:#fff;background:linear-gradient(135deg,#179460,#11774d);box-shadow:0 7px 15px #16885b33}.button--primary:hover{transform:translateY(-1px);box-shadow:0 9px 20px #16885b47}.button--full{width:100%}.button--loading,.button--loading:hover{cursor:wait;transform:none;box-shadow:none}.button--loading:disabled{opacity:.78}.button__spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.38);border-top-color:currentColor;border-radius:50%;animation:button-spin .7s linear infinite}.button--secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:15px;overflow:visible;box-shadow:0 5px 22px #1f3d2f09}.toolbar{padding:16px 18px;display:flex;justify-content:space-between;border-bottom:1px solid var(--border)}.search-box{height:38px;display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);padding:0 12px;color:var(--muted)}.search-box{width:min(350px,43vw)}.search-box:focus-within{border-color:#69b893;box-shadow:0 0 0 3px var(--primary-soft)}.search-box input{width:100%;border:0;outline:0;background:none;color:var(--text);font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:820px}th{text-transform:uppercase;letter-spacing:.45px;color:var(--muted);font-size:9px;font-weight:700;background:var(--surface-2);padding:11px 17px;text-align:left;border-bottom:1px solid var(--border)}td{font-size:11px;padding:12px 17px;border-bottom:1px solid var(--border);white-space:nowrap}tbody tr{transition:.18s}tbody tr:hover{background:color-mix(in srgb,var(--primary-soft) 35%,transparent)}td strong{font-size:11px}td strong small{font-size:8px;color:var(--muted)}.block{display:block;margin-top:3px}.person-cell{display:flex;align-items:center;gap:10px}.person-cell>div{display:flex;flex-direction:column;gap:3px}.person-cell small{font-size:9px;color:var(--muted)}.avatar--text{font-size:10px;font-weight:800;background:#e9f3ff;color:#4176b8}.status{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:700}.status i{width:5px;height:5px;border-radius:50%;background:currentColor}.status--active{color:#14875a;background:#e5f7ef}.status--inactive{color:#c45858;background:#fceaea}.role-badge{font-size:9px;font-weight:700;padding:5px 8px;border-radius:7px}.table-actions{display:flex;gap:5px}.table-footer{position:relative;min-height:53px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;border-radius:0 0 15px 15px}.table-range{font-variant-numeric:tabular-nums}.pagination{display:flex;gap:4px}.pagination button{width:28px;height:28px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--muted);font-size:10px;display:grid;place-items:center}.pagination button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.table-pagination{display:flex;align-items:center;gap:16px}.page-size{display:flex;align-items:center;gap:8px;white-space:nowrap}.page-size__select{position:relative}.page-size__trigger{width:58px;height:30px;padding:0 8px;border:1px solid var(--control-border);border-radius:8px;display:flex;align-items:center;justify-content:space-between;outline:none;background:var(--control-bg);color:var(--text);font-size:11px;font-weight:700}.page-size__trigger:hover,.page-size__trigger.open,.page-size__trigger:focus-visible{border-color:var(--control-focus-border);background:var(--surface);box-shadow:var(--control-focus-ring)}.page-size__trigger.open svg{transform:rotate(180deg)}.page-size__trigger svg{color:var(--muted);transition:transform .2s}.page-size__menu{position:absolute;z-index:30;top:38px;left:0;width:66px;padding:5px;display:flex;flex-direction:column;gap:2px;border:1px solid var(--control-border);border-radius:10px;background:var(--surface);box-shadow:var(--shadow);animation:dropdown-in .16s ease}.page-size__select.opens-upward .page-size__menu{top:auto;bottom:38px}.page-size__menu button{width:100%;height:31px;border:0;border-radius:7px;background:transparent;color:var(--text);font-size:11px}.page-size__menu button:hover{background:var(--surface-2)}.page-size__menu button.active{color:var(--primary);background:var(--primary-soft);font-weight:800}.pagination__ellipsis{width:20px;height:28px;display:grid;place-items:center;color:var(--muted)}.empty{padding:48px;text-align:center}.empty span{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;margin:auto;background:var(--primary-soft);color:var(--primary)}.empty h3{font-size:15px;margin:12px 0 5px}.empty p{font-size:11px;color:var(--muted);margin:0}.modal-backdrop{position:fixed;z-index:50;inset:0;padding:20px;background:#07120d94;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;animation:fade .18s}.modal{width:min(100%,590px);max-height:calc(100vh - 40px);overflow:auto;border-radius:17px;background:var(--surface);box-shadow:0 25px 80px #00000040;animation:pop .22s}.modal__header{position:sticky;top:0;z-index:2;padding:18px 21px;display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:1px solid var(--border)}.modal__header h2{font-size:16px;margin:0}.modal__body{padding:21px}.modal__footer{padding:15px 21px;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--border)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field--full{grid-column:1/-1}.field span{font-size:10px;font-weight:700;color:var(--muted)}.field .required-mark{color:var(--danger);font-size:inherit;font-weight:800}.field input,.field select{width:100%;height:41px;border:1px solid var(--border);border-radius:9px;padding:0 11px;outline:none;background:var(--surface-2);color:var(--text);font-size:11px}.field input:focus,.field select:focus{border-color:#6cbc98;box-shadow:0 0 0 3px var(--primary-soft)}.confirm-content{padding:27px 23px;text-align:center}.confirm-icon{width:52px;height:52px;margin:auto;display:grid;place-items:center;border-radius:16px;background:#fceaea;color:var(--danger)}.confirm-content p{color:var(--muted);font-size:12px;line-height:1.7;margin:15px auto 0;max-width:330px}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.985)}}.login-page{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:var(--surface)}.login-visual{position:relative;overflow:hidden;padding:42px 8vw 55px;background:linear-gradient(145deg,#06432c,#0c724a 55%,#159461);color:#fff}.login-visual:after{content:"";position:absolute;width:450px;height:450px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-210px;bottom:-190px;box-shadow:0 0 0 75px #ffffff06,0 0 0 150px #ffffff05}.login-visual .logo{position:relative;z-index:2}.login-visual .logo>span:last-child span{color:#7ee3b4}.login-visual__content{height:100%;max-width:530px;display:flex;flex-direction:column}.login-visual h1{font-size:38px;line-height:1.17;letter-spacing:-1.7px;margin:0 0 14px;max-width:480px}.login-visual p{color:#ffffffad;font-size:13px;line-height:1.7;max-width:460px;margin:0}.login-feature{margin-top:28px;display:flex;gap:13px;align-items:center}.login-feature>svg{padding:9px;width:42px;height:42px;border-radius:12px;color:#85e8b9;background:#ffffff17}.login-feature span{display:flex;flex-direction:column}.login-feature strong{font-size:11px}.login-feature small{color:#ffffff8c;font-size:9px;margin-top:3px}.login-panel{position:relative;display:grid;place-items:center;padding:80px 40px 40px}.login-form{width:min(100%,370px)}.login-form h2{font-size:26px;letter-spacing:-.8px;margin:0 0 7px}.login-form>p{font-size:11px;color:var(--muted);margin:0 0 27px}.login-form>label>span:first-child{display:block;font-size:10px;font-weight:700;margin-bottom:7px}.form-control{height:44px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--muted)}.form-control:focus-within{border-color:#62b78f;box-shadow:0 0 0 3px var(--primary-soft)}.form-control input{width:100%;border:0;outline:0;background:none;color:var(--text);font-size:11px}.form-control button{border:0;background:none;color:var(--muted);padding:3px}.login-button{width:100%;height:44px;border:0;border-radius:10px;background:linear-gradient(135deg,#179460,#0e7048);color:#fff;font-size:11px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:9px;box-shadow:0 9px 22px #16885b40}.login-button span{font-size:17px}.mobile-logo{display:none}@media(max-width:1100px){.login-visual{padding-left:6vw}.login-visual h1{font-size:32px}.content{padding:25px}.topbar{padding:0 25px}}@media(max-width:820px){.sidebar{transform:translate(-102%);transition:.25s;box-shadow:20px 0 60px #00000026}.sidebar--open{transform:none}.sidebar__close{display:grid;border:0;background:none;color:var(--muted)}.sidebar-overlay{display:block;position:fixed;z-index:19;inset:0;background:#00000061}.app-main{width:100%;margin:0}.menu-button{display:grid}.topbar__title{display:none}.login-page{display:block;background:var(--surface)}.login-visual{display:none}.login-panel{min-height:100vh;padding:80px 25px 40px}.mobile-logo{display:block;margin-bottom:40px}}.language-select{position:relative;width:138px;height:42px}.language-select__trigger{width:100%;height:42px;padding:0 9px 0 11px;display:flex;align-items:center;gap:7px;border-radius:12px;font-size:12px;font-weight:700}.language-select__trigger>span{flex:1;text-align:left}.language-select__icon{color:var(--muted);transition:color .2s}.language-select__chevron{color:var(--muted);transition:transform .2s}.language-select__trigger.open .language-select__chevron{transform:rotate(180deg)}.language-select__menu{position:absolute;z-index:20;top:50px;right:0;width:100%;padding:6px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 16px 42px #18372929;animation:dropdown-in .16s ease}.language-select__menu button{width:100%;height:39px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:8px;background:transparent;color:var(--text);font-size:12px;text-align:left}.language-select__menu button:hover{background:var(--surface-2)}.language-select__menu button.active{background:var(--primary-soft);color:var(--primary);font-weight:700}.language-option{display:flex;align-items:center;gap:8px}.language-option small{width:25px;height:22px;display:grid;place-items:center;border-radius:6px;background:var(--surface-2);color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.3px}.language-select__menu button.active .language-option small{background:color-mix(in srgb,var(--primary) 13%,transparent);color:var(--primary)}[data-theme=dark] .language-select__menu{border-color:#304139;background:#141e1a;box-shadow:0 18px 48px #00000052}[data-theme=dark] .language-select__menu button:hover{background:#1b2923}[data-theme=dark] .language-select__menu button.active{background:#1c3a2d;color:#46c98d}[data-theme=dark] .language-option small{background:#213029;color:#9aaba2}[data-theme=dark] .language-select__menu button.active .language-option small{background:#24513c;color:#65d8a1}@media(max-width:600px){.language-select,.language-select__trigger{height:38px}.language-select__menu{top:46px}}.date-picker__trigger{width:100%;height:42px;padding:0 11px;display:flex;align-items:center;gap:8px;border:1px solid var(--control-border);border-radius:9px;outline:none;background:var(--control-bg);color:var(--text);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.date-picker__trigger:hover,.date-picker__trigger.open,.date-picker__trigger:focus-visible{border-color:var(--control-focus-border);background:var(--surface);box-shadow:var(--control-focus-ring)}.date-picker__trigger>svg:first-child{flex:0 0 auto;color:var(--primary)}.date-picker__trigger>span{color:var(--muted);font-size:10px;font-weight:700;white-space:nowrap}.date-picker__trigger>strong{min-width:0;flex:1;overflow:hidden;font-size:11px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.date-picker__trigger>svg:last-child{flex:0 0 auto;color:var(--muted);transition:transform .18s ease}.date-picker__trigger.open>svg:last-child{transform:rotate(180deg)}.date-picker__menu{position:absolute;z-index:1000;top:calc(100% + 7px);left:0;width:286px;padding:12px;border:1px solid var(--control-border);border-radius:13px;background:var(--surface);box-shadow:var(--shadow);animation:dropdown-in .16s ease}.date-picker__header{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:10px}.date-picker__header>strong{font-size:12px;text-transform:capitalize}.date-picker__header>div{display:flex;gap:4px}.date-picker__header button{width:30px;height:30px;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted)}.date-picker__header button:hover,.date-picker__header button:focus-visible{border-color:var(--control-hover-border);outline:none;background:var(--control-hover-bg);color:var(--primary)}.date-picker__weekdays,.date-picker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.date-picker__weekdays{margin:9px 0 5px}.date-picker__weekdays span{height:25px;display:grid;place-items:center;color:var(--muted);font-size:9px;font-weight:750}.date-picker__days>span,.date-picker__days button{width:100%;aspect-ratio:1}.date-picker__days button{display:grid;place-items:center;border:1px solid transparent;border-radius:8px;outline:none;background:transparent;color:var(--text);font-size:10px;font-weight:650}.date-picker__days button:hover,.date-picker__days button:focus-visible{border-color:var(--control-hover-border);background:var(--control-hover-bg);color:var(--primary)}.date-picker__days button.today{border-color:var(--control-hover-border);color:var(--primary)}.date-picker__days button.selected{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 5px 13px color-mix(in srgb,var(--primary) 24%,transparent)}.date-picker__days button:disabled{border-color:transparent;background:transparent;color:var(--muted);cursor:not-allowed;opacity:.35}.date-picker__footer{margin-top:9px;padding-top:9px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border)}.date-picker__footer button{padding:6px 8px;border:0;border-radius:7px;background:transparent;color:var(--primary);font-size:10px;font-weight:750}.date-picker__footer button:hover,.date-picker__footer button:focus-visible{outline:none;background:var(--control-hover-bg)}.date-picker__footer button:disabled{color:var(--muted);cursor:not-allowed;opacity:.45}.field textarea{width:100%;min-height:92px;resize:vertical;border:1px solid var(--border);border-radius:9px;padding:11px;outline:none;background:var(--surface-2);color:var(--text);font:inherit;font-size:11px;line-height:1.55}.field textarea:focus{border-color:#6cbc98;box-shadow:0 0 0 3px var(--primary-soft)}.time-picker{position:relative;display:flex;align-items:center}.time-picker>svg{position:absolute;left:12px;z-index:1;color:var(--muted);pointer-events:none}.time-picker input{padding-left:38px}.form-select{position:relative;width:100%}.form-select__trigger{width:100%;height:41px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);border-radius:9px;outline:none;background:var(--surface-2);color:var(--text);font-size:11px;font-weight:650;transition:.18s ease}.form-select__trigger:hover,.form-select__trigger.open{border-color:#6cbc98;box-shadow:0 0 0 3px var(--primary-soft)}.form-select__trigger svg{color:var(--muted);transition:transform .18s ease}.form-select__trigger.open .form-select__chevron{transform:rotate(180deg)}.form-select__menu{position:absolute;z-index:1000;top:calc(100% + 7px);left:0;width:100%;padding:6px;border:1px solid var(--border);border-radius:11px;background:var(--surface);box-shadow:var(--shadow)}.form-select__menu button{width:100%;padding:9px 10px;display:flex;align-items:center;gap:9px;border:0;border-radius:8px;background:transparent;color:var(--text);font-size:11px;text-align:left}.form-select__menu button:hover,.form-select__menu button.active{background:var(--primary-soft);color:var(--primary)}.form-select__menu button i{width:7px;height:7px;border-radius:50%;background:var(--border)}.form-select__menu button.active i{background:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}@media(max-width:480px){.language-select{width:132px}}@media(max-width:600px){.content{padding:20px 14px 35px}.topbar{height:66px;padding:0 14px}.topbar__actions{gap:7px}.page-header{align-items:flex-start}.page-header>div{max-width:62%}.page-header h1{font-size:19px}.page-header p{font-size:9px}.button{padding:0 12px}.toolbar{padding:12px;gap:8px}.search-box{width:100%}.table-footer{padding:12px;flex-direction:column;align-items:stretch;gap:12px}.table-pagination{justify-content:space-between;flex-wrap:wrap}.pagination{margin-left:auto}.form-grid{grid-template-columns:1fr}.field--full{grid-column:auto}.modal-backdrop{padding:10px}.modal{max-height:calc(100vh - 20px)}.modal__body{padding:17px}.login-panel{padding-left:20px;padding-right:20px}}@media(max-width:390px){.topbar__actions{gap:5px}}:root{--primary: #22a96f;--primary-dark: #16885b;--primary-soft: #e8f8f0}.logo--link{text-decoration:none;color:var(--text);transition:transform .2s}.logo--link:hover{transform:translateY(-1px)}.logo__mark{background:transparent}.button--primary,.login-button{background:linear-gradient(135deg,#2ab777,#198f5e)}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-5px)}}th{font-size:11px;padding:13px 17px}td{font-size:13px;padding:14px 17px}th:not(:last-child),td:not(:last-child){border-right:1px solid var(--border)}td strong{font-size:13px}td strong small{font-size:10px}.person-cell small,.avatar--text,.status,.role-badge{font-size:11px}.table-footer{font-size:12px}@media(prefers-reduced-motion:reduce){.logo__mark img{animation:none!important}}.login-preferences{position:absolute;z-index:5;right:35px;top:27px;display:flex;align-items:center;gap:9px}.theme-toggle{width:42px;height:42px;border-radius:11px;display:grid;place-items:center}.login-form{width:min(100%,420px)}.login-form h2{font-size:32px;line-height:1.2;margin-bottom:9px}.login-form>p{font-size:14px;line-height:1.5;margin-bottom:32px}.login-form>label>span:first-child{font-size:13px;margin-bottom:9px}.login-form .form-control{height:56px;padding:0 16px;gap:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);box-shadow:none;transition:border-color .2s,box-shadow .2s,background .2s}.login-form .form-control svg{width:21px;height:21px}.login-form .form-control input{font-size:14px}.login-form .form-control:focus-within{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}.login-form .form-control input:-webkit-autofill,.login-form .form-control input:-webkit-autofill:hover,.login-form .form-control input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface-2) inset;transition:background-color 9999s ease-out}.login-form .login-button{height:54px;margin-top:7px;border-radius:12px;font-size:14px}[data-theme=dark] .login-panel{background:#101915}[data-theme=dark] .login-form .form-control{background:#17231e;border-color:#304139;color:#aab8b1}[data-theme=dark] .login-form .form-control:focus-within{background:#1a2822;border-color:#36bd80;box-shadow:0 0 0 3px #36bd801f}[data-theme=dark] .login-form .form-control input:-webkit-autofill,[data-theme=dark] .login-form .form-control input:-webkit-autofill:hover,[data-theme=dark] .login-form .form-control input:-webkit-autofill:focus{-webkit-text-fill-color:#eef5f1;-webkit-box-shadow:0 0 0 1000px #17231e inset}[data-theme=dark] .theme-toggle{background:#17231e;border-color:#304139}.toast{position:fixed;z-index:100;top:24px;right:24px;width:min(390px,calc(100vw - 32px));min-height:78px;padding:14px 42px 14px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 18px 55px #142a2033;display:flex;align-items:flex-start;gap:12px;overflow:hidden;animation:toast-in .3s cubic-bezier(.2,.8,.2,1)}.toast__icon{width:38px;height:38px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center}.toast>div{padding-top:1px}.toast strong{display:block;font-size:13px;margin-bottom:4px}.toast p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.toast>button{position:absolute;right:11px;top:11px;width:29px;height:29px;border:0;border-radius:8px;background:transparent;color:var(--muted);display:grid;place-items:center}.toast>button:hover{background:var(--surface-2);color:var(--text)}.toast__timer{position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--danger);transform-origin:left;animation:toast-timer 4.5s linear forwards}@keyframes toast-in{0%{opacity:0;transform:translate(35px) scale(.97)}}@keyframes toast-timer{to{transform:scaleX(0)}}@media(max-width:600px){.login-preferences{right:18px;top:18px}.theme-toggle{width:40px;height:40px}.login-form{max-width:420px}.login-form h2{font-size:28px}.login-form>p{font-size:13px}.login-form .form-control{height:54px}.toast{top:16px;right:16px}}@keyframes button-spin{to{transform:rotate(360deg)}}.login-visual{padding:0}.login-visual__content{position:relative;width:100%;max-width:none;height:100%;display:block}.login-visual .login-visual__content>.logo{position:absolute;z-index:5;top:32px;left:32px}.login-visual__main{position:absolute;z-index:2;top:50%;left:50%;width:min(620px,calc(100% - 96px));transform:translate(-50%,-50%)}.login-visual__main .login-feature{margin-top:28px}.login-panel{padding:92px 48px}.login-preferences{top:32px;right:32px;height:42px;gap:8px}.theme-toggle{width:42px;height:42px;flex:0 0 42px;border-radius:12px}@media(max-width:1100px)and (min-width:821px){.login-visual__main{width:min(520px,calc(100% - 64px))}.login-visual .login-visual__content>.logo{top:28px;left:28px}.login-preferences{top:28px;right:28px}}@media(max-width:820px){.login-panel{padding:88px 25px 40px}.login-preferences{top:20px;right:20px}.mobile-logo{position:absolute;top:25px;left:25px;margin:0}}[data-theme=dark]{--primary-soft: #153c2c}.preference-control{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);outline:none;transition:color .2s,border-color .2s,background .2s,box-shadow .2s}.preference-control:hover{border-color:#86c9aa;background:var(--primary-soft);color:var(--primary)}.preference-control:focus-visible,.preference-control.open{border-color:var(--primary);background:var(--surface);color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}.preference-control:hover .language-select__icon,.preference-control.open .language-select__icon{color:var(--primary)}[data-theme=dark] .preference-control{border-color:#304139;background:#17231e;color:#9aaba2}[data-theme=dark] .preference-control:hover{border-color:#3b7358;background:#193126;color:#46c98d}[data-theme=dark] .preference-control:focus-visible,[data-theme=dark] .preference-control.open{border-color:#36bd80;background:#1a2822;color:#55d497;box-shadow:0 0 0 3px #36bd801f}@media(max-width:600px){.login-preferences,.theme-toggle,.language-select,.language-select__trigger{height:38px}.theme-toggle{width:38px;flex-basis:38px}}:root{--control-bg: var(--surface-2);--control-border: var(--border);--control-hover-bg: var(--primary-soft);--control-hover-border: #86c9aa;--control-focus-border: var(--primary);--control-focus-ring: 0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent)}[data-theme=dark]{--control-bg: #17231e;--control-border: #304139;--control-hover-bg: #193126;--control-hover-border: #3b7358;--control-focus-border: #36bd80;--control-focus-ring: 0 0 0 3px rgba(54, 189, 128, .12)}.icon-action,.icon-button{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:1px solid var(--control-border);border-radius:10px;outline:none;background:var(--control-bg);color:var(--muted);transition:color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.icon-action:hover,.icon-button:hover{border-color:var(--control-hover-border);background:var(--control-hover-bg);color:var(--primary);transform:translateY(-1px)}.icon-action:focus-visible,.icon-button:focus-visible{border-color:var(--control-focus-border);box-shadow:var(--control-focus-ring)}.table-actions .icon-action{width:30px;height:30px;flex-basis:30px;border-radius:8px}.modal__header .icon-action{width:36px;height:36px}.search-box,.field input,.field textarea,.form-select__trigger{border-color:var(--control-border);background:var(--control-bg);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.search-box:hover,.field input:hover,.field textarea:hover,.form-select__trigger:hover{border-color:var(--control-hover-border)}.search-box:focus-within,.field input:focus,.field textarea:focus,.form-select__trigger.open,.form-select__trigger:focus-visible{border-color:var(--control-focus-border);background:var(--surface);box-shadow:var(--control-focus-ring)}.toolbar__select{z-index:8;width:180px;flex:0 0 180px}.toolbar__select .form-select__trigger{height:38px;gap:9px}.form-select__trigger>span:not(.form-select__icon){flex:1;text-align:left}.field input,.field textarea,.field .form-select__trigger{font-size:12px}.field .form-select__trigger>span{color:inherit;font-size:inherit;font-weight:inherit}.form-select__icon{display:grid;place-items:center;color:var(--primary)}.form-select__menu{border-color:var(--control-border);background:var(--surface)}[data-theme=dark] .form-select__menu button:hover,[data-theme=dark] .form-select__menu button.active{background:var(--control-hover-bg)}.modal__header{z-index:20}.icon-button.menu-button{display:none}@media(max-width:820px){.icon-button.menu-button{display:grid}}@media(max-width:600px){.toolbar__select{width:145px;flex-basis:145px}.toolbar__select .form-select__icon{display:none}}.profile__role--superadmin{color:#7d50b7;background:#f0e7fb}.profile__role--admin{color:#3975b6;background:#e9f2fc}[data-theme=dark] .profile__role--superadmin{color:#c69ff2;background:#352646}[data-theme=dark] .profile__role--admin{color:#91bff1;background:#1f354b}.button--danger{background:var(--danger);color:#fff}.button--ghost{background:none;color:var(--muted)}.select-box{height:38px;display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);padding:0 12px;color:var(--muted)}.select-box select{border:0;outline:0;background:none;color:var(--text);font-size:11px;font-weight:600;padding-right:7px}.avatar--admin{background:var(--primary-soft);color:var(--primary)}.role-badge--superadmin{color:#7d50b7;background:#f0e7fb}.role-badge--admin{color:#3975b6;background:#e9f2fc}.table-loading{min-height:190px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:12px}.table-loading i{width:18px;height:18px;border:2px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;animation:button-spin .7s linear infinite}.modal--sm{max-width:430px}.modal--lg{max-width:760px}.modal--xl{width:min(100%,1040px);max-width:1040px}.welcome-emoji{display:block;font-size:32px;margin-bottom:14px}.form-error{padding:9px 11px;margin:-6px 0 13px;border-radius:8px;background:#fceaea;color:#c34c4c;font-size:10px}@media(max-width:820px){.mobile-logo+.welcome-emoji{display:none}}.date-picker-filter{position:relative;z-index:11}.date-picker-filter.is-open{z-index:100}.payment-history-trigger{min-height:30px;padding:5px 9px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--control-border);border-radius:8px;outline:none;background:var(--control-bg);color:var(--text);font-size:11px;font-weight:750;transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.payment-history-trigger svg{color:var(--primary)}.payment-history-trigger small{color:var(--muted);font-size:8px;font-weight:750}.payment-history-trigger:hover,.payment-history-trigger:focus-visible{border-color:var(--control-focus-border);background:var(--control-hover-bg);color:var(--primary);box-shadow:var(--control-focus-ring)}.payment-history-modal__body{display:grid;gap:15px;background:var(--bg)}.payment-history-summary{padding:13px 15px;display:flex;align-items:center;gap:13px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.payment-history-summary>span{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:10px;background:var(--primary-soft);color:var(--primary)}.payment-history-summary>div{display:flex;flex-direction:column;gap:3px}.payment-history-summary>div:last-child{margin-left:auto;padding-left:18px;border-left:1px solid var(--border);text-align:right}.payment-history-summary small{color:var(--muted);font-size:9px}.payment-history-summary strong{font-size:13px}.payment-history-table-wrap{overflow-x:auto;overflow-y:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.payment-history-table{min-width:760px;table-layout:auto}.payment-history-table th,.payment-history-table td{text-align:center;vertical-align:middle}.payment-history-table tbody tr:last-child td{border-bottom:0}.payment-history-table code{display:inline-block;max-width:100%;overflow:hidden;color:var(--muted);font-family:inherit;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.payment-history-empty{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:11px}.payment-history-empty svg{color:var(--primary)}.modal-form-state{min-height:220px;display:grid;place-items:center;color:var(--muted);font-size:12px;text-align:center}.modal-form-state .table-loading{min-height:0}.form-section{padding:20px;border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:0 8px 24px #1434260a}.form-section__header{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.form-section__header>span{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:var(--primary-soft);color:var(--primary);font-size:11px;font-weight:800}.form-section__header h3{margin:0 0 3px;color:var(--text);font-size:14px}.form-section__header p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.form-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.form-grid--four{grid-template-columns:1fr 1fr}}@media(max-width:600px){.form-section{padding:15px}}@media(max-width:600px){.form-grid--four{grid-template-columns:1fr}}@media(max-width:600px){.select-box{flex:0 0 auto}}@media(max-width:600px){.select-box svg{display:none}}.toast--error .toast__icon{color:#d95757;background:#fceaea}.toast--success .toast__icon{color:var(--primary);background:var(--primary-soft)}.toast--success .toast__timer{background:var(--primary)}.icon-action--primary:hover{border-color:var(--control-hover-border);background:var(--control-hover-bg);color:var(--primary);transform:translateY(-1px)}.icon-action--danger:hover{border-color:color-mix(in srgb,var(--danger) 55%,var(--control-border));background:color-mix(in srgb,var(--danger) 13%,var(--control-bg));color:var(--danger)}.form-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:820px){.form-grid--three{grid-template-columns:1fr}}:root{color-scheme:light;--primary: #218851;--primary-dark: #196e40;--primary-soft: #e8f8ee;--accent: #48c985;--bg: #f5f8f6;--surface: #ffffff;--surface-2: #f8fbf9;--text: #20342a;--muted: #738178;--border: #e4ece7;--control-bg: var(--surface-2);--control-border: var(--border);--control-hover-bg: var(--primary-soft);--control-hover-border: #92d7ae;--control-focus-border: var(--primary);--control-focus-ring: 0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent)}[data-theme=dark]{--primary: #6bdea0;--primary-dark: #a0ecc1;--primary-soft: #243e30;--accent: #64d99a;--bg: #121a17;--surface: #1a2520;--surface-2: #202e26;--text: #eaf3ed;--muted: #a0b0a5;--border: #33443a;--control-bg: var(--surface-2);--control-border: var(--border);--control-hover-bg: var(--primary-soft);--control-hover-border: #659c7a;--control-focus-border: var(--primary);--control-focus-ring: 0 0 0 3px #6bdea01c}body{background:var(--bg);color:var(--text)}.button--primary,.login-form .login-button{background:linear-gradient(135deg,#4ed08b,#39b875);color:#123e29;box-shadow:0 6px 16px #48c98524}.button--primary:hover{box-shadow:0 8px 20px #48c98538}[data-theme=dark] .button--primary{background:linear-gradient(135deg,#81e7ac,#60d597);color:#102d1b}.playcontrol-mark.logo__mark{display:grid!important;place-items:center;border-radius:12px;background:#60d695;color:#174e31;filter:none;animation:none}.playcontrol-mark svg{width:29px;height:29px}.logo{white-space:nowrap}.sidebar__brand{flex:0 0 78px;justify-content:flex-start;padding-left:10px}.sidebar__brand .logo{left:0}.form-hint,.field>small{display:block;margin:0;color:var(--muted);font-size:12px;font-weight:400;line-height:1.7;letter-spacing:normal;text-transform:none;overflow-wrap:anywhere}.sidebar-note{display:flex;align-items:center;gap:8px;margin-top:auto;padding:24px 14px;color:var(--text);font-size:12px;font-weight:700}.sidebar-note small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin:6px 0 0}.sidebar-note__dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);flex:0 0 6px}.topbar-leading{display:flex;align-items:center;gap:12px;min-width:0}.topbar__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}.club-switcher{max-width:220px;min-width:140px}.club-switcher .form-select__trigger{height:42px;font-size:12px;gap:8px}.club-switcher .form-select__trigger>span:not(.form-select__icon){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile__menu{width:240px}.preference-control,[data-theme=dark] .preference-control{background:var(--control-bg);border-color:var(--control-border);color:var(--muted)}.preference-control:hover,[data-theme=dark] .preference-control:hover{background:var(--control-hover-bg);border-color:var(--control-hover-border);color:var(--primary)}.preference-control:focus-visible,.preference-control.open,[data-theme=dark] .preference-control:focus-visible,[data-theme=dark] .preference-control.open{background:var(--surface);color:var(--primary);border-color:var(--primary);box-shadow:var(--control-focus-ring)}[data-theme=dark] .language-select__menu{background:var(--surface);border-color:var(--border)}[data-theme=dark] .language-select__menu button:hover,[data-theme=dark] .language-select__menu button.active{background:var(--primary-soft);color:var(--primary)}.language-select__menu button:focus-visible,.form-select__menu button:focus-visible{outline:2px solid var(--primary);outline-offset:-3px}.select-empty{display:block;padding:12px;color:var(--muted);font-size:12px}.login-visual{background:linear-gradient(145deg,#42b97c,#64d39a 58%,#8ee3b7);color:#123f2a}.login-visual .logo>span:last-child span{color:#174c32}.login-visual p{color:#164f38}.login-feature>svg{color:#164f38;background:#ffffff38}.login-feature small{color:#235c41}.login-visual__main{width:min(570px,calc(100% - 96px))}.login-panel,[data-theme=dark] .login-panel{background:var(--surface)}.login-form .form-control,[data-theme=dark] .login-form .form-control{background:var(--control-bg);border-color:var(--control-border)}.login-form .form-control:focus-within,[data-theme=dark] .login-form .form-control:focus-within{background:var(--surface);border-color:var(--primary);box-shadow:var(--control-focus-ring)}.login-form .form-control input:-webkit-autofill,[data-theme=dark] .login-form .form-control input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px var(--control-bg) inset;-webkit-text-fill-color:var(--text)}.login-form .login-account-note{text-align:center;font-size:11px;margin:20px 0 0;color:var(--muted)}.billiard-illustration{position:relative;height:245px;display:grid;place-items:center;margin-bottom:32px}.billiard-surface{position:relative;z-index:1;width:330px;height:190px;border:12px solid #e3c9a3;border-radius:20px;background:linear-gradient(135deg,#26975e,#35ae70);box-shadow:0 20px 45px #124c352b,inset 0 0 0 2px #0d634c33;transform:rotate(-13deg)}.pocket{position:absolute;width:15px;height:15px;background:#205a43;border-radius:50%}.p1{left:-6px;top:-6px}.p2{right:-6px;top:-6px}.p3{left:-6px;bottom:-6px}.p4{right:-6px;bottom:-6px}.p5{left:calc(50% - 7px);top:-8px}.p6{left:calc(50% - 7px);bottom:-8px}.billiard-ball{position:absolute;width:29px;height:29px;border-radius:50%;box-shadow:2px 4px 6px #13483255;display:grid;place-items:center;font-size:13px;font-weight:800}.ball-white{left:20%;top:56%;background:radial-gradient(circle at 30% 25%,#fff,#d4dfd8)}.ball-eight{left:59%;top:29%;color:#152b20;background:radial-gradient(circle at 50% 50%,#fff 30%,#23342b 33%)}.ball-yellow{left:68%;top:48%;color:#6a4b0a;background:radial-gradient(circle at 30% 25%,#fff1aa,#e7b83b)}.cue{position:absolute;left:-30px;top:74%;width:170px;height:5px;background:linear-gradient(90deg,#e7c49c 85%,#d7eaf0 85%);transform:rotate(-20deg);border-radius:4px;box-shadow:1px 3px 5px #124c3522}.art-orbit{position:absolute;width:390px;height:180px;border:1px solid #ffffff45;border-radius:50%;transform:rotate(-25deg)}.app-loading{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:var(--bg);color:var(--muted);font-size:13px;padding:24px;text-align:center}.welcome-banner{display:flex;justify-content:space-between;align-items:center;padding:32px 36px;background:linear-gradient(110deg,var(--primary-soft),color-mix(in srgb,var(--accent) 12%,var(--surface)));border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:17px;overflow:hidden}.section-eyebrow{font-size:10px;letter-spacing:2px;color:var(--primary);font-weight:800}.welcome-banner h2{font-size:29px;letter-spacing:-.8px;margin:10px 0}.welcome-banner p{font-size:12px;color:var(--muted);line-height:1.8;max-width:400px;margin:0 0 20px}.welcome-banner .button{text-decoration:none}.welcome-symbol{position:relative;width:170px;height:170px;display:grid;place-items:center;flex-shrink:0;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:50%;box-shadow:0 0 0 28px color-mix(in srgb,var(--accent) 5%,transparent);color:var(--primary)}.welcome-symbol span{position:absolute;background:var(--surface);border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:23px;font-weight:800}.section-title{display:flex;align-items:center;gap:10px;margin:28px 0 16px}.section-title h2{margin:0;font-size:15px}.count-chip{background:var(--primary-soft);color:var(--primary);border-radius:6px;padding:3px 8px;font-size:11px}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.quick-card{position:relative;display:block;text-decoration:none;color:var(--text);padding:22px;border:1px solid var(--border);border-radius:14px;background:var(--surface);transition:border-color .2s,transform .2s;box-shadow:var(--shadow)}.quick-card:hover{border-color:var(--accent);transform:translateY(-2px)}.quick-card__icon{display:grid;place-items:center;width:43px;height:43px;background:var(--primary-soft);color:var(--primary);border-radius:12px}.quick-card__arrow{position:absolute;top:25px;right:20px;color:var(--muted)}.quick-card h3{font-size:14px;margin:18px 0 8px}.quick-card p{min-height:36px;font-size:11px;line-height:1.7;color:var(--muted);margin-bottom:18px}.quick-card small{color:var(--primary);font-size:10px;font-weight:700}.club-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.club-card{display:flex;align-items:center;gap:12px;text-align:left;background:var(--surface);color:var(--text);border:1px solid var(--border);padding:17px;border-radius:12px}.club-card.selected{border-color:var(--accent);background:var(--primary-soft)}.club-card strong,.club-card small{display:block}.club-card strong{font-size:12px}.club-card small{font-size:10px;color:var(--muted);margin-top:5px}.club-card i{margin-left:auto;width:12px;height:12px;border:1px solid var(--border);border-radius:50%}.club-card.selected i{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 3px var(--surface)}.read-only-notice{font-size:12px;color:var(--muted);margin:0 0 16px}.role-badge{display:inline-block;border-radius:7px;background:var(--primary-soft);color:var(--primary);padding:6px 10px;font-size:10px;font-weight:700}.muted{color:var(--muted)}.action-column{width:90px}@media(max-width:1150px){.topbar__title{max-width:190px;font-size:12px}.club-switcher{min-width:120px;max-width:180px}.topbar{padding-left:22px;padding-right:22px}}@media(max-width:820px){.topbar__title,.billiard-illustration{display:none}.welcome-symbol{width:120px;height:120px}.welcome-banner{padding:25px}.welcome-banner h2{font-size:25px}.club-switcher{max-width:170px}.sidebar-note{padding-bottom:25px}}@media(max-width:600px){.topbar{padding:0 14px;gap:10px}.topbar__actions{gap:6px;min-width:0}.club-switcher{min-width:0;max-width:125px}.club-switcher .form-select__trigger{padding:0 8px;height:38px}.club-switcher .form-select__icon{display:none}.language-select__trigger{min-width:0;padding-left:9px;padding-right:9px}.language-select__icon,.welcome-symbol{display:none}.welcome-banner{padding:23px}.welcome-banner h2{font-size:24px}.quick-grid,.club-grid{grid-template-columns:1fr}.page-header{gap:16px;align-items:flex-start}.page-header .button{flex-shrink:0;font-size:10px;padding:0 11px}.page-header p{max-width:220px;font-size:11px}.toolbar{gap:10px}.search-box{width:auto;flex:1;min-width:0}.toolbar__select{width:135px;flex-basis:135px}.form-grid{grid-template-columns:1fr}.profile__trigger,.profile__avatar{width:36px;height:36px}.profile__menu{max-width:calc(100vw - 28px)}.login-preferences{right:18px;top:20px}.mobile-logo .logo{font-size:18px;gap:7px}.mobile-logo .logo__mark{width:29px;height:29px;flex-basis:29px}.mobile-logo .playcontrol-mark svg{width:25px;height:25px}.mobile-logo{left:18px}.login-form h2{font-size:27px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sidebar__close.icon-button{display:none}@media(max-width:820px){.sidebar__close.icon-button{display:grid}}:root{--primary: #16885b;--primary-dark: #0c6b45;--primary-soft: #e8f6ef;--accent: #26b77a}[data-theme=dark]{--primary: #63d69f;--primary-dark: #8ae5b8;--primary-soft: #193c2c;--accent: #2ab777}.button--primary,.login-form .login-button,[data-theme=dark] .button--primary,[data-theme=dark] .login-form .login-button{background:linear-gradient(135deg,#1ea86d,#14865a);color:#fff;box-shadow:0 7px 20px #16885b26}.button--primary:hover,.login-form .login-button:hover{background:linear-gradient(135deg,#199b63,#10764d);color:#fff}.login-visual{background:linear-gradient(145deg,#075036,#0e7750 55%,#159461);color:#fff}.login-visual h1,.login-visual .logo{color:#fff}.login-visual .logo>span:last-child span{color:#8ce7b9}.login-visual p{color:#d3efdf}.login-feature>svg{color:#9cecc5;background:#ffffff16}.login-feature small{color:#b5e2cc}.playcontrol-mark.logo__mark{background:transparent;border-radius:50%;filter:drop-shadow(0 4px 7px #0003)}.playcontrol-mark img{width:100%;height:100%;animation:none}.billiard-surface{background:linear-gradient(135deg,#208654,#2b9e65);border-color:#cebb96}.pagination button.active{color:#fff;background:#14865a}.toast__timer{animation-duration:6s}.retry-panel{display:flex;justify-content:center;padding:30px}.form-fields{border:0;padding:0;margin:0;min-width:0}@media(max-width:820px){.sidebar:not(.sidebar--open){visibility:hidden}}.account-password-control{position:relative}.account-password-control input{padding-right:44px}.account-password-control button{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:8px;color:var(--muted);background:transparent;cursor:pointer}.account-password-control button:hover{color:var(--primary);background:var(--primary-soft)}.account-password-control button:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.account-password-control button:disabled{cursor:default;opacity:.5}.profile__summary strong,.profile__summary small{overflow-wrap:anywhere}.field>label{font-size:10px;font-weight:700;color:var(--muted)}.account-status{display:inline-flex;padding:5px 9px;border-radius:7px;font-size:10px;font-weight:700;white-space:nowrap}.account-status--active,.field .account-status--active{color:var(--primary);background:var(--primary-soft)}.account-status--inactive,.field .account-status--inactive{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.table-card table th,.table-card table td{text-align:center;vertical-align:middle}.table-card .person-cell,.table-card .table-actions{justify-content:center}.confirm-content .confirm-subject{display:block;margin-top:15px;color:var(--text);font-size:13px;font-weight:700;line-height:1.6;overflow-wrap:anywhere}.confirm-content .confirm-detail{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.6;overflow-wrap:anywhere}.confirm-content p{overflow-wrap:anywhere}.toolbar__filters{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.toolbar{flex-wrap:wrap;gap:12px}@media(max-width:700px){.toolbar__filters{width:100%;justify-content:stretch}.toolbar__filters .toolbar__select{flex:1 1 140px}}.sidebar nav{min-height:0;overflow-y:auto;flex:1;padding-bottom:12px}.sidebar-note{flex-shrink:0}.sidebar-state{padding:12px 15px;color:var(--muted);font-size:12px;line-height:1.7}.sport-nav__toggle{width:100%;border:0;background:transparent;text-align:left;font-family:inherit;cursor:pointer}.sport-nav__toggle span{min-width:0;overflow-wrap:anywhere}.sport-nav__toggle--active{color:var(--primary)}.sport-nav__chevron{margin-left:auto;flex-shrink:0;transition:transform .2s}.sport-nav__chevron--open{transform:rotate(180deg)}.sport-nav__children:not([hidden]){display:flex;flex-direction:column;gap:4px;padding:5px 0 4px 17px}.sport-nav__child{padding:11px 12px;font-weight:500;gap:10px;font-size:12px}.sport-nav__child.nav-link--active:before{display:none}.sport-card-links{display:flex;flex-direction:column;gap:12px;margin-top:16px}.sport-card-links a{display:flex;align-items:center;gap:6px;color:var(--primary);font-size:12px;text-decoration:none}.sport-card-links a:hover{text-decoration:underline}.nav-link--products{white-space:nowrap}.game-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.game-card{display:flex;flex-direction:column;gap:16px;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.game-card--running{border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.game-card__header{display:flex;align-items:center;gap:10px}.game-card__header h2{font-size:16px;margin:0;min-width:0;overflow-wrap:anywhere;flex:1}.game-card__header .account-status{flex-shrink:0}.game-card__free{background:var(--surface-2);color:var(--muted)}.game-card__rate{font-size:12px;color:var(--muted)}.game-card__clock,.game-card__idle{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--primary)}.game-card__clock strong{font-size:30px;font-variant-numeric:tabular-nums}.game-card__amount{margin:0;text-align:center;font-size:24px;font-weight:700}.game-card__idle{flex:1;min-height:110px;color:var(--muted);font-size:13px}.game-card .form-hint{margin:0;text-align:center}.game-card__last{border:0;background:transparent;color:var(--primary);font:inherit;font-size:12px;cursor:pointer;padding:2px}.game-result h3{margin:0 0 18px;font-size:16px}.game-result dl{margin:0;display:flex;flex-direction:column;gap:16px}.game-result dl div{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.game-result dt{color:var(--muted);font-size:12px}.game-result dd{margin:0;text-align:right;font-size:13px;font-variant-numeric:tabular-nums}.game-result>p{margin-top:20px}@media(max-width:420px){.game-board{grid-template-columns:minmax(0,1fr)}.game-card{padding:18px}}.game-card__footer{margin-top:auto;display:flex;flex-direction:column;gap:12px}.game-card__last-slot{min-height:20px;display:grid;place-items:center}.loading-state{min-height:240px;display:flex;align-items:center;justify-content:center;gap:10px;padding:24px;color:var(--muted);font-size:12px;line-height:1.6}.loading-state--compact{min-height:44px;justify-content:flex-start;padding:12px 15px}.loading-state--compact .loading-state__spinner{width:17px;height:17px;flex-shrink:0}.loading-state__spinner{color:var(--primary);animation:loading-state-spin .8s linear infinite;flex-shrink:0}.loading-region{position:relative;min-height:0}.loading-region--busy:not(:has(tbody tr,.game-card)){min-height:140px}.loading-region__content{min-height:0}.loading-region--busy .loading-region__content{opacity:.25;pointer-events:none;-webkit-user-select:none;user-select:none}.loading-region__overlay{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--surface) 80%,transparent);border-radius:inherit}.loading-region__overlay .loading-state{min-height:0}@keyframes loading-state-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-state__spinner{animation:none}}.content--data-page>.table-card>.toolbar{flex:0 0 auto}.game-products__add{display:grid;grid-template-columns:108px minmax(0,1fr);gap:12px;align-items:end;margin-bottom:18px}.game-products__select,.game-products__add>p{grid-column:1 / -1}.game-products__list{display:grid}.game-products__row{display:flex;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--border);font-size:12px;flex-wrap:wrap}.game-products__name{flex:1;min-width:100px;overflow-wrap:anywhere}.game-products__name small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.game-products__amount{white-space:nowrap}.game-products__actions{display:flex;gap:8px;align-items:center}.game-products__total{display:flex;justify-content:space-between;gap:12px;margin:18px 0 0;font-size:13px}.quantity-control{display:inline-flex;width:108px;flex:0 0 auto;justify-self:start;align-items:center;height:36px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);overflow:hidden}.quantity-control button{flex:0 0 30px;outline:none;display:flex;align-items:center;justify-content:center;width:30px;height:100%;padding:0;border:0;color:var(--text);background:transparent;cursor:pointer}.quantity-control button:hover:not(:disabled){background:var(--primary-soft);color:var(--primary)}.quantity-control button:disabled{opacity:.35;cursor:default}.quantity-control input{flex:0 0 46px;width:46px;min-width:0;height:100%;padding:0 3px;border:0;border-left:1px solid var(--border);border-right:1px solid var(--border);border-radius:0;background:transparent;color:var(--text);text-align:center;font-size:12px;appearance:textfield;-moz-appearance:textfield}.quantity-control input::-webkit-inner-spin-button,.quantity-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-control input:focus,.field .quantity-control input:focus{border-color:var(--border);box-shadow:none;background:transparent;outline:none}.quantity-control button:focus-visible{outline:2px solid var(--primary);outline-offset:-3px}@media(max-width:480px){.game-products__actions{width:100%;justify-content:flex-end}.game-products__add{gap:10px 8px}.game-products__add>.button{min-width:0;padding:0 8px;gap:6px;font-size:11px;line-height:1.2;white-space:normal}.game-products__add>.button>svg{display:none}}.game-card__footer>.button+.button{margin-top:10px}.game-products__add .quantity-control{height:38px}.game-products__add>.button{height:38px}.quantity-control input:hover,.field .quantity-control input:hover{border-color:var(--border);box-shadow:none;background:transparent}.content--data-page>.game-board-region{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.game-board-region>.loading-region__content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2px 8px 18px 2px}.bill-summary{margin-top:18px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);font-size:12px}.bill-summary>div{display:flex;justify-content:space-between;gap:12px;margin-top:12px}.bill-summary>p{margin:12px 0 0;color:var(--muted);overflow-wrap:anywhere}.bill-payment-form{display:grid;gap:14px;margin-top:18px}.bill-history{margin-top:18px}.bill-history h4{font-size:12px;font-weight:600;color:var(--muted);margin:0 0 10px}.bill-history>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--border);font-size:11px}.bill-history>div:last-child{padding-bottom:0}.bill-history>.form-hint{margin:0}.bill-history>div>span{color:var(--muted)}.bill-table-date{display:block;color:var(--muted);margin-top:5px;font-size:11px}.bill-modal{display:flex;flex-direction:column;overflow:hidden}.bill-modal>.modal__header,.bill-modal>.modal__footer{flex:0 0 auto}.bill-modal>.modal__body{min-height:0;overflow-y:auto;overscroll-behavior:contain}.bill-products,.bill-history{margin-top:18px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.bill-products__header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.bill-products__header h4{margin:0;color:var(--muted);font-size:12px;font-weight:600}.bill-products .game-products__list{margin-top:10px;border-top:1px solid var(--border)}.bill-products .game-products__row:last-child{border-bottom:0;padding-bottom:0}.bill-total-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:16px;font-size:14px;font-weight:700}.segmented-control{display:grid;gap:4px;padding:4px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.segmented-control>button{min-width:0;min-height:36px;padding:7px 8px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-family:inherit;font-size:12px;font-weight:600;line-height:1.35;cursor:pointer}.segmented-control>button:hover:not(:disabled):not([aria-checked=true]){background:var(--primary-soft);color:var(--primary)}.segmented-control>button[aria-checked=true]{background:var(--primary);color:#fff}.segmented-control>button:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.segmented-control>button:disabled{cursor:default;opacity:.6}.phone-input-control{height:41px;display:flex;align-items:center;border:1px solid var(--border);border-radius:9px;background:var(--surface-2)}.phone-input-control>span{padding-left:11px;font-size:11px;color:var(--text);flex-shrink:0}.field .phone-input-control input{flex:1;min-width:0;width:100%;border:0;border-radius:0 9px 9px 0;height:100%;padding-left:6px;background:transparent}.field .phone-input-control input:focus,.field .phone-input-control input:hover{border:0;box-shadow:none;background:transparent}.phone-input-control:focus-within{border-color:var(--control-focus-border);box-shadow:var(--control-focus-ring);background:var(--surface)}@media(max-width:420px){.segmented-control>button{font-size:11px;padding:7px 5px}}.bill-zero-hint{margin:16px 0 0}.game-plan-form{padding:0 22px 22px}.game-plan-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px}.game-plan-toggle__text{display:flex;flex-direction:column;gap:4px;min-width:0}.game-plan-toggle__text strong{font-size:12px;font-weight:500;color:var(--text)}.game-plan-toggle__text small{color:var(--muted);font-size:11px;line-height:1.5}.ui-switch{position:relative;flex:0 0 44px;width:44px;height:25px;padding:3px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--muted) 25%,var(--surface));cursor:pointer;transition:background .18s,border-color .18s}.ui-switch>span{display:block;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .18s}.ui-switch[aria-checked=true]{background:var(--primary);border-color:var(--primary)}.ui-switch[aria-checked=true]>span{transform:translate(19px)}.ui-switch:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.ui-switch:disabled{opacity:.5;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.ui-switch,.ui-switch>span{transition:none}}.game-plan-fields{margin-top:16px;display:flex;flex-direction:column;gap:14px}.game-plan-presets{display:flex;gap:7px}.game-plan-presets button{flex:1;border:1px solid var(--border);border-radius:8px;padding:8px;background:var(--primary-soft);color:var(--primary);font-size:11px;font-weight:600;cursor:pointer}.game-plan-presets button:hover{border-color:var(--primary)}.game-plan-fields .form-hint{margin:0}.schedule-date-picker,.schedule-time-picker{position:relative;min-width:0}.schedule-date-picker .date-picker__trigger,.schedule-time-picker .date-picker__trigger{width:100%;height:42px;border-radius:10px;border-color:var(--border);background:var(--control-bg);color:var(--text)}.schedule-date-picker .date-picker__trigger strong,.schedule-time-picker .date-picker__trigger strong{margin-left:0;text-align:left;flex:1;font-size:12px;font-weight:500}.schedule-date-picker .date-picker__menu{position:static;width:100%;margin-top:8px;box-shadow:none;border-radius:12px}.schedule-date-picker .date-picker__days button{font-size:12px;min-width:0}.schedule-date-picker .date-picker__days button.selected{background:var(--primary);color:var(--surface)}.schedule-time-menu{margin-top:8px;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:12px}.schedule-time-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.schedule-time-columns>div>span{display:block;text-align:center;color:var(--muted);font-size:11px;margin-bottom:7px}.schedule-time-columns [role=listbox]{height:140px;overflow-y:auto;overscroll-behavior:contain;position:relative;scrollbar-width:thin}.schedule-time-columns button{display:block;width:100%;border:0;background:transparent;color:var(--text);border-radius:7px;padding:7px;cursor:pointer;font-size:13px}.schedule-time-columns button:hover{background:var(--primary-soft)}.schedule-time-columns button[aria-selected=true]{background:var(--primary);color:var(--surface);font-weight:600}.game-plan-countdown{margin:8px 0;padding:9px 12px;border:1px solid var(--border);border-radius:10px;display:grid;grid-template-columns:1fr auto;gap:5px;font-size:12px;color:var(--primary)}.game-plan-countdown strong{font-variant-numeric:tabular-nums}.game-plan-countdown small{grid-column:1/-1;color:var(--muted);font-size:10px}.game-plan-countdown--due{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--border));background:color-mix(in srgb,var(--danger) 6%,var(--surface))}.game-card.game-card--overdue{border-color:var(--danger)}.game-reminders{position:fixed;right:22px;bottom:22px;width:min(380px,calc(100vw - 32px));z-index:120;display:flex;flex-direction:column;gap:10px;max-height:45vh;overflow-y:auto}.game-reminder{display:flex;align-items:flex-start;gap:11px;border:1px solid color-mix(in srgb,var(--danger) 40%,var(--border));border-radius:13px;padding:16px;background:var(--surface);color:var(--text);box-shadow:0 8px 30px #0002}.game-reminder>svg{flex-shrink:0;color:var(--danger)}.game-reminder strong{font-size:12px}.game-reminder p{font-size:11px;line-height:1.6;color:var(--muted);margin:6px 0}.game-reminder a{font-size:11px;font-weight:600;color:var(--primary)}.game-reminder>button{margin-left:auto;padding:2px;border:0;background:transparent;color:var(--muted);cursor:pointer}.confirmation-modal{display:flex;flex-direction:column;overflow:hidden}.confirmation-modal>.modal__header,.confirmation-modal>.modal__footer{flex:0 0 auto}.confirmation-modal__body{min-height:0;overflow-y:auto;overscroll-behavior:contain}.game-reminders{z-index:45}.game-start-modal .confirm-content{padding:18px 22px}.game-start-modal .confirm-icon{width:38px;height:38px;margin-bottom:9px}.game-start-modal .confirm-content p{margin-top:8px}.game-start-modal .game-plan-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px 12px}.game-plan-presets,.game-plan-fields>.form-hint{grid-column:1/-1}.schedule-date-picker .date-picker__days button,.schedule-date-picker .date-picker__days>span{aspect-ratio:auto;height:28px}.schedule-date-picker .date-picker__header>strong{font-size:11px}.schedule-date-picker .date-picker__header button{width:25px;height:27px}.confirmation-modal__body{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.schedule-time-columns [role=listbox]{scrollbar-color:var(--border) transparent}@media(max-width:420px){.game-start-modal .game-plan-fields{grid-template-columns:1fr}}.schedule-time-columns [role=listbox]::-webkit-scrollbar,.confirmation-modal__body::-webkit-scrollbar{width:5px}.schedule-time-columns [role=listbox]::-webkit-scrollbar-thumb,.confirmation-modal__body::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}.schedule-time-columns [role=listbox]::-webkit-scrollbar-button,.confirmation-modal__body::-webkit-scrollbar-button{display:none}.game-reminder__sound-hint{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin:0 0 7px}.game-reminder__enable-sound{display:block;border:1px solid var(--border);border-radius:7px;padding:6px 10px;margin:0 0 8px;color:var(--primary);background:var(--primary-soft);font-size:11px;cursor:pointer}.customer-fields{display:grid;gap:14px}.customer-fields>.form-hint{margin:0}.customer-optional{color:var(--muted);font-size:10px;font-weight:400;margin-left:5px}.customer-suggestions{border:1px solid var(--border);border-radius:10px;background:var(--surface);overflow:hidden;margin-top:1px}.customer-suggestions [role=listbox]{max-height:210px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.customer-suggestions [role=option]{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);padding:10px 12px;text-align:left;cursor:pointer}.customer-suggestions [role=option]:last-child{border-bottom:0}.customer-suggestions [role=option]:hover,.customer-suggestions [role=option].is-active{background:var(--primary-soft)}.customer-suggestions strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.customer-suggestions small{font-size:11px;color:var(--muted);white-space:nowrap}.customer-suggestions>.form-hint{padding:10px 12px;margin:0}@media(max-width:420px){.customer-suggestions [role=option]{align-items:flex-start;flex-direction:column;gap:4px}}.payment-table-card>.toolbar{align-items:flex-end;gap:12px;flex-wrap:wrap}.payment-table-card .toolbar__filters{align-items:flex-end;flex-wrap:wrap;gap:10px}.payment-date-filter{width:166px;min-width:0}.payment-date-filter>span{display:block;margin-bottom:5px;color:var(--muted);font-size:11px;font-weight:500}.payment-date-filter .date-picker__trigger{height:38px}.payment-totals th,.payment-totals td{position:sticky;bottom:0;z-index:6;background:var(--surface-2);border-top:1px solid var(--border);font-weight:600;white-space:nowrap;padding:16px 12px}.payment-totals th{font-size:12px;color:var(--text);text-transform:none}@media(max-width:700px){.payment-table-card>.toolbar{align-items:stretch}.payment-table-card .search-box,.payment-table-card .toolbar__filters{width:100%}.payment-date-filter{flex:1 1 125px}}.payment-table-card .search-box{flex:1 1 180px;width:auto;max-width:280px}@media(max-width:700px){.payment-table-card .search-box{flex-basis:100%;max-width:none}}.page-spinner{width:30px;height:30px;border:3px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;animation:button-spin .8s linear infinite}.role-badge--SuperAdmin{background:color-mix(in srgb,#a381d8 13%,var(--surface));color:color-mix(in srgb,#a381d8 85%,var(--text))}.loading-panel{padding:30px;color:var(--muted);font-size:12px}.profile__role--owner{color:#16885b;background:#e8f6ef}[data-theme=dark] .profile__role--owner{color:#8ae5b8;background:#193c2c}.confirm-content--danger .confirm-icon{background:color-mix(in srgb,var(--danger) 10%,var(--surface))}.confirm-content--primary .confirm-icon{color:var(--primary);background:var(--primary-soft)}.sport-work-note{margin-bottom:16px}.modal--md{max-width:520px}.payment-status--pending{color:#9b6600;background:#d6971124}[data-theme=dark] .payment-status--pending{color:#efc56d;background:#efc56d1f}.payment-status--debt{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.payment-status--paid{color:var(--primary);background:var(--primary-soft)}.payment-empty-cell{padding:0}.payment-table-card{container-type:inline-size}.payment-empty-cell .empty{width:100cqw;max-width:100%;white-space:normal}.anchored-popover[popover]{position:fixed;inset:auto;margin:0;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;color:var(--text);border:1px solid var(--border);background:var(--surface);box-shadow:0 12px 32px #0002;z-index:100}.schedule-date-picker .date-picker__menu.anchored-popover{position:fixed;margin:0;box-shadow:0 12px 32px #0002}.form-select__trigger>span,.date-picker__trigger>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-select__trigger>svg{flex-shrink:0}.content,.table-card,.toolbar,.toolbar__filters{min-width:0}.modal{max-height:calc(100dvh - 32px)}@media(max-width:700px){.content{padding:20px 14px 16px;margin:0}.page-header{flex-wrap:wrap;gap:12px}.page-header>div:first-child{min-width:0;flex:1 1 160px}.page-header h1{overflow-wrap:anywhere}.toolbar,.payment-table-card>.toolbar{display:flex;flex-direction:column;align-items:stretch;padding:12px;gap:12px}.toolbar .search-box,.payment-table-card .search-box{width:100%;max-width:none;flex:0 0 40px}.toolbar__filters,.payment-table-card .toolbar__filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:10px;align-items:end}.toolbar__filters>.toolbar__select,.payment-date-filter{width:100%;min-width:0}.toolbar__filters>:only-child,.toolbar__filters>:first-child:nth-last-child(3){grid-column:1 / -1}.toolbar__select .form-select__trigger,.payment-date-filter .date-picker__trigger{height:40px;padding:0 10px;gap:6px}.table-footer{padding:12px;gap:10px;flex-wrap:wrap}.table-pagination{flex-wrap:wrap;justify-content:flex-end;gap:10px;min-width:0}.page-size{margin:0}.pagination{flex-wrap:wrap}.modal-backdrop{padding:12px}.modal{max-height:calc(100dvh - 24px);border-radius:14px}.modal__header,.modal__body,.modal__footer{padding:16px}.modal__header{gap:12px}.modal__header h2{overflow-wrap:anywhere}.modal__footer{flex-wrap:wrap}}@media(max-width:380px){.topbar{padding:0 10px;gap:8px}.topbar__actions{gap:5px}.club-switcher{flex:1;width:90px;max-width:100px}.language-select__trigger{gap:4px;padding:0 7px}.table-pagination{width:100%;justify-content:space-between}.payment-date-filter .date-picker__trigger{padding:0 7px;gap:4px}.payment-date-filter .date-picker__trigger>svg:last-child{display:none}}@media(max-height:540px)and (max-width:900px){.content--data-page{overflow-y:auto}.content--data-page>.table-card{flex-shrink:0;max-height:none}.content--data-page .table-wrap{max-height:55dvh}}@media(max-width:700px){.page-header>div{max-width:none}.table-card table{min-width:580px}.table-card table:has(thead th:nth-child(3):last-child){min-width:430px}.payment-table-card table{min-width:820px}.table-card table:has(thead th:nth-child(6)){min-width:760px}}.language-select__code{display:none}@media(max-width:380px){.language-select__label{display:none}.language-select__code{display:inline}.topbar__actions .club-switcher{flex:0 1 100px;min-width:80px}}@media(max-width:820px){.login-panel{min-height:100svh;padding-bottom:104px}}