body{margin:0;font-family:Inter,system-ui,sans-serif;background:#000;color:#fff}html,body,#root{height:100%}.login-wrapper{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#000000bf,#000000e6),url(/gym.jpeg) center / cover no-repeat}.login-card{width:380px;padding:36px 32px;background:#1e1e1ee0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;text-align:center;box-shadow:0 20px 40px #000000b3,inset 0 0 0 1px #ffffff0d}.login-card h2{margin-bottom:6px;font-size:26px;font-weight:700}.login-card p{margin-bottom:22px;font-size:14px;color:#bdbdbd}.login-card input{width:100%;padding:13px 14px;margin:10px 0;border-radius:8px;border:1px solid transparent;background:#121212;color:#fff;font-size:14px;transition:border .2s,box-shadow .2s}.login-card input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5040}.password-field{position:relative}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:16px;opacity:.7}.toggle-password:hover{opacity:1}.login-card button{width:100%;padding:13px;margin-top:16px;background:linear-gradient(135deg,#4caf50,#43a047);border:none;border-radius:8px;color:#000;font-size:16px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.login-card button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #4caf5059}.login-card button:active{transform:scale(.98)}.login-footer{margin-top:18px;font-size:12px;color:#9e9e9e}.page-container{padding:24px;color:#fff}.page-title{font-size:22px;font-weight:600;margin-bottom:16px}.filter-row{display:flex;gap:10px;margin-bottom:18px}.filter-btn{padding:8px 14px;background:#1e1e1e;border:none;border-radius:8px;color:#aaa;cursor:pointer}.filter-btn.active{background:#4caf50;color:#000;font-weight:600}.table-card{background:#121212;border-radius:14px;padding:16px}table{width:100%;border-collapse:collapse}th{text-align:left;color:#888;font-size:13px;padding-bottom:10px}td{padding:12px 0;border-top:1px solid #222}.badge{padding:4px 10px;border-radius:12px;font-size:12px}.badge.danger{background:#ff5252;color:#000}.badge.warning{background:#ffb300;color:#000}.renew-btn{padding:6px 14px;background:#4caf50;border:none;border-radius:6px;color:#000;font-weight:600;cursor:pointer}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f0f0f}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#3a3a3a}.glass-panel{background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;color:#fff}.react-time-picker{display:inline-flex;position:relative}.react-time-picker,.react-time-picker *,.react-time-picker *:before,.react-time-picker *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-time-picker--disabled{background-color:#f0f0f0;color:#6d6d6d}.react-time-picker__wrapper{display:flex;flex-grow:1;flex-shrink:0;border:thin solid gray}.react-time-picker__inputGroup{min-width:calc((4px * 3) + .54em * 6 + .217em * 2);flex-grow:1;padding:0 2px;box-sizing:content-box}.react-time-picker__inputGroup__divider{padding:1px 0;white-space:pre}.react-time-picker__inputGroup__divider,.react-time-picker__inputGroup__leadingZero{display:inline-block;font:inherit}.react-time-picker__inputGroup__input{min-width:.54em;height:100%;position:relative;padding:0 1px;border:0;background:none;color:currentColor;font:inherit;box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.react-time-picker__inputGroup__input::-webkit-outer-spin-button,.react-time-picker__inputGroup__input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.react-time-picker__inputGroup__input:invalid{background:#ff00001a}.react-time-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-time-picker__inputGroup__amPm{font:inherit;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.react-time-picker__button{border:0;background:transparent;padding:4px 6px}.react-time-picker__button:enabled{cursor:pointer}.react-time-picker__button:enabled:hover .react-time-picker__button__icon,.react-time-picker__button:enabled:focus .react-time-picker__button__icon{stroke:#0078d7}.react-time-picker__button:disabled .react-time-picker__button__icon{stroke:#6d6d6d}.react-time-picker__button svg{display:inherit}.react-time-picker__clock{width:200px;height:200px;max-width:100vw;padding:25px;background-color:#fff;border:thin solid #a0a096;z-index:1}.react-time-picker__clock--closed{display:none}.react-clock{display:block;position:relative}.react-clock,.react-clock *,.react-clock *:before,.react-clock *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-clock__face{position:absolute;inset:0;border:1px solid black;border-radius:50%}.react-clock__hand{position:absolute;inset:0 50%}.react-clock__hand__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark{position:absolute;inset:0 50%}.react-clock__mark__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark__number{position:absolute;left:-40px;width:80px;text-align:center}.react-clock__second-hand__body{background-color:red}