:root{--bg:#0b0c10;--surface:#171a21;--border:#262b35;--text:#f5f6f8;--text-muted:#a3a9b5;--accent:#4f7cff;--danger:#ff5d5d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:500 16px/1.5 Manrope,system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{scrollbar-width:none;-ms-overflow-style:none;height:100%;margin:0;overflow-x:hidden}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}#root::-webkit-scrollbar{display:none}body{color:var(--text);background:radial-gradient(600px circle at 12% 8%, #4f7cff21, transparent 60%), radial-gradient(520px circle at 92% 0%, #9e4fff1a, transparent 55%), radial-gradient(700px circle at 25% 100%, #4fc8ff14, transparent 60%), var(--bg)}button,input{font-family:inherit}h1,h2,h3{letter-spacing:-.2px;font-weight:800}.glass{-webkit-backdrop-filter:blur(28px)saturate(180%);background:#ffffff0e;border:1px solid #ffffff1a;box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff0f}.screen-full{max-width:480px;min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));flex-direction:column;gap:20px;margin:0 auto;display:flex}.screen{flex-direction:column;flex:1;gap:20px;width:100%;max-width:480px;min-height:0;margin:0 auto;padding:20px;display:flex}.screen.center,.screen-full.center{text-align:center;justify-content:center;align-items:center}.app-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-content{min-height:0;padding-bottom:var(--nav-clearance,132px);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;display:flex;overflow-y:auto}.app-content::-webkit-scrollbar{display:none}.page-motion{flex-direction:column;flex:1;min-height:0;display:flex}.brand{flex-direction:column;align-items:center;gap:12px;padding-top:8vh;display:flex}.brand h1{letter-spacing:1px;margin:0;font-size:22px}.brand-row{justify-content:space-between;align-items:center;display:flex}.club-title-row{text-align:center}.spacer{flex:1}.spacer-sm{flex:.4}.card{border-radius:22px;flex-direction:column;gap:12px;padding:22px;display:flex}.card h2{margin:0}.greeting-banner{justify-content:center;min-height:120px;position:relative;overflow:hidden}.greeting-banner h2{z-index:1;background:linear-gradient(100deg, var(--text) 46%, #e4ecff 50%, var(--text) 54%);color:#0000;-webkit-text-fill-color:transparent;background-position:160% 0;background-size:260% 100%;-webkit-background-clip:text;background-clip:text;font-size:23px;animation:6s ease-in-out infinite text-shimmer;position:relative}.greeting-glow{aspect-ratio:1;filter:blur(42px);background:radial-gradient(circle,#4f7cff80,#0000 70%);border-radius:50%;width:65%;animation:10s cubic-bezier(.45,0,.55,1) infinite alternate drift-a;position:absolute;top:-30%;left:-12%}.greeting-glow-2{aspect-ratio:1;filter:blur(42px);background:radial-gradient(circle,#9e4fff6b,#0000 70%);border-radius:50%;width:60%;animation:12s cubic-bezier(.45,0,.55,1) infinite alternate drift-b;position:absolute;bottom:-35%;right:-14%}@keyframes drift-a{0%{transform:translate(0)scale(1)}to{transform:translate(14px,10px)scale(1.12)}}@keyframes drift-b{0%{transform:translate(0)scale(1)}to{transform:translate(-12px,-10px)scale(1.08)}}@keyframes text-shimmer{0%,40%{background-position:160% 0}70%,to{background-position:-100% 0}}.club-list{flex-direction:column;gap:16px;display:flex}.club-card{border-color:#0000;justify-content:space-between;min-height:230px;padding:24px;position:relative}.club-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:#96aaff99;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.club-card-head{flex-direction:column;gap:8px;display:flex}.club-card h3{margin:0;font-size:21px}.club-id-badge{color:var(--accent);letter-spacing:.3px;background:#4f7cff24;border-radius:8px;align-self:flex-start;padding:4px 10px;font-size:12px;font-weight:700}.club-stat{border-top:1px solid #ffffff1a;flex-direction:column;gap:4px;padding-top:14px;display:flex}.club-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.stat-list .club-stat:first-child,.profile-body .club-stat:first-child,.report-total-rows .club-stat:first-child{border-top:none;padding-top:0}.stat-list .club-stat-value,.profile-body .club-stat-value,.report-total-rows .club-stat-value{font-size:18px}.profile-card-full{flex:1;align-items:center;gap:0;min-height:0;padding:0;overflow:hidden}.profile-body{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:12px;width:100%;min-height:0;padding:0 22px 22px;display:flex;overflow-y:auto}.profile-body::-webkit-scrollbar{display:none}.profile-stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:6px;display:grid}.profile-stat-tile{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:4px;min-width:0;padding:14px;display:flex}.profile-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.profile-stat-value{white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:800;overflow:hidden}.profile-banner{width:100%;height:120px;position:relative;overflow:hidden}.profile-avatar-wrap{margin-top:-58px;position:relative}.profile-avatar{color:#fff;border:4px solid var(--surface);cursor:pointer;background:linear-gradient(135deg,#6f93ff,#b07bff);border-radius:50%;justify-content:center;align-items:center;width:112px;height:112px;padding:0;font-family:inherit;font-size:40px;font-weight:800;display:flex;overflow:hidden;box-shadow:0 6px 18px #0006}.profile-avatar:disabled{opacity:.7;cursor:default}.profile-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-status-dot{border:3px solid var(--surface);background:#34d399;border-radius:50%;width:18px;height:18px;position:absolute;bottom:6px;right:6px}.profile-avatar-edit{background:var(--accent);color:#fff;border:3px solid var(--surface);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex;position:absolute;bottom:2px;left:2px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.profile-identity{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:14px 20px 24px;display:flex}.profile-identity h2{margin:0}.role-badge{letter-spacing:.3px;text-transform:uppercase;border-radius:20px;align-items:center;padding:5px 14px;font-size:12px;font-weight:700;display:inline-flex}.role-badge.role-staff{color:#8fadff;background:#4f7cff29}.role-badge.role-senior{color:#a9c0ff;background:#4f7cff3d}.role-badge.role-op{color:#ffc266;background:#ffb84d29}.role-badge.role-up{color:#c79bff;background:#be82ff29}.role-badge.role-dev{color:#6ee7a8;background:#5ee09e29}.club-stat-value{font-size:30px;font-weight:800}.topbar-title{font-size:19px;font-weight:800}.topbar-subtitle{color:var(--text-muted);font-size:13px}.muted{color:var(--text-muted);margin:0;font-size:14px}.input{border:1px solid var(--border);min-height:52px;color:var(--text);background:#ffffff0d;border-radius:12px;padding:16px;font-size:16px;transition:border-color .2s}.input.sm{border-radius:10px;min-height:40px;padding:10px 12px;font-size:14px}.settings-form{gap:14px;padding:20px}.settings-form h3{margin:0;font-size:15px}.settings-field{flex-direction:column;gap:8px;display:flex}.settings-form .field-label{margin-top:0}.settings-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.input:focus{border-color:var(--accent);outline:none}.button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:14px;min-height:52px;padding:16px;font-size:16px;font-weight:700;transition:transform .15s,opacity .15s}.button:disabled{opacity:.6;cursor:default}.button.ghost{color:var(--text);background:#ffffff0f;border:1px solid #ffffff1f;min-height:44px;padding:12px 16px;font-weight:600}.club-card-btn{min-height:44px;padding:12px 16px}.button.sm{min-height:36px;padding:8px 14px;font-size:14px}.today-card{border-color:#0000;position:relative}.today-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:#96aaff99;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.today-card-head{justify-content:space-between;align-items:flex-start;display:flex}.today-weekday{font-size:20px;font-weight:800}.today-shifts{grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;display:grid}.shift-pill{border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:12px 14px;display:flex}.shift-pill-label{text-transform:uppercase;letter-spacing:.4px;opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.shift-pill-value{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.shift-pill.day{color:#4ade9d;background:#34d39924}.shift-pill.night{color:#7ea0ff;background:#4f7cff24}.day-list{gap:10px}.day-list-scroll-box{scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;overflow-y:auto}.day-list-scroll-box::-webkit-scrollbar{display:none}.day-card{background:#ffffff0a;border:1px solid #ffffff17;border-radius:16px;flex-direction:column;flex-shrink:0;gap:10px;padding:14px;display:flex}.day-card.editable{cursor:pointer}.day-card.today{border-color:#4f7cff80}.day-card-head{align-items:baseline;gap:8px;display:flex}.day-card-weekday{font-size:14px;font-weight:700}.day-card.today .day-card-weekday{color:var(--accent)}.day-card-shifts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.day-card .shift-pill-label{font-size:10px}.day-card .shift-pill-value{font-size:14px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-sheet{width:100%;max-width:480px;max-height:85vh;padding:24px 20px max(24px, env(safe-area-inset-bottom));scrollbar-width:none;-ms-overflow-style:none;border-radius:24px 24px 0 0;gap:10px;overflow-y:auto}.modal-sheet::-webkit-scrollbar{display:none}.field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-top:6px;font-size:12px;font-weight:700}.report-section-label{text-transform:uppercase;letter-spacing:.4px;border-top:1px solid #ffffff1a;margin-top:10px;padding-top:14px;font-size:13px;font-weight:800}.report-section-label:first-of-type{border-top:none;margin-top:0;padding-top:0}.report-section-label.report-section-day{color:#4ade9d}.report-section-label.report-section-night{color:#7ea0ff}.report-shift-block{border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.report-shift-block.day{background:#34d39914;border:1px solid #34d3992e}.report-shift-block.night{background:#4f7cff14;border:1px solid #4f7cff2e}.report-shift-head{justify-content:space-between;align-items:center;display:flex}.report-shift-title{text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:800}.report-shift-block.day .report-shift-title{color:#4ade9d}.report-shift-block.night .report-shift-title{color:#7ea0ff}.report-shift-worker{font-size:14px;font-weight:700}.report-shift-rows{flex-direction:column;gap:4px;display:flex}.report-shift-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.report-shift-row .muted{font-size:13px}.report-shift-block.compact{gap:6px;padding:10px 12px}.report-shift-block.compact .report-shift-head{gap:8px}.report-shift-block.compact .report-shift-title{font-size:10px}.report-shift-block.compact .report-shift-worker{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.report-shift-block.compact .report-shift-rows{flex-direction:row;gap:10px}.report-shift-block.compact .report-shift-row{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0}.report-shift-block.compact .report-shift-row span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:700;overflow:hidden}.report-shift-block.compact .report-shift-row .muted{text-transform:uppercase;letter-spacing:.3px;font-size:10px}.report-total{border-top:1px solid #ffffff1a;flex-direction:column;gap:6px;margin-top:2px;padding-top:10px;display:flex}.report-total-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);font-size:12px;font-weight:800}.report-total-rows{flex-direction:column;gap:8px;display:flex}.report-total-rows.compact{flex-direction:row;gap:10px}.report-total-rows.compact .club-stat{border-top:none;flex:1;gap:2px;min-width:0;padding-top:0}.report-total-rows.compact .club-stat-label{font-size:10px}.report-total-rows.compact .club-stat-value{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.custom-select{position:relative}.custom-select-trigger{border:1px solid var(--border);width:100%;min-height:52px;color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;font-family:inherit;font-size:16px;font-weight:500;display:flex}.custom-select-trigger svg{color:var(--text-muted);flex-shrink:0;transition:rotate .15s}.custom-select-menu{z-index:200;scrollbar-width:none;-ms-overflow-style:none;background:#1c1f28;border:1px solid #ffffff24;border-radius:14px;max-height:240px;padding:6px;overflow-y:auto;box-shadow:0 12px 32px #00000080}.custom-select-menu::-webkit-scrollbar{display:none}.custom-select-option{cursor:pointer;border-radius:10px;padding:12px 14px;font-size:15px;font-weight:500}.custom-select-option:hover{background:#ffffff0f}.custom-select-option.selected{color:var(--accent);background:#4f7cff2e;font-weight:700}.modal-actions{gap:10px;margin-top:8px;display:flex}.modal-actions .button{flex:1}.member-rate-list{gap:14px}.member-rate-row{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.member-rate-row:first-of-type{border-top:none;padding-top:0}.member-rate-info{align-items:center;gap:8px;min-width:0;display:flex}.member-rate-login{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.member-rate-input{text-align:right;flex-shrink:0;width:96px;min-height:40px;padding:8px 10px}.error{color:var(--danger);margin:0;font-size:14px}.bottom-nav{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:50;border-radius:26px;justify-content:space-around;align-items:center;width:calc(100% - 32px);max-width:448px;padding:8px;display:flex;position:fixed;transform:translate(-50%)}.nav-item{border-radius:18px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 4px;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-pill{z-index:0;background:#4f7cff2e;border-radius:18px;position:absolute;inset:0}.nav-item svg{z-index:1;position:relative}.nav-label{z-index:1;color:var(--text-muted);font-size:11px;font-weight:600;transition:color .2s;position:relative}.nav-label.active{color:var(--accent);font-weight:700}