.auth-layout{background:#eef3f8;grid-template-columns:minmax(0,1fr) 560px;min-height:100vh;display:grid}.auth-layout__branding{background:linear-gradient(135deg,#009de0 0%,#007cb4 100%);justify-content:center;align-items:center;padding:80px;display:flex;position:relative;overflow:hidden}.auth-layout__branding:before{content:"";background:#ffffff14;border-radius:50%;width:720px;height:720px;position:absolute;top:-320px;left:-240px}.auth-layout__branding:after{content:"";background:#ffffff0f;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-220px;right:-180px}.auth-layout__branding-content{z-index:2;color:#fff;max-width:620px;position:relative}.auth-layout__badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff24;border:1px solid #ffffff29;border-radius:999px;width:fit-content;margin-bottom:30px;padding:10px 18px;font-size:14px;font-weight:700}.auth-layout__branding h1{margin-bottom:24px;font-size:64px;font-weight:800;line-height:1.05}.auth-layout__branding p{opacity:.95;max-width:560px;margin-bottom:42px;font-size:19px;line-height:1.9}.auth-layout__features{flex-direction:column;gap:18px;display:flex}.auth-layout__feature{align-items:center;gap:14px;font-size:17px;font-weight:600;display:flex}.auth-layout__feature svg{font-size:22px}.auth-layout__content-wrapper{justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden}.auth-layout__background{background:radial-gradient(circle at 0 0,#009de014,#0000 25%),radial-gradient(circle at 100% 100%,#009de00f,#0000 30%);position:absolute;inset:0}.auth-layout__gradient{filter:blur(40px);background:#009de014;border-radius:50%;width:700px;height:700px;position:absolute;top:-250px;right:-250px}.auth-layout__content{z-index:2;justify-content:center;width:100%;display:flex;position:relative}@media (width<=1200px){.auth-layout{grid-template-columns:1fr}.auth-layout__branding{display:none}.auth-layout__content-wrapper{min-height:100vh}}@media (width<=640px){.auth-layout__content-wrapper{padding:20px}.auth-layout__branding h1{font-size:48px}}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe0;border:1px solid #ffffffb3;border-radius:32px;width:100%;max-width:460px;padding:42px;box-shadow:0 10px 40px #0f172a14,0 2px 8px #0f172a0a}.login-card__header{margin-bottom:36px}.login-card__logo{color:#fff;background:linear-gradient(135deg,#009de0,#007cb4);border-radius:24px;justify-content:center;align-items:center;width:fit-content;height:76px;margin-bottom:24px;padding:0 24px;font-size:30px;font-weight:800;display:flex;box-shadow:0 18px 40px #009de03d}.login-card__header h2{color:#0f172a;margin-bottom:12px;font-size:42px;font-weight:800;line-height:1.1}.login-card__header p{color:#64748b;font-size:16px;line-height:1.8}.login-form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:12px;display:flex}.form-group label{color:#0f172a;font-size:15px;font-weight:700}.input-wrapper{background:#fff;border:1px solid #dbe3ee;border-radius:20px;align-items:center;gap:14px;height:62px;padding:0 18px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.input-wrapper:focus-within{border-color:#009de0;box-shadow:0 0 0 4px #009de01f}.input-wrapper svg{color:#94a3b8;flex-shrink:0;font-size:22px}.input-wrapper input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:16px}.input-wrapper input::placeholder{color:#94a3b8}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#009de0,#007cb4);border:none;border-radius:18px;justify-content:center;align-items:center;gap:10px;height:60px;margin-top:4px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #009de03d}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-error{color:#dc2626;background:#dc262614;border:1px solid #dc26261f;border-radius:16px;padding:16px;font-size:14px;font-weight:600}@media (width<=640px){.login-card{padding:30px}.login-card__header h2{font-size:34px}.login-card__logo{width:68px;height:68px;font-size:26px}}.setup-account-page{justify-content:center;width:100%;display:flex}.setup-account-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe0;border:1px solid #ffffffb3;border-radius:32px;width:100%;max-width:520px;padding:42px;box-shadow:0 10px 40px #0f172a14,0 2px 8px #0f172a0a}.setup-account-card__header{margin-bottom:34px}.setup-account-card__logo{color:#fff;background:linear-gradient(135deg,#009de0,#007cb4);border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:24px;font-size:28px;font-weight:800;display:flex;box-shadow:0 15px 35px #009de040}.setup-account-card__header h1{color:#0f172a;margin-bottom:12px;font-size:40px;font-weight:800;line-height:1.1}.setup-account-card__header p{color:#64748b;font-size:15px;line-height:1.8}.setup-user-box{background:#f8fbfe;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:18px;margin-bottom:28px;padding:22px;display:flex}.setup-user-row{align-items:center;gap:14px;display:flex}.setup-user-row svg{color:#009de0;flex-shrink:0;font-size:22px}.setup-user-row span{color:#64748b;margin-bottom:4px;font-size:13px;display:block}.setup-user-row strong{color:#0f172a;font-size:15px;font-weight:700}.setup-account-form{flex-direction:column;gap:22px;display:flex}.setup-form-group{flex-direction:column;gap:10px;display:flex}.setup-form-group label{color:#0f172a;font-size:14px;font-weight:700}.setup-input-wrapper{background:#fff;border:1px solid #dbe3ee;border-radius:18px;align-items:center;gap:14px;height:60px;padding:0 18px;transition:border-color .2s,box-shadow .2s;display:flex}.setup-input-wrapper:focus-within{border-color:#009de0;box-shadow:0 0 0 4px #009de01f}.setup-input-wrapper svg{color:#94a3b8;font-size:22px}.setup-input-wrapper input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:15px}.setup-success{color:#16a34a;background:#22c55e14;border:1px solid #22c55e1f;border-radius:16px;align-items:center;gap:10px;padding:16px;font-size:14px;font-weight:700;display:flex}.setup-error{color:#dc2626;background:#dc262614;border:1px solid #dc26261f;border-radius:16px;padding:16px;font-size:14px;font-weight:600}.setup-account-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#009de0,#007cb4);border:none;border-radius:18px;justify-content:center;align-items:center;gap:10px;height:60px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex}.setup-account-button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #009de040}.setup-account-button:disabled{opacity:.7;cursor:not-allowed}@media (width<=640px){.setup-account-card{padding:30px}.setup-account-card__header h1{font-size:32px}}.mfa-page{justify-content:center;width:100%;display:flex}.mfa-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe0;border:1px solid #ffffffb3;border-radius:32px;width:100%;max-width:560px;padding:42px;box-shadow:0 10px 40px #0f172a14,0 2px 8px #0f172a0a}.mfa-icon{color:#fff;background:linear-gradient(135deg,#009de0,#007cb4);border-radius:26px;justify-content:center;align-items:center;width:82px;height:82px;margin:0 auto 28px;font-size:38px;display:flex;box-shadow:0 20px 40px #009de03d}.mfa-icon--success{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 20px 40px #22c55e3d}.mfa-card h1{color:#0f172a;text-align:center;margin-bottom:14px;font-size:42px;font-weight:800;line-height:1.1}.mfa-card p{text-align:center;color:#64748b;max-width:460px;margin:0 auto 34px;font-size:16px;line-height:1.8}.qr-box{justify-content:center;margin-bottom:28px;display:flex}.qr-box img{background:#fff;border:1px solid #e2e8f0;border-radius:28px;width:240px;height:240px;padding:18px;box-shadow:0 10px 30px #0f172a0f}.manual-key{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;padding:18px 20px;display:flex}.manual-key span{overflow-wrap:anywhere;color:#0f172a;letter-spacing:1px;flex:1;font-size:14px;font-weight:700}.manual-key button{color:#009de0;cursor:pointer;background:#009de01a;border:none;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,transform .2s;display:flex}.manual-key button:hover{background:#009de02e;transform:translateY(-2px)}.manual-key button svg{font-size:20px}.mfa-form{flex-direction:column;gap:24px;display:flex}.mfa-form-group{flex-direction:column;gap:12px;display:flex}.mfa-form-group label{color:#0f172a;font-size:14px;font-weight:700}.mfa-form input{text-align:center;letter-spacing:8px;color:#0f172a;background:#fff;border:1px solid #dbe3ee;border-radius:20px;outline:none;width:100%;height:68px;font-size:32px;font-weight:700;transition:border-color .2s,box-shadow .2s}.mfa-form input:focus{border-color:#009de0;box-shadow:0 0 0 4px #009de01f}.mfa-form input::placeholder{color:#cbd5e1}.mfa-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#009de0,#007cb4);border:none;border-radius:18px;justify-content:center;align-items:center;gap:12px;height:62px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex}.mfa-button:hover{transform:translateY(-2px);box-shadow:0 14px 34px #009de03d}.mfa-button:disabled{opacity:.7;cursor:not-allowed}.mfa-error{color:#dc2626;background:#dc262614;border:1px solid #dc26261f;border-radius:16px;padding:16px;font-size:14px;font-weight:600}.backup-codes{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:34px;display:grid}.backup-codes code{text-align:center;color:#0f172a;letter-spacing:1px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px;font-size:15px;font-weight:700}@media (width<=640px){.mfa-card{padding:28px}.mfa-card h1{font-size:34px}.qr-box img{width:210px;height:210px}.backup-codes{grid-template-columns:1fr}.mfa-form input{letter-spacing:5px;font-size:26px}}.mfa-verify-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe0;border:1px solid #ffffffb3;border-radius:32px;width:100%;max-width:460px;padding:42px;box-shadow:0 10px 40px #0f172a14,0 2px 8px #0f172a0a}.mfa-verify-card__header{text-align:center;margin-bottom:34px}.mfa-verify-card__icon{color:#fff;background:linear-gradient(135deg,#009de0,#007cb4);border-radius:24px;justify-content:center;align-items:center;width:78px;height:78px;margin:0 auto 24px;font-size:36px;display:flex;box-shadow:0 18px 40px #009de03d}.mfa-verify-card__header h1{color:#0f172a;margin-bottom:14px;font-size:38px;font-weight:800;line-height:1.1}.mfa-verify-card__header p{color:#64748b;font-size:16px;line-height:1.8}.mfa-verify-form{flex-direction:column;gap:22px;display:flex}.mfa-verify-form__group{flex-direction:column;gap:12px;display:flex}.mfa-verify-form__group label{color:#0f172a;font-size:15px;font-weight:700}.mfa-verify-form__group input{letter-spacing:10px;text-align:center;color:#0f172a;background:#fff;border:1px solid #dbe3ee;border-radius:20px;outline:none;height:68px;padding:0 20px;font-size:30px;font-weight:700;transition:border-color .2s,box-shadow .2s}.mfa-verify-form__group input:focus{border-color:#009de0;box-shadow:0 0 0 4px #009de01f}.mfa-verify-form__group input::placeholder{color:#cbd5e1}.mfa-verify-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#009de0,#007cb4);border:none;border-radius:18px;justify-content:center;align-items:center;gap:10px;height:60px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex}.mfa-verify-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #009de03d}.mfa-verify-button:disabled{opacity:.65;cursor:not-allowed}.mfa-verify-error{color:#dc2626;background:#dc262614;border:1px solid #dc26261f;border-radius:16px;padding:16px;font-size:14px;font-weight:600}@media (width<=640px){.mfa-verify-card{padding:30px}.mfa-verify-card__header h1{font-size:30px}.mfa-verify-form__group input{letter-spacing:8px;font-size:24px}}.dashboard-section{background:#fff;border:1px solid #e2e8f0;border-radius:30px;padding:28px}.dashboard-section__header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.dashboard-section__header h2{color:#0f172a;margin-bottom:6px;font-size:22px;font-weight:900}.dashboard-section__header p{color:#64748b;font-size:14px;line-height:1.6}.dashboard-section__content{width:100%}@media (width<=768px){.dashboard-section{border-radius:24px;padding:20px}.dashboard-section__header{flex-direction:column}}.dashboard-overtime-balance{color:#fff;background:linear-gradient(135deg,#009de0,#0077b6);border-radius:30px;align-items:center;gap:22px;min-height:170px;padding:28px;display:flex}.dashboard-overtime-balance__icon{background:#ffffff24;border-radius:24px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:34px;display:flex}.dashboard-overtime-balance span{color:#ffffffc7;margin-bottom:10px;font-size:13px;font-weight:800;display:block}.dashboard-overtime-balance strong{margin-bottom:10px;font-size:44px;font-weight:900;line-height:1;display:block}.dashboard-overtime-balance p{color:#fffc;font-size:13px;line-height:1.6}@media (width<=768px){.dashboard-overtime-balance{flex-direction:column;align-items:flex-start}.dashboard-overtime-balance strong{font-size:34px}}.status-badge{min-height:30px;font-size:var(--font-size-xs);text-transform:capitalize;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding-inline:12px;font-weight:800;display:inline-flex}.status-badge--active,.status-badge--approved{color:var(--color-success);background:#16a34a1f}.status-badge--pending,.status-badge--invited,.status-badge--coach_approved{color:var(--color-warning);background:#f59e0b24}.status-badge--inactive,.status-badge--rejected,.status-badge--cancelled{color:var(--color-danger);background:#dc26261a}.status-badge--unknown{color:var(--color-text-light);background:#e2e8f0}.pending-card-list{flex-direction:column;gap:12px;display:flex}.pending-card-item{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;justify-content:space-between;gap:16px;width:100%;padding:16px;display:flex}.pending-card-item strong{color:#0f172a;margin-bottom:4px;display:block}.pending-card-item span{color:#64748b;font-size:13px}.pending-card-empty{color:#64748b;text-align:center;background:#f8fafc;border-radius:18px;padding:24px;font-weight:700}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.quick-action{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:22px;align-items:flex-start;gap:14px;min-height:118px;padding:18px;display:flex}.quick-action>span{color:#009de0;background:#009de01a;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex}.quick-action strong{color:#0f172a;margin-bottom:6px;font-size:14px;font-weight:900;display:block}.quick-action small{color:#64748b;line-height:1.5}@media (width<=900px){.quick-actions{grid-template-columns:1fr}}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;justify-content:space-between;align-items:flex-start;gap:18px;min-height:150px;padding:24px;display:flex}.stat-card__content span{color:#64748b;margin-bottom:10px;font-size:13px;font-weight:800;display:block}.stat-card__content strong{color:#0f172a;font-size:34px;font-weight:900;line-height:1;display:block}.stat-card__content p{color:#64748b;margin-top:10px;font-size:13px;line-height:1.6}.stat-card__icon{color:#009de0;background:#009de01a;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:26px;display:flex}.stat-card--primary{background:linear-gradient(135deg,#009de0,#0077b6);border-color:#0000}.stat-card--primary .stat-card__content span,.stat-card--primary .stat-card__content p{color:#ffffffc7}.stat-card--primary .stat-card__content strong{color:#fff}.stat-card--primary .stat-card__icon{color:#fff;background:#ffffff26}.stat-card--success .stat-card__icon{color:#16a34a;background:#22c55e1a}.stat-card--warning .stat-card__icon{color:#d97706;background:#f59e0b1f}.stat-card--danger .stat-card__icon{color:#dc2626;background:#ef44441a}.dashboard-page{flex-direction:column;gap:28px;display:flex}.dashboard-hero{color:#fff;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:34px;justify-content:space-between;align-items:flex-start;gap:24px;padding:34px;display:flex;position:relative;overflow:hidden}.dashboard-hero:before{content:"";background:#009de029;border-radius:50%;width:260px;height:260px;position:absolute;top:-90px;right:-90px}.dashboard-hero>div{z-index:2;position:relative}.dashboard-hero span{color:#ffffffad;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:800;display:block}.dashboard-hero h1{margin-bottom:12px;font-size:38px;font-weight:900}.dashboard-hero p{color:#ffffffc2;max-width:720px;font-size:15px;line-height:1.7}.dashboard-hero__role{color:#fff;text-transform:uppercase;background:#ffffff1f;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:900}.dashboard-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.dashboard-balance-grid{grid-template-columns:.9fr 1.1fr;align-items:stretch;gap:22px;display:grid}@media (width<=1200px){.dashboard-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-balance-grid{grid-template-columns:1fr}}@media (width<=768px){.dashboard-hero{border-radius:26px;flex-direction:column;padding:24px}.dashboard-hero h1{font-size:30px}.dashboard-stats-grid{grid-template-columns:1fr}}.data-table-shell{background:#fff;border:1px solid #e2e8f0;border-radius:24px;width:100%;overflow:hidden;box-shadow:0 8px 24px #0f172a0a,0 1px 3px #0f172a0a}.data-table-wrapper{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:760px}.data-table thead{background:#f8fafc}.data-table th{text-align:left;color:#64748b;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:18px 22px;font-size:13px;font-weight:800}.data-table td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:18px 22px;font-size:14px}.data-table tbody tr:hover{background:#f8fbfe}.data-table tbody tr:last-child td{border-bottom:none}.data-table__empty{text-align:center;color:#64748b;height:220px;font-size:15px;font-weight:700}.table-state{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:260px;font-weight:700;display:flex}.table-loader{border:4px solid #dbeafe;border-top-color:#009de0;border-radius:50%;width:42px;height:42px;animation:.8s linear infinite table-spin}@keyframes table-spin{to{transform:rotate(360deg)}}@media (width<=768px){.data-table-shell{box-shadow:none;background:0 0;border:none}.data-table{border-collapse:separate;border-spacing:0 14px;min-width:100%}.data-table thead{display:none}.data-table tbody,.data-table tr,.data-table td{display:block}.data-table tr{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 6px 18px #0f172a0a}.data-table td{justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.data-table td:before{content:attr(data-label);color:#64748b;font-size:12px;font-weight:800}.data-table__empty{height:auto;padding:60px 20px;display:block}.data-table__empty:before{content:""}}.modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a94;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:28px;width:100%;max-width:620px;max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 30px 80px #0f172a38,0 10px 30px #0f172a1f}.modal__header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:18px;padding:28px 30px;display:flex}.modal__header h2{color:#0f172a;margin:0;font-size:28px;font-weight:900;line-height:1.1}.modal__header p{color:#64748b;margin-top:8px;font-size:14px;line-height:1.6}.modal__close{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:background .2s,color .2s,transform .2s;display:flex}.modal__close:hover{color:#009de0;background:#dbeafe;transform:rotate(90deg)}.modal__close svg{font-size:22px}.modal__body{padding:30px}@media (width<=640px){.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:28px 28px 0 0;max-width:100%;max-height:95vh}.modal__header,.modal__body{padding:22px}.modal__header h2{font-size:24px}}.confirm-modal{text-align:center;flex-direction:column;align-items:center;display:flex}.confirm-modal__icon{border-radius:24px;justify-content:center;align-items:center;width:82px;height:82px;margin-bottom:24px;display:flex}.confirm-modal__icon svg{font-size:42px}.confirm-modal__icon--danger{color:#dc2626;background:#ef44441a}.confirm-modal__icon--warning{color:#f59e0b;background:#f59e0b1f}.confirm-modal__icon--success{color:#22c55e;background:#22c55e1f}.confirm-modal__icon--info{color:#009de0;background:#009de01a}.confirm-modal__message{color:#64748b;margin-bottom:30px;font-size:15px;line-height:1.7}.confirm-modal__actions{justify-content:center;align-items:center;gap:14px;width:100%;display:flex}.confirm-modal__cancel,.confirm-modal__confirm{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;height:52px;padding:0 22px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex}.confirm-modal__cancel{color:#334155;background:#f1f5f9}.confirm-modal__cancel:hover{background:#e2e8f0}.confirm-modal__confirm{color:#fff}.confirm-modal__confirm--danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.confirm-modal__confirm--danger:hover{box-shadow:0 12px 24px #ef444440}.confirm-modal__confirm--warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.confirm-modal__confirm--warning:hover{box-shadow:0 12px 24px #f59e0b40}.confirm-modal__confirm--success{background:linear-gradient(135deg,#22c55e,#16a34a)}.confirm-modal__confirm--success:hover{box-shadow:0 12px 24px #22c55e40}.confirm-modal__confirm--info{background:linear-gradient(135deg,#009de0,#007cb4)}.confirm-modal__confirm--info:hover{box-shadow:0 12px 24px #009de040}.confirm-modal__confirm:disabled,.confirm-modal__cancel:disabled{opacity:.7;cursor:not-allowed}@media (width<=640px){.confirm-modal__actions{flex-direction:column}.confirm-modal__cancel,.confirm-modal__confirm{width:100%}}.users-page{flex-direction:column;gap:28px;display:flex}.users-panel{background:#fff;border:1px solid #e2e8f0;border-radius:30px;padding:30px;box-shadow:0 10px 30px #0f172a0a,0 1px 3px #0f172a0a}.users-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.users-header h1{color:#0f172a;margin-bottom:8px;font-size:34px;font-weight:900}.users-header p{color:#64748b;line-height:1.7}.users-create{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#009de0,#007cb4);border:none;border-radius:16px;align-items:center;gap:10px;height:52px;padding:0 22px;font-size:14px;font-weight:800;display:flex}.users-create:hover{box-shadow:0 12px 28px #009de038}.users-filters{grid-template-columns:2fr repeat(3,minmax(0,1fr));gap:14px;margin-bottom:26px;display:grid}.users-search{position:relative}.users-search svg{color:#64748b;font-size:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.users-search input,.users-filters select{background:#fff;border:1px solid #dbe3ee;border-radius:16px;outline:none;width:100%;height:52px;padding:0 16px;font-size:14px}.users-search input{padding-left:48px}.users-search input:focus,.users-filters select:focus{border-color:#009de0;box-shadow:0 0 0 4px #009de01f}.users-user{align-items:center;gap:14px;display:flex}.users-user__avatar{color:#0f172a;background:#0f172a14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-weight:900;display:flex}.users-user__content{flex-direction:column;display:flex}.users-user__content strong{color:#0f172a;font-size:14px}.users-user__content span{color:#64748b;margin-top:4px;font-size:13px}.users-actions{align-items:center;gap:10px;display:flex}.users-actions button{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:38px;height:38px;padding:0 14px;font-size:14px;font-weight:700;display:flex}.users-actions button:hover{color:#009de0;background:#dbeafe}.users-actions__danger:hover{color:#dc2626!important;background:#fee2e2!important}.users-actions__success:hover{color:#15803d!important;background:#22c55e1f!important}.users-error{color:#dc2626;background:#dc262614;border:1px solid #dc26261f;border-radius:16px;margin-bottom:18px;padding:16px;font-size:14px;font-weight:700}@media (width<=1200px){.users-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.users-panel{border-radius:24px;padding:22px}.users-header{flex-direction:column}.users-create{justify-content:center;width:100%}.users-filters{grid-template-columns:1fr}.users-actions{flex-wrap:wrap}.users-header h1{font-size:28px}}.sidebar{width:var(--sidebar-width);color:#fff;background:linear-gradient(#081225 0%,#0b1730 100%);border-right:1px solid #ffffff0a;flex-direction:column;flex-shrink:0;height:100vh;padding:22px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:999px}.sidebar__close{display:none}.sidebar__logo{align-items:center;gap:14px;margin-bottom:28px;padding:0 6px;display:flex}.sidebar__logo-icon{letter-spacing:.5px;color:#fff;background:linear-gradient(135deg,#14b8ff 0%,#009de0 100%);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:20px;font-weight:900;display:flex;box-shadow:0 10px 24px #009de047}.sidebar__logo-text{color:#fff;margin-bottom:6px;font-size:28px;font-weight:900;line-height:1}.sidebar__logo-subtitle{color:#ffffff94;font-size:13px;font-weight:500;line-height:1.5}.sidebar__user{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffff0f,#ffffff08);border:1px solid #ffffff0f;border-radius:24px;align-items:center;gap:14px;margin-bottom:28px;padding:18px;display:flex}.sidebar__avatar{color:#fff;background:linear-gradient(135deg,#ffffff1f,#ffffff14);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:22px;font-weight:800;display:flex}.sidebar__user-info{flex-direction:column;min-width:0;display:flex}.sidebar__user-info span{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;line-height:1.3;overflow:hidden}.sidebar__user-info small{color:#ffffff9e;text-transform:capitalize;align-items:center;gap:6px;margin-top:6px;font-size:13px;display:flex}.sidebar__user-info small svg{font-size:14px}.sidebar__nav{flex-direction:column;gap:6px;display:flex}.sidebar__link{color:#ffffffb8;border-radius:18px;align-items:center;gap:14px;height:56px;padding:0 16px;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:flex;position:relative}.sidebar__link:hover{color:#fff;background:#ffffff0f}.sidebar__link--active{color:#fff;background:linear-gradient(135deg,#14b8ff 0%,#009de0 100%);box-shadow:0 12px 24px #009de03d}.sidebar__link--active:before{content:"";background:#38bdf8;border-radius:999px;width:4px;height:28px;position:absolute;top:50%;left:-18px;transform:translateY(-50%)}.sidebar__icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:22px;display:flex}.sidebar__link span:last-child{font-size:16px;font-weight:600}.sidebar-overlay{display:none}@media (width<=1024px){.sidebar{z-index:999;transition:left .3s;position:fixed;top:0;left:-100%}.sidebar--open{left:0}.sidebar__close{color:#fff;background:#ffffff14;border:none;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:24px;margin-left:auto;font-size:24px;display:flex}.sidebar-overlay{z-index:998;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a8c;transition:opacity .25s;display:block;position:fixed;inset:0}.sidebar-overlay--visible{opacity:1;pointer-events:all}}@media (width<=640px){.sidebar{width:290px}.sidebar__logo-text{font-size:24px}.sidebar__user-info span{font-size:16px}}.topbar{min-height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-5);z-index:50;padding:22px 32px;display:flex;position:sticky;top:0}.topbar__left{align-items:center;gap:18px;min-width:0;display:flex}.topbar__content h1{color:var(--color-text);margin-bottom:4px;font-size:28px;line-height:1.1}.topbar__content p{color:var(--color-text-light);font-size:var(--font-size-sm)}.topbar__menu-button{width:46px;height:46px;color:var(--color-text);background:#f1f5f9;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;display:none}.topbar__menu-button:hover{background:#e2e8f0}.topbar__right{flex-shrink:0;align-items:center;gap:16px;display:flex}.topbar-profile{position:relative}.topbar-profile__trigger{transition:var(--transition-fast);border-radius:18px;align-items:center;gap:14px;padding:10px 14px;display:flex}.topbar-profile__trigger:hover{background:#f8fafc}.topbar__avatar{width:46px;height:46px;color:var(--color-primary);background:#009de01f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.topbar__user{text-align:left;flex-direction:column;display:flex}.topbar__user span{color:var(--color-text);font-weight:700}.topbar__user small{color:var(--color-text-light);text-transform:capitalize}.topbar-profile__arrow{color:#94a3b8;align-items:center;font-size:18px;display:flex}.topbar-dropdown{border:1px solid var(--color-border);width:220px;box-shadow:var(--shadow-lg);z-index:999;background:#fff;border-radius:18px;padding:10px;position:absolute;top:calc(100% + 12px);right:0}.topbar-dropdown__item{width:100%;height:48px;color:var(--color-text);transition:var(--transition-fast);border-radius:12px;align-items:center;gap:12px;padding-inline:14px;display:flex}.topbar-dropdown__item:hover{background:#f8fafc}.topbar-dropdown__item--danger{color:var(--color-danger)}@media (width<=1024px){.topbar__menu-button{display:flex}}@media (width<=768px){.topbar{padding:18px 20px}.topbar__content h1{font-size:22px}.topbar__content p,.topbar__user{display:none}.topbar-profile__trigger{padding:0}.topbar-profile__arrow{display:none}}.dashboard-layout{background:var(--color-background);min-height:100vh;display:flex}.dashboard-layout__main{flex-direction:column;flex:1;min-width:0;display:flex}.dashboard-content{flex:1;padding:32px}@media (width<=1024px){.dashboard-content{padding:20px}}.table-toolbar{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:22px;display:flex}@media (width<=768px){.table-toolbar{flex-direction:column;align-items:stretch}}.filter-search{width:100%;max-width:340px;position:relative}.filter-search svg{color:#94a3b8;font-size:20px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.filter-search input{color:#0f172a;background:#fff;border:1px solid #dbe3ee;border-radius:16px;outline:none;width:100%;height:52px;padding:0 18px 0 50px;font-size:14px;transition:border-color .2s,box-shadow .2s}.filter-search input:focus{border-color:#009de0;box-shadow:0 0 0 4px #009de01f}.filter-search input::placeholder{color:#94a3b8}.filter-select{min-width:220px;position:relative}.filter-select select{color:#0f172a;cursor:pointer;appearance:none;background:#fff;border:1px solid #dbe3ee;border-radius:16px;outline:none;width:100%;height:52px;padding:0 48px 0 18px;font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s}.filter-select select:focus{border-color:#009de0;box-shadow:0 0 0 4px #009de01f}.filter-select svg{color:#64748b;pointer-events:none;font-size:18px;position:absolute;top:50%;right:18px;transform:translateY(-50%)}@media (width<=768px){.filter-search{max-width:100%}.filter-select{width:100%}}.school-year-form{flex-direction:column;gap:22px;display:flex}.school-year-form__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.school-year-form__group{flex-direction:column;gap:10px;display:flex}.school-year-form__group label{color:#0f172a;font-size:14px;font-weight:800}.school-year-form__group input{background:#fff;border:1px solid #dbe3ee;border-radius:16px;outline:none;height:54px;padding:0 16px;font-size:14px}.school-year-form__group input:focus{border-color:#009de0;box-shadow:0 0 0 4px #009de01f}.school-year-form__checkbox{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;align-items:flex-start;gap:14px;padding:18px;display:flex}.school-year-form__checkbox input{width:18px;height:18px;margin-top:4px}.school-year-form__checkbox strong{color:#0f172a;margin-bottom:4px;font-size:14px;display:block}.school-year-form__checkbox span{color:#64748b;font-size:13px;line-height:1.5;display:block}.school-year-form__submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#009de0,#007cb4);border:none;border-radius:18px;height:56px;font-size:15px;font-weight:800}.school-year-form__submit:disabled{opacity:.7;cursor:not-allowed}@media (width<=640px){.school-year-form__grid{grid-template-columns:1fr}}.school-years-page{flex-direction:column;gap:28px;display:flex}.school-years-panel{background:#fff;border:1px solid #e2e8f0;border-radius:30px;padding:30px;box-shadow:0 10px 30px #0f172a0a,0 1px 3px #0f172a0a}.school-years-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px;display:flex}.school-years-header h1{color:#0f172a;margin-bottom:8px;font-size:34px;font-weight:900;line-height:1.1}.school-years-header p{color:#64748b;font-size:15px}.school-years-create{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#009de0,#007cb4);border:none;border-radius:16px;align-items:center;gap:10px;height:52px;padding:0 22px;font-size:14px;font-weight:800;display:flex}.school-years-create:hover{box-shadow:0 12px 28px #009de038}.school-year-actions{align-items:center;gap:10px;display:flex}.school-year-actions button{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.school-year-actions button:hover{color:#009de0;background:#dbeafe}.school-year-actions__danger:hover:not(:disabled){color:#dc2626!important;background:#fee2e2!important}.school-year-actions button:disabled{opacity:.45;cursor:not-allowed}.school-year-actions svg{font-size:20px}.school-years-error{color:#dc2626;background:#dc262614;border:1px solid #dc26261f;border-radius:16px;margin-bottom:18px;padding:16px;font-size:14px;font-weight:700}@media (width<=768px){.school-years-panel{border-radius:24px;padding:20px}.school-years-header{flex-direction:column}.school-years-create{justify-content:center;width:100%}.school-years-header h1{font-size:28px}}.team-form{flex-direction:column;gap:22px;display:flex}.team-form__group{flex-direction:column;gap:10px;display:flex}.team-form__group label{color:#0f172a;font-size:14px;font-weight:800}.team-form__group input,.team-form__group select{background:#fff;border:1px solid #dbe3ee;border-radius:16px;outline:none;height:54px;padding:0 16px;font-size:14px}.team-form__group input:focus,.team-form__group select:focus{border-color:#009de0;box-shadow:0 0 0 4px #009de01f}.team-form__submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#009de0,#007cb4);border:none;border-radius:18px;height:56px;font-size:15px;font-weight:800}.team-form__submit:disabled{opacity:.7;cursor:not-allowed}.teams-page{flex-direction:column;gap:28px;display:flex}.teams-panel{background:#fff;border:1px solid #e2e8f0;border-radius:30px;padding:30px;box-shadow:0 10px 30px #0f172a0a,0 1px 3px #0f172a0a}.teams-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px;display:flex}.teams-header h1{color:#0f172a;margin-bottom:8px;font-size:34px;font-weight:900;line-height:1.1}.teams-header p{color:#64748b;font-size:15px;line-height:1.7}.teams-create{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#009de0,#007cb4);border:none;border-radius:16px;align-items:center;gap:10px;height:52px;padding:0 22px;font-size:14px;font-weight:800;display:flex}.teams-create:hover{box-shadow:0 12px 28px #009de038}.team-name-cell{align-items:center;gap:14px;display:flex}.team-name-cell__icon{color:#009de0;background:#009de01a;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.team-name-cell__content{flex-direction:column;display:flex}.team-name-cell__content strong{color:#0f172a;font-size:15px}.team-name-cell__content span{color:#64748b;margin-top:4px;font-size:13px}.team-coach{align-items:center;gap:12px;display:flex}.team-coach__avatar{color:#0f172a;background:#0f172a14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:flex}.team-coach__content{flex-direction:column;display:flex}.team-coach__content strong{color:#0f172a;font-size:14px}.team-coach__content span{color:#64748b;margin-top:4px;font-size:13px}.team-actions{align-items:center;gap:10px;display:flex}.team-actions button{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-width:38px;height:38px;padding:0 14px;font-size:14px;font-weight:700;display:flex}.team-actions button:hover{color:#009de0;background:#dbeafe}.team-actions__danger:hover:not(:disabled){color:#dc2626!important;background:#fee2e2!important}.team-actions button:disabled{opacity:.45;cursor:not-allowed}.teams-error{color:#dc2626;background:#dc262614;border:1px solid #dc26261f;border-radius:16px;margin-bottom:18px;padding:16px;font-size:14px;font-weight:700}@media (width<=992px){.teams-panel{border-radius:24px;padding:22px}.teams-header{flex-direction:column}.teams-create{justify-content:center;width:100%}}@media (width<=768px){.team-actions{flex-wrap:wrap}.team-coach__content span{display:none}}.team-details-page{flex-direction:column;gap:24px;display:flex}.team-details-header{flex-direction:column;gap:20px;display:flex}.team-details-back{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:14px;align-items:center;gap:8px;width:fit-content;height:44px;padding:0 14px;font-weight:800;display:inline-flex}.team-details-title{align-items:center;gap:18px;display:flex}.team-details-title__icon{color:#009de0;background:#009de01a;border-radius:24px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:34px;display:flex}.team-details-title h1{color:#0f172a;margin-bottom:8px;font-size:36px;font-weight:900}.team-details-title p{color:#64748b;line-height:1.7}.team-details-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.team-details-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:24px}.team-details-card span{color:#64748b;margin-bottom:10px;display:block}.team-details-card strong{color:#0f172a;font-size:24px;font-weight:900}.team-details-panel{background:#fff;border:1px solid #e2e8f0;border-radius:30px;padding:28px;box-shadow:0 10px 30px #0f172a0a,0 1px 3px #0f172a0a}.team-details-panel__header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.team-details-panel__header h2{color:#0f172a;margin-bottom:8px;font-size:24px;font-weight:900}.team-details-panel__header p{color:#64748b;line-height:1.7}.team-add-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#009de0,#007cb4);border:none;border-radius:16px;align-items:center;gap:10px;height:50px;padding:0 20px;font-weight:800;display:flex}.team-add-button:disabled{opacity:.5;cursor:not-allowed}.team-user-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.team-user-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:14px;padding:18px;transition:all .2s;display:flex}.team-user-card:hover{border-color:#009de0;transform:translateY(-2px)}.team-user-card--selected{background:#009de00f;border-color:#009de0}.team-user-card__avatar{color:#0f172a;background:#0f172a14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-weight:900;display:flex}.team-user-card__content{flex-direction:column;display:flex}.team-user-card__content strong{color:#0f172a;font-size:14px}.team-user-card__content span{color:#64748b;word-break:break-word;margin-top:4px;font-size:13px}.team-empty-users{color:#64748b;text-align:center;border:1px dashed #dbe3ee;border-radius:20px;grid-column:1/-1;padding:30px}.team-member{align-items:center;gap:14px;display:flex}.team-member__avatar{color:#0f172a;background:#0f172a14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-weight:900;display:flex}.team-member__content{flex-direction:column;display:flex}.team-member__content strong{color:#0f172a}.team-member__content span{color:#64748b;margin-top:4px;font-size:13px}.team-remove-button{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:12px;align-items:center;gap:8px;height:38px;padding:0 14px;font-weight:700;display:flex}.team-details-loading{text-align:center;color:#64748b;padding:60px}@media (width<=1200px){.team-user-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.team-details-stats,.team-user-grid{grid-template-columns:1fr}.team-details-panel{border-radius:24px;padding:22px}.team-details-panel__header{flex-direction:column}.team-add-button{justify-content:center;width:100%}.team-details-title{align-items:flex-start}.team-details-title h1{font-size:28px}}.user-form{flex-direction:column;gap:22px;display:flex}.user-form__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.user-form__group{flex-direction:column;gap:10px;display:flex}.user-form__group label{color:#0f172a;font-size:14px;font-weight:800}.user-form__group input,.user-form__group select{background:#fff;border:1px solid #dbe3ee;border-radius:16px;outline:none;height:54px;padding:0 16px;font-size:14px}.user-form__group input:focus,.user-form__group select:focus{border-color:#009de0;box-shadow:0 0 0 4px #009de01f}.user-form__submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#009de0,#007cb4);border:none;border-radius:18px;height:56px;font-size:15px;font-weight:800}.user-form__submit:disabled{opacity:.7;cursor:not-allowed}@media (width<=640px){.user-form__grid{grid-template-columns:1fr}}.create-user-page{max-width:780px;margin:0 auto}.create-user-panel{background:#fff;border:1px solid #e2e8f0;border-radius:30px;padding:30px;box-shadow:0 10px 30px #0f172a0a,0 1px 3px #0f172a0a}.create-user-back{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:14px;align-items:center;gap:8px;height:44px;margin-bottom:26px;padding:0 14px;font-weight:800;display:inline-flex}.create-user-header{margin-bottom:28px}.create-user-header h1{color:#0f172a;margin-bottom:8px;font-size:34px;font-weight:900}.create-user-header p{color:#64748b;line-height:1.7}.create-user-error,.create-user-success{border-radius:16px;margin-bottom:20px;padding:16px;font-size:14px;font-weight:700}.create-user-error{color:#dc2626;background:#dc262614}.create-user-success{color:#15803d;background:#22c55e1a}.contracts-page{flex-direction:column;gap:28px;display:flex}.contracts-panel{background:#fff;border:1px solid #e2e8f0;border-radius:30px;padding:30px;box-shadow:0 10px 30px #0f172a0a,0 1px 3px #0f172a0a}.contracts-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.contracts-header h1{color:#0f172a;margin-bottom:8px;font-size:34px;font-weight:900}.contracts-header p{color:#64748b;line-height:1.7}.contracts-create{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#009de0,#007cb4);border:none;border-radius:16px;align-items:center;gap:10px;height:52px;padding:0 22px;font-size:14px;font-weight:800;display:flex}.contracts-create:hover{box-shadow:0 12px 28px #009de038}.contracts-filters{grid-template-columns:2fr repeat(2,minmax(0,1fr));gap:14px;margin-bottom:26px;display:grid}.contracts-search{position:relative}.contracts-search svg{color:#64748b;font-size:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.contracts-search input,.contracts-filters select{background:#fff;border:1px solid #dbe3ee;border-radius:16px;outline:none;width:100%;height:52px;padding:0 16px;font-size:14px}.contracts-search input{padding-left:48px}.contracts-search input:focus,.contracts-filters select:focus{border-color:#009de0;box-shadow:0 0 0 4px #009de01f}.contracts-user{align-items:center;gap:14px;display:flex}.contracts-user__icon{color:#009de0;background:#009de01a;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.contracts-user strong{color:#0f172a;margin-bottom:4px;font-size:14px;display:block}.contracts-user span{color:#64748b;font-size:13px}.contracts-vacation{align-items:baseline;gap:6px;display:flex}.contracts-vacation strong{color:#0f172a;font-size:16px;font-weight:900}.contracts-vacation span{color:#64748b;font-size:13px}.contracts-details{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;height:38px;padding:0 14px;font-size:13px;font-weight:800}.contracts-details:hover{color:#009de0;background:#dbeafe}.contracts-error{color:#dc2626;background:#dc262614;border:1px solid #dc26261f;border-radius:16px;margin-bottom:18px;padding:16px;font-size:14px;font-weight:700}@media (width<=1200px){.contracts-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.contracts-panel{border-radius:24px;padding:22px}.contracts-header{flex-direction:column}.contracts-create{justify-content:center;width:100%}.contracts-filters{grid-template-columns:1fr}.contracts-header h1{font-size:28px}}.contract-form{flex-direction:column;gap:22px;display:flex}.contract-form__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.contract-form__group{flex-direction:column;gap:10px;display:flex}.contract-form__group label{color:#0f172a;font-size:14px;font-weight:800}.contract-form__group input,.contract-form__group select{background:#fff;border:1px solid #dbe3ee;border-radius:16px;outline:none;width:100%;height:54px;padding:0 16px;font-size:14px}.contract-form__group input:focus,.contract-form__group select:focus{border-color:#009de0;box-shadow:0 0 0 4px #009de01f}.contract-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.contract-preview__item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:20px}.contract-preview__item span{color:#64748b;margin-bottom:8px;font-size:13px;display:block}.contract-preview__item strong{color:#0f172a;font-size:28px;font-weight:900}.contract-form__submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#009de0,#007cb4);border:none;border-radius:18px;height:56px;font-size:15px;font-weight:800}.contract-form__submit:disabled{opacity:.7;cursor:not-allowed}@media (width<=640px){.contract-form__grid,.contract-preview{grid-template-columns:1fr}}.create-contract-page{max-width:820px;margin:0 auto}.create-contract-panel{background:#fff;border:1px solid #e2e8f0;border-radius:30px;padding:30px;box-shadow:0 10px 30px #0f172a0a,0 1px 3px #0f172a0a}.create-contract-back{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:14px;align-items:center;gap:8px;height:44px;margin-bottom:26px;padding:0 14px;font-weight:800;display:inline-flex}.create-contract-header{margin-bottom:28px}.create-contract-header h1{color:#0f172a;margin-bottom:8px;font-size:34px;font-weight:900}.create-contract-header p{color:#64748b;line-height:1.7}.create-contract-error,.create-contract-success{border-radius:16px;margin-bottom:20px;padding:16px;font-size:14px;font-weight:700}.create-contract-error{color:#dc2626;background:#dc262614}.create-contract-success{color:#15803d;background:#22c55e1a}.contract-details-page{flex-direction:column;gap:28px;display:flex}.contract-details-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.contract-details-header h1{color:#0f172a;margin-bottom:8px;font-size:36px;font-weight:900}.contract-details-header p{color:#64748b;line-height:1.7}.contract-details-header__actions{align-items:center;gap:12px;display:flex}.contract-details-header__actions button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#009de0,#007cb4);border:none;border-radius:16px;height:50px;padding:0 20px;font-size:14px;font-weight:800}.contract-details-header__actions button:hover{box-shadow:0 12px 28px #009de038}.contract-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.contract-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:26px;box-shadow:0 10px 30px #0f172a0a,0 1px 3px #0f172a0a}.contract-card--highlight{background:linear-gradient(135deg,#009de00a,#009de005)}.contract-card__title{color:#0f172a;align-items:center;gap:10px;margin-bottom:26px;font-size:17px;font-weight:900;display:flex}.contract-card__title svg{color:#009de0;font-size:22px}.contract-info-list{flex-direction:column;gap:18px;display:flex}.contract-info-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:18px;padding-bottom:18px;display:flex}.contract-info-row:last-child{border-bottom:none;padding-bottom:0}.contract-info-row span{color:#64748b;font-size:14px}.contract-info-row strong{color:#0f172a;text-align:right;font-size:14px;font-weight:800}.contract-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.contract-stat{text-align:center;background:#fff;border:1px solid #009de014;border-radius:20px;padding:22px}.contract-stat span{color:#64748b;margin-bottom:12px;font-size:13px;display:block}.contract-stat strong{color:#0f172a;font-size:34px;font-weight:900;display:block}.contract-details-error{color:#dc2626;background:#dc262614;border:1px solid #dc26261f;border-radius:16px;padding:16px;font-size:14px;font-weight:700}.contract-details-loading{text-align:center;color:#64748b;padding:40px;font-size:15px;font-weight:700}@media (width<=1100px){.contract-details-grid{grid-template-columns:1fr}}@media (width<=768px){.contract-details-header{flex-direction:column}.contract-details-header__actions{width:100%}.contract-details-header__actions button{justify-content:center;width:100%}.contract-details-header h1{font-size:30px}.contract-card{border-radius:24px;padding:22px}.contract-stats{grid-template-columns:1fr}.contract-stat strong{font-size:28px}.contract-info-row{flex-direction:column;align-items:flex-start}.contract-info-row strong{text-align:left}}.edit-contract-page{max-width:820px;margin:0 auto}.edit-contract-panel{background:#fff;border:1px solid #e2e8f0;border-radius:30px;padding:30px;box-shadow:0 10px 30px #0f172a0a,0 1px 3px #0f172a0a}.edit-contract-back{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:14px;align-items:center;gap:8px;height:44px;margin-bottom:26px;padding:0 14px;font-weight:800;display:inline-flex}.edit-contract-header{margin-bottom:28px}.edit-contract-header h1{color:#0f172a;margin-bottom:8px;font-size:34px;font-weight:900}.edit-contract-header p{color:#64748b;line-height:1.7}.edit-contract-error,.edit-contract-success{border-radius:16px;margin-bottom:20px;padding:16px;font-size:14px;font-weight:700}.edit-contract-error{color:#dc2626;background:#dc262614}.edit-contract-success{color:#15803d;background:#22c55e1a}.edit-contract-loading{text-align:center;color:#64748b;padding:40px;font-weight:700}@media (width<=768px){.edit-contract-panel{border-radius:24px;padding:22px}.edit-contract-header h1{font-size:28px}}.leaves-page{flex-direction:column;gap:28px;display:flex}.leaves-panel{background:#fff;border:1px solid #e2e8f0;border-radius:30px;padding:30px;box-shadow:0 10px 30px #0f172a0a,0 1px 3px #0f172a0a}.leaves-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.leaves-header h1{color:#0f172a;margin-bottom:8px;font-size:34px;font-weight:900}.leaves-header p{color:#64748b;line-height:1.7}.leaves-create{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#009de0,#007cb4);border:none;border-radius:16px;align-items:center;gap:10px;height:52px;padding:0 22px;font-size:14px;font-weight:800;display:flex}.leaves-filters{grid-template-columns:2fr repeat(2,minmax(0,1fr));gap:14px;margin-bottom:26px;display:grid}.leaves-search{position:relative}.leaves-search svg{color:#64748b;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.leaves-search input,.leaves-filters select{background:#fff;border:1px solid #dbe3ee;border-radius:16px;outline:none;width:100%;height:52px;padding:0 16px;font-size:14px}.leaves-search input{padding-left:46px}.leaves-search input:focus,.leaves-filters select:focus{border-color:#009de0;box-shadow:0 0 0 4px #009de01f}.leaves-user-cell{align-items:center;gap:14px;display:flex}.leaves-user-cell__avatar{color:#009de0;background:#009de01a;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-weight:900;display:flex}.leaves-user-cell strong{color:#0f172a;margin-bottom:4px;font-size:14px;display:block}.leaves-user-cell span{color:#64748b;font-size:13px}.leaves-type{color:#0f172a;font-weight:800}.leaves-period{flex-direction:column;gap:4px;display:flex}.leaves-period strong{color:#0f172a;font-size:14px}.leaves-period span{color:#64748b;font-size:13px}.leaves-action{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;align-items:center;gap:8px;height:38px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.leaves-action:hover{color:#009de0;background:#dbeafe}.leaves-error{color:#dc2626;background:#dc262614;border:1px solid #dc26261f;border-radius:16px;margin-bottom:18px;padding:16px;font-size:14px;font-weight:700}@media (width<=1100px){.leaves-filters{grid-template-columns:1fr 1fr}}@media (width<=768px){.leaves-panel{border-radius:24px;padding:22px}.leaves-header{flex-direction:column}.leaves-create{justify-content:center;width:100%}.leaves-filters{grid-template-columns:1fr}.leaves-header h1{font-size:28px}}.react-calendar{background:#fff;border:1px solid #a0a096;width:350px;max-width:100%;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{margin:-.5em;display:flex}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar :before,.react-calendar :after{box-sizing:border-box}.react-calendar button{border:0;outline:none;margin:0}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{height:44px;margin-bottom:1em;display:flex}.react-calendar__navigation button{background:0 0;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{font:inherit;justify-content:center;align-items:center;font-size:.75em;font-weight:700;display:flex}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{text-align:center;max-width:100%;font:inherit;background:0 0;padding:10px 6.6667px;font-size:.833em}.react-calendar__tile:disabled{color:#ababab;background-color:#f0f0f0}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{color:#fff;background:#006edc}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.leave-form-modern{width:100%}.leave-form-modern__grid{grid-template-columns:minmax(0,1.35fr) 380px;align-items:start;gap:24px;display:grid}.leave-calendar-card,.leave-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:30px;padding:28px;box-shadow:0 10px 30px #0f172a0a,0 1px 3px #0f172a0a}.leave-calendar-card__header h2,.leave-summary-card h2{color:#0f172a;margin-bottom:8px;font-size:24px;font-weight:900}.leave-calendar-card__header p{color:#64748b;line-height:1.7}.leave-type-row{flex-direction:column;gap:10px;margin:24px 0;display:flex}.leave-type-row label,.leave-reason-box label{color:#0f172a;font-size:14px;font-weight:800}.leave-type-row select{border:1px solid #dbe3ee;border-radius:16px;outline:none;height:52px;padding:0 16px}.leave-calendar-wrapper{overflow-x:auto}.leave-calendar-wrapper .react-calendar{border:none;width:100%;font-family:inherit}.leave-calendar-wrapper .react-calendar__navigation{margin-bottom:18px}.leave-calendar-wrapper .react-calendar__navigation button{color:#0f172a;border-radius:12px;font-weight:800}.leave-calendar-wrapper .react-calendar__month-view__weekdays{color:#64748b;text-transform:uppercase;font-size:12px}.leave-calendar-wrapper .react-calendar__tile{color:#0f172a;border-radius:16px;min-height:70px;font-weight:800}.leave-calendar-wrapper .react-calendar__tile:enabled:hover{background:#009de014}.leave-calendar-wrapper .react-calendar__tile:disabled{color:#cbd5e1;background:#f1f5f9;text-decoration:line-through}.leave-tile-full{color:#fff!important;background:#009de0!important}.leave-tile-morning{color:#0f172a!important;background:linear-gradient(135deg,#009de0 50%,#fef3c7 50%)!important}.leave-tile-afternoon{color:#0f172a!important;background:linear-gradient(135deg,#ede9fe 50%,#009de0 50%)!important}.leave-legend{color:#64748b;flex-wrap:wrap;gap:14px;margin-top:22px;font-size:13px;display:flex}.leave-legend div{align-items:center;gap:8px;display:flex}.legend-dot{border-radius:6px;width:18px;height:18px}.legend-dot--full{background:#009de0}.legend-dot--morning{background:linear-gradient(135deg,#009de0 50%,#fef3c7 50%)}.legend-dot--afternoon{background:linear-gradient(135deg,#ede9fe 50%,#009de0 50%)}.legend-dot--disabled{background:#cbd5e1}.leave-empty-selection{color:#64748b;text-align:center;background:#f8fafc;border-radius:20px;padding:26px;line-height:1.7}.leave-selected-list{flex-direction:column;gap:12px;display:flex}.leave-selected-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;justify-content:space-between;gap:12px;padding:14px;display:flex}.leave-selected-item strong{color:#0f172a;margin-bottom:8px;display:block}.leave-chip{border-radius:999px;width:fit-content;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.leave-chip--full{color:#007cb4;background:#009de01f}.leave-chip--morning{color:#92400e;background:#fef3c7}.leave-chip--afternoon{color:#5b21b6;background:#ede9fe}.leave-selected-actions{align-items:center;gap:10px;display:flex}.leave-selected-actions span{color:#0f172a;font-weight:900}.leave-selected-actions button{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:10px;width:30px;height:30px;font-weight:900}.leave-total-box{background:#009de014;border:1px solid #009de024;border-radius:20px;justify-content:space-between;align-items:center;margin-top:20px;padding:20px;display:flex}.leave-total-box span{color:#0369a1;font-weight:800}.leave-total-box strong{color:#0f172a;font-size:22px;font-weight:900}.leave-reason-box{flex-direction:column;gap:10px;margin-top:22px;display:flex}.leave-reason-box textarea{resize:vertical;border:1px solid #dbe3ee;border-radius:16px;outline:none;width:100%;min-height:120px;padding:14px;line-height:1.6}.leave-submit-button,.leave-clear-button{cursor:pointer;border:none;border-radius:16px;width:100%;height:52px;margin-top:16px;font-weight:900}.leave-submit-button{color:#fff;background:linear-gradient(135deg,#009de0,#007cb4)}.leave-clear-button{color:#334155;background:#f1f5f9}.leave-submit-button:disabled,.leave-clear-button:disabled{opacity:.55;cursor:not-allowed}.leave-day-modal-backdrop{z-index:1400;background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.leave-day-modal{background:#fff;border-radius:28px;width:100%;max-width:480px;padding:28px}.leave-day-modal h2{color:#0f172a;margin-bottom:6px;font-size:24px;font-weight:900}.leave-day-modal p{color:#64748b;margin-bottom:22px}.leave-day-options{flex-direction:column;gap:12px;display:flex}.leave-day-options button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px}.leave-day-options button.is-selected{background:#009de014;border-color:#009de0}.leave-day-options strong{color:#0f172a;margin-bottom:4px;display:block}.leave-day-options span{color:#64748b;font-size:13px}.leave-day-remove,.leave-day-cancel{cursor:pointer;border:none;border-radius:14px;width:100%;height:46px;margin-top:14px;font-weight:900}.leave-day-remove{color:#dc2626;background:#fee2e2}.leave-day-cancel{color:#334155;background:#f1f5f9}@media (width<=1100px){.leave-form-modern__grid{grid-template-columns:1fr}}@media (width<=640px){.leave-calendar-card,.leave-summary-card{border-radius:24px;padding:20px}.leave-calendar-wrapper .react-calendar__tile{border-radius:12px;min-height:54px}}.leave-school-year-info,.leave-school-year-warning{border-radius:18px;margin-bottom:22px;padding:16px 18px;font-size:14px;line-height:1.6}.leave-school-year-info{color:#0369a1;background:#009de014;border:1px solid #009de024}.leave-school-year-info span{margin-bottom:4px;font-weight:800;display:block}.leave-school-year-info strong{color:#0f172a}.leave-school-year-warning{color:#92400e;background:#f59e0b1f;border:1px solid #f59e0b2e;font-weight:800}.create-leave-page__loading{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px;font-weight:800}.create-leave-page{flex-direction:column;gap:24px;display:flex}.create-leave-page__header{flex-direction:column;gap:18px;display:flex}.create-leave-page__back{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:14px;align-items:center;gap:8px;width:fit-content;height:46px;padding:0 16px;font-size:14px;font-weight:800;display:inline-flex}.create-leave-page__back:hover{background:#e2e8f0}.create-leave-page__header h1{color:#0f172a;margin-bottom:8px;font-size:36px;font-weight:900}.create-leave-page__header p{color:#64748b;line-height:1.7}.create-leave-page__error,.create-leave-page__success{border-radius:18px;padding:18px;font-size:14px;font-weight:700}.create-leave-page__error{color:#dc2626;background:#dc262614;border:1px solid #dc26261f}.create-leave-page__success{color:#15803d;background:#22c55e1a;border:1px solid #22c55e24}@media (width<=768px){.create-leave-page__header h1{font-size:30px}}.leave-details-page{flex-direction:column;gap:24px;display:flex}.leave-details-loading{text-align:center;color:#64748b;padding:40px;font-weight:700}.leave-details-header{flex-direction:column;gap:20px;display:flex}.leave-details-back{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:14px;align-items:center;gap:8px;width:fit-content;height:44px;padding:0 14px;font-weight:800;display:inline-flex}.leave-details-title{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.leave-details-title h1{color:#0f172a;margin-bottom:8px;font-size:36px;font-weight:900}.leave-details-title p{color:#64748b}.leave-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.leave-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:26px;box-shadow:0 10px 30px #0f172a0a,0 1px 3px #0f172a0a}.leave-card--wide{grid-column:1/-1}.leave-card h2{color:#0f172a;margin-bottom:22px;font-size:20px;font-weight:900}.leave-info-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex}.leave-info-row:last-child{border-bottom:none}.leave-info-row span{color:#64748b;font-size:14px}.leave-info-row strong{color:#0f172a;text-align:right;font-size:14px;font-weight:800}.leave-days-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.leave-day-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.leave-day-row strong{color:#0f172a}.leave-day-row span{color:#64748b;font-weight:700}.leave-reason,.leave-rejection{color:#334155;background:#f8fafc;border-radius:18px;padding:18px;line-height:1.8}.leave-rejection-title{margin-top:24px}.leave-rejection{color:#991b1b;background:#fee2e2}.leave-actions-panel{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-wrap:wrap;gap:12px;padding:20px;display:flex}.leave-action{color:#fff;cursor:pointer;border:none;border-radius:16px;align-items:center;gap:8px;height:48px;padding:0 18px;font-weight:800;display:inline-flex}.leave-action--success{background:linear-gradient(135deg,#22c55e,#16a34a)}.leave-action--danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.leave-action--warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.leave-details-error{color:#dc2626;background:#dc262614;border-radius:16px;padding:16px;font-size:14px;font-weight:700}.leave-reject-backdrop{z-index:1400;background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.leave-reject-modal{background:#fff;border-radius:24px;width:100%;max-width:520px;padding:28px}.leave-reject-modal h2{color:#0f172a;margin-bottom:8px;font-size:24px;font-weight:900}.leave-reject-modal p{color:#64748b;margin-bottom:18px}.leave-reject-modal textarea{resize:vertical;border:1px solid #dbe3ee;border-radius:16px;outline:none;width:100%;padding:14px}.leave-reject-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.leave-reject-actions button{cursor:pointer;border:none;border-radius:14px;height:46px;padding:0 18px;font-weight:800}.leave-reject-actions button:first-child{color:#334155;background:#f1f5f9}.leave-reject-actions button:last-child{color:#fff;background:#dc2626}@media (width<=1000px){.leave-details-grid{grid-template-columns:1fr}.leave-days-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.leave-details-title{flex-direction:column}.leave-details-title h1{font-size:28px}.leave-card{border-radius:24px;padding:22px}.leave-info-row{flex-direction:column;align-items:flex-start}.leave-info-row strong{text-align:left}.leave-days-list{grid-template-columns:1fr}.leave-action{justify-content:center;width:100%}}.leave-own-warning{color:#92400e;background:#f59e0b1f;border:1px solid #f59e0b38;border-radius:18px;margin-bottom:22px;padding:18px;font-size:14px;font-weight:700;line-height:1.7}.overtime-page{flex-direction:column;display:flex}.overtime-panel{background:#fff;border:1px solid #e2e8f0;border-radius:32px;flex-direction:column;gap:28px;padding:32px;display:flex}.overtime-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.overtime-header h1{color:#0f172a;margin-bottom:10px;font-size:34px;font-weight:900}.overtime-header p{color:#64748b;font-size:15px;line-height:1.7}.overtime-create{color:#fff;cursor:pointer;background:linear-gradient(135deg,#009de0,#0077b6);border:none;border-radius:20px;align-items:center;gap:10px;height:56px;padding:0 24px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex}.overtime-create:hover{transform:translateY(-2px);box-shadow:0 18px 30px #009de040}.overtime-balance-layout{grid-template-columns:2fr 1fr 1fr;gap:20px;display:grid}.overtime-balance-main{background:linear-gradient(135deg,#009de0,#0077b6);border-radius:32px;align-items:center;min-height:190px;padding:34px;display:flex;position:relative;overflow:hidden}.overtime-balance-main:before{content:"";background:#ffffff14;border-radius:50%;width:240px;height:240px;position:absolute;top:-80px;right:-80px}.overtime-balance-main__left{z-index:2;align-items:center;gap:26px;display:flex;position:relative}.overtime-balance-main__icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff24;border-radius:28px;flex-shrink:0;justify-content:center;align-items:center;width:86px;height:86px;font-size:40px;display:flex}.overtime-balance-main span{color:#ffffffbf;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:13px;font-weight:800;display:block}.overtime-balance-main strong{color:#fff;margin-bottom:12px;font-size:54px;font-weight:900;line-height:1;display:block}.overtime-balance-main p{color:#ffffffc7;font-size:14px;line-height:1.6}.overtime-balance-stat{background:#fff;border:1px solid #e2e8f0;border-radius:30px;flex-direction:column;justify-content:center;min-height:190px;padding:28px;display:flex;position:relative;overflow:hidden}.overtime-balance-stat:before{content:"";background:#009de00d;border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-40px}.overtime-balance-stat span{z-index:2;color:#64748b;margin-bottom:14px;font-size:13px;font-weight:700;line-height:1.6;position:relative}.overtime-balance-stat strong{z-index:2;color:#0f172a;font-size:44px;font-weight:900;line-height:1;position:relative}.overtime-filters{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.overtime-search{background:#fff;border:1px solid #dbe3ee;border-radius:20px;flex:1;align-items:center;gap:12px;min-width:240px;height:56px;padding:0 18px;display:flex}.overtime-search svg{color:#64748b;font-size:18px}.overtime-search input{background:0 0;border:none;outline:none;flex:1;font-size:14px}.overtime-filters select{color:#0f172a;background:#fff;border:1px solid #dbe3ee;border-radius:20px;outline:none;height:56px;padding:0 18px;font-size:14px;font-weight:700}.overtime-user-cell{align-items:center;gap:14px;display:flex}.overtime-user-cell__icon{color:#009de0;background:#009de01f;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.overtime-user-cell strong{color:#0f172a;margin-bottom:4px;font-size:14px;display:block}.overtime-user-cell span{color:#64748b;font-size:13px}.overtime-flow{color:#0f172a;text-transform:uppercase;background:#0f172a0f;border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;font-size:12px;font-weight:800;display:inline-flex}.overtime-action{color:#009de0;cursor:pointer;background:#009de014;border:none;border-radius:16px;align-items:center;gap:8px;height:44px;padding:0 16px;font-size:13px;font-weight:800;transition:background .2s;display:inline-flex}.overtime-action:hover{background:#009de024}.overtime-error{color:#dc2626;background:#ef44441a;border:1px solid #ef44442e;border-radius:18px;padding:16px 18px;font-size:14px;font-weight:700}@media (width<=1200px){.overtime-balance-layout{grid-template-columns:1fr}}@media (width<=768px){.overtime-panel{border-radius:24px;padding:20px}.overtime-header{flex-direction:column;align-items:stretch}.overtime-create{justify-content:center;width:100%}.overtime-filters{flex-direction:column;align-items:stretch}.overtime-search,.overtime-filters select{width:100%}.overtime-balance-main{padding:24px}.overtime-balance-main__left{flex-direction:column;align-items:flex-start}.overtime-balance-main strong{font-size:42px}.overtime-balance-stat{min-height:140px}.overtime-balance-stat strong{font-size:32px}}.overtime-form{flex-direction:column;gap:24px;display:flex}.overtime-form__grid{grid-template-columns:1.4fr 1fr 1fr;gap:18px;display:grid}.overtime-form__group{flex-direction:column;gap:10px;display:flex}.overtime-form__group label{color:#0f172a;font-size:14px;font-weight:800}.overtime-form__group input,.overtime-form__group textarea{background:#fff;border:1px solid #dbe3ee;border-radius:18px;outline:none;width:100%;transition:border-color .2s,box-shadow .2s,transform .2s}.overtime-form__group input{height:56px;padding:0 16px;font-size:14px}.overtime-form__group textarea{resize:vertical;min-height:150px;padding:18px;font-size:14px;line-height:1.7}.overtime-form__group input:focus,.overtime-form__group textarea:focus{border-color:#009de0;transform:translateY(-1px);box-shadow:0 0 0 4px #009de01f}.overtime-form__error{color:#dc2626;font-size:13px;font-weight:700}.overtime-preview{background:linear-gradient(135deg,#009de014,#0ea5e91f);border:1px solid #009de024;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.overtime-preview span{color:#0369a1;margin-bottom:8px;font-size:13px;font-weight:800;display:block}.overtime-preview strong{color:#0f172a;font-size:32px;font-weight:900}.overtime-preview__badge{color:#0f172a;white-space:nowrap;background:#ffffffb3;border-radius:999px;justify-content:center;align-items:center;height:42px;padding:0 16px;font-size:13px;font-weight:800;display:inline-flex}.overtime-form__submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#009de0,#007cb4);border:none;border-radius:20px;height:58px;font-size:15px;font-weight:900;transition:transform .2s,box-shadow .2s,opacity .2s}.overtime-form__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 28px #009de038}.overtime-form__submit:disabled{opacity:.55;cursor:not-allowed}@media (width<=768px){.overtime-form__grid{grid-template-columns:1fr}.overtime-preview{flex-direction:column;align-items:flex-start}.overtime-preview strong{font-size:26px}.overtime-preview__badge{width:100%}}.create-overtime-page{flex-direction:column;gap:24px;max-width:920px;display:flex}.create-overtime-back{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:14px;align-items:center;gap:8px;width:fit-content;height:46px;padding:0 16px;font-size:14px;font-weight:800;display:inline-flex}.create-overtime-header h1{color:#0f172a;margin-bottom:8px;font-size:36px;font-weight:900}.create-overtime-header p{color:#64748b;line-height:1.7}.overtime-balance-card{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.overtime-balance-card div{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:22px;box-shadow:0 10px 30px #0f172a0a,0 1px 3px #0f172a0a}.overtime-balance-card span{color:#64748b;margin-bottom:8px;font-size:13px;font-weight:800;display:block}.overtime-balance-card strong{color:#0f172a;font-size:26px;font-weight:900}.create-overtime-panel{background:#fff;border:1px solid #e2e8f0;border-radius:30px;padding:28px;box-shadow:0 10px 30px #0f172a0a,0 1px 3px #0f172a0a}.create-overtime-error,.create-overtime-success{border-radius:18px;padding:18px;font-size:14px;font-weight:800}.create-overtime-error{color:#dc2626;background:#dc262614}.create-overtime-success{color:#15803d;background:#22c55e1a}@media (width<=768px){.overtime-balance-card{grid-template-columns:1fr}.create-overtime-panel{border-radius:24px;padding:22px}.create-overtime-header h1{font-size:30px}}.overtime-details-page{flex-direction:column;gap:24px;display:flex}.overtime-details-loading{text-align:center;color:#64748b;padding:40px;font-weight:700}.overtime-details-back{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:14px;align-items:center;gap:8px;width:fit-content;height:44px;padding:0 14px;font-weight:800;display:inline-flex}.overtime-details-title{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.overtime-details-title h1{color:#0f172a;margin-bottom:8px;font-size:36px;font-weight:900}.overtime-details-title p{color:#64748b}.overtime-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.overtime-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:26px;box-shadow:0 10px 30px #0f172a0a,0 1px 3px #0f172a0a}.overtime-card--wide{grid-column:1/-1}.overtime-card h2{color:#0f172a;margin-bottom:22px;font-size:20px;font-weight:900}.overtime-info-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;gap:18px;padding:14px 0;display:flex}.overtime-info-row:last-child{border-bottom:none}.overtime-info-row span{color:#64748b;font-size:14px}.overtime-info-row strong{color:#0f172a;text-align:right;font-size:14px;font-weight:800}.overtime-reason,.overtime-rejection{color:#334155;background:#f8fafc;border-radius:18px;padding:18px;line-height:1.8}.overtime-rejection-title{margin-top:24px}.overtime-rejection{color:#991b1b;background:#fee2e2}.overtime-timeline{flex-direction:column;gap:14px;display:flex}.overtime-timeline__item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:16px}.overtime-timeline__item strong{color:#0f172a;margin-bottom:6px;display:block}.overtime-timeline__item span{color:#64748b;font-size:14px}.overtime-actions-panel{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-wrap:wrap;gap:12px;padding:20px;display:flex}.overtime-action-btn{color:#fff;cursor:pointer;border:none;border-radius:16px;align-items:center;gap:8px;height:48px;padding:0 18px;font-weight:800;display:inline-flex}.overtime-action-btn--success{background:linear-gradient(135deg,#22c55e,#16a34a)}.overtime-action-btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.overtime-details-error{color:#dc2626;background:#dc262614;border-radius:16px;padding:16px;font-size:14px;font-weight:700}.overtime-reject-backdrop{z-index:1400;background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.overtime-reject-modal{background:#fff;border-radius:24px;width:100%;max-width:520px;padding:28px}.overtime-reject-modal h2{color:#0f172a;margin-bottom:8px;font-size:24px;font-weight:900}.overtime-reject-modal p{color:#64748b;margin-bottom:18px}.overtime-reject-modal textarea{resize:vertical;border:1px solid #dbe3ee;border-radius:16px;outline:none;width:100%;padding:14px}.overtime-reject-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.overtime-reject-actions button{cursor:pointer;border:none;border-radius:14px;height:46px;padding:0 18px;font-weight:800}.overtime-reject-actions button:first-child{color:#334155;background:#f1f5f9}.overtime-reject-actions button:last-child{color:#fff;background:#dc2626}@media (width<=900px){.overtime-details-grid{grid-template-columns:1fr}.overtime-details-title,.overtime-info-row{flex-direction:column}.overtime-info-row strong{text-align:left}.overtime-action-btn{justify-content:center;width:100%}}.compensation-page{flex-direction:column;display:flex}.compensation-panel{background:#fff;border:1px solid #e2e8f0;border-radius:32px;flex-direction:column;gap:28px;padding:32px;display:flex}.compensation-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.compensation-header h1{color:#0f172a;margin-bottom:10px;font-size:34px;font-weight:900}.compensation-header p{color:#64748b;font-size:15px;line-height:1.7}.compensation-create{color:#fff;cursor:pointer;background:linear-gradient(135deg,#009de0,#0077b6);border:none;border-radius:20px;align-items:center;gap:10px;height:56px;padding:0 24px;font-size:14px;font-weight:800;display:flex}.compensation-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.compensation-stats div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:24px;padding:24px}.compensation-stats span{color:#64748b;margin-bottom:8px;font-size:13px;font-weight:800;display:block}.compensation-stats strong{color:#0f172a;font-size:34px;font-weight:900}.compensation-filters{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.compensation-search{background:#fff;border:1px solid #dbe3ee;border-radius:20px;flex:1;align-items:center;gap:12px;min-width:240px;height:56px;padding:0 18px;display:flex}.compensation-search svg{color:#64748b}.compensation-search input{background:0 0;border:none;outline:none;flex:1;font-size:14px}.compensation-filters select{color:#0f172a;background:#fff;border:1px solid #dbe3ee;border-radius:20px;outline:none;height:56px;padding:0 18px;font-size:14px;font-weight:700}.compensation-user-cell{align-items:center;gap:14px;display:flex}.compensation-user-cell__icon{color:#009de0;background:#009de01f;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.compensation-user-cell strong{color:#0f172a;margin-bottom:4px;font-size:14px;display:block}.compensation-user-cell span{color:#64748b;font-size:13px}.compensation-period{flex-direction:column;gap:4px;display:flex}.compensation-period strong{color:#0f172a}.compensation-period span{color:#64748b;font-size:13px}.compensation-action{color:#009de0;cursor:pointer;background:#009de014;border:none;border-radius:16px;align-items:center;gap:8px;height:44px;padding:0 16px;font-size:13px;font-weight:800;display:inline-flex}.compensation-error{color:#dc2626;background:#ef44441a;border:1px solid #ef44442e;border-radius:18px;padding:16px 18px;font-size:14px;font-weight:700}@media (width<=768px){.compensation-panel{border-radius:24px;padding:20px}.compensation-header{flex-direction:column;align-items:stretch}.compensation-create{justify-content:center;width:100%}.compensation-stats{grid-template-columns:1fr}.compensation-filters{flex-direction:column;align-items:stretch}.compensation-search,.compensation-filters select{width:100%}}.compensation-form{flex-direction:column;gap:24px;display:flex}.compensation-form__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.compensation-form__group{flex-direction:column;gap:10px;display:flex}.compensation-form__group label{color:#0f172a;font-size:14px;font-weight:800}.compensation-form__group input,.compensation-form__group textarea{background:#fff;border:1px solid #dbe3ee;border-radius:18px;outline:none;width:100%;font-size:14px}.compensation-form__group input{height:56px;padding:0 16px}.compensation-form__group textarea{resize:vertical;min-height:150px;padding:18px;line-height:1.7}.compensation-form__group input:focus,.compensation-form__group textarea:focus{border-color:#009de0;box-shadow:0 0 0 4px #009de01f}.compensation-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.compensation-preview div{background:#009de014;border:1px solid #009de024;border-radius:24px;padding:24px}.compensation-preview span{color:#0369a1;margin-bottom:10px;font-size:13px;font-weight:800;display:block}.compensation-preview strong{color:#0f172a;font-size:30px;font-weight:900;display:block}.compensation-form__error{color:#dc2626;background:#ef44441a;border:1px solid #ef44442e;border-radius:16px;padding:14px 16px;font-size:14px;font-weight:700}.compensation-form__submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#009de0,#0077b6);border:none;border-radius:20px;height:58px;font-size:15px;font-weight:900}.compensation-form__submit:disabled{opacity:.55;cursor:not-allowed}@media (width<=768px){.compensation-form__grid,.compensation-preview{grid-template-columns:1fr}}.create-compensation-page{justify-content:center;width:100%;display:flex}.create-compensation-card{background:#fff;border:1px solid #e2e8f0;border-radius:32px;flex-direction:column;gap:28px;width:100%;max-width:960px;padding:36px;display:flex}.create-compensation-back{color:#0f172a;cursor:pointer;background:#f8fafc;border:none;border-radius:16px;align-items:center;gap:10px;width:fit-content;height:48px;padding:0 18px;font-size:14px;font-weight:800;display:flex}.create-compensation-header h1{color:#0f172a;margin-bottom:10px;font-size:32px;font-weight:900}.create-compensation-header p{color:#64748b;font-size:15px;line-height:1.7}.compensation-balance-card{background:linear-gradient(135deg,#009de014,#0ea5e924);border:1px solid #009de024;border-radius:28px;align-items:center;gap:24px;padding:28px;display:flex}.compensation-balance-card__icon{color:#009de0;background:#ffffffd9;border-radius:24px;flex-shrink:0;justify-content:center;align-items:center;width:74px;height:74px;font-size:34px;display:flex}.compensation-balance-card__content{flex-direction:column;gap:6px;display:flex}.compensation-balance-card__content span{color:#0369a1;text-transform:uppercase;font-size:13px;font-weight:800}.compensation-balance-card__content strong{color:#0f172a;font-size:38px;font-weight:900;line-height:1}.compensation-balance-card__content small{color:#475569;font-size:13px;font-weight:700}.create-compensation-error{color:#dc2626;background:#ef444414;border:1px solid #ef444429;border-radius:18px;padding:16px 18px;font-size:14px;font-weight:700}@media (width<=768px){.create-compensation-card{border-radius:24px;padding:22px}.create-compensation-header h1{font-size:26px}.compensation-balance-card{flex-direction:column;align-items:flex-start}.create-compensation-back{justify-content:center;width:100%}}.compensation-details-page{flex-direction:column;gap:24px;display:flex}.compensation-details-loading{text-align:center;color:#64748b;padding:40px;font-weight:700}.compensation-details-back{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:14px;align-items:center;gap:8px;width:fit-content;height:44px;padding:0 14px;font-weight:800;display:inline-flex}.compensation-details-title{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.compensation-details-title h1{color:#0f172a;margin-bottom:8px;font-size:36px;font-weight:900}.compensation-details-title p{color:#64748b}.compensation-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.compensation-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:26px}.compensation-card--wide{grid-column:1/-1}.compensation-card h2{color:#0f172a;margin-bottom:22px;font-size:20px;font-weight:900}.compensation-info-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;gap:18px;padding:14px 0;display:flex}.compensation-info-row:last-child{border-bottom:none}.compensation-info-row span{color:#64748b;font-size:14px}.compensation-info-row strong{color:#0f172a;text-align:right;font-size:14px;font-weight:800}.compensation-reason,.compensation-rejection{color:#334155;background:#f8fafc;border-radius:18px;padding:18px;line-height:1.8}.compensation-rejection-title{margin-top:24px}.compensation-rejection{color:#991b1b;background:#fee2e2}.compensation-timeline{flex-direction:column;gap:14px;display:flex}.compensation-timeline__item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:16px}.compensation-timeline__item--danger{background:#fee2e2;border-color:#fecaca}.compensation-timeline__item strong{color:#0f172a;margin-bottom:6px;display:block}.compensation-timeline__item span{color:#64748b;font-size:14px}.compensation-actions-panel{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-wrap:wrap;gap:12px;padding:20px;display:flex}.compensation-action-btn{color:#fff;cursor:pointer;border:none;border-radius:16px;align-items:center;gap:8px;height:48px;padding:0 18px;font-weight:800;display:inline-flex}.compensation-action-btn--success{background:linear-gradient(135deg,#22c55e,#16a34a)}.compensation-action-btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.compensation-details-error{color:#dc2626;background:#dc262614;border-radius:16px;padding:16px;font-size:14px;font-weight:700}.compensation-reject-backdrop{z-index:1400;background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.compensation-reject-modal{background:#fff;border-radius:24px;width:100%;max-width:520px;padding:28px}.compensation-reject-modal h2{color:#0f172a;margin-bottom:18px;font-size:24px;font-weight:900}.compensation-reject-modal textarea{resize:vertical;border:1px solid #dbe3ee;border-radius:16px;outline:none;width:100%;padding:14px}.compensation-reject-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.compensation-reject-actions button{cursor:pointer;border:none;border-radius:14px;height:46px;padding:0 18px;font-weight:800}.compensation-reject-actions button:first-child{color:#334155;background:#f1f5f9}.compensation-reject-actions button:last-child{color:#fff;background:#dc2626}@media (width<=900px){.compensation-details-grid{grid-template-columns:1fr}.compensation-details-title,.compensation-info-row{flex-direction:column}.compensation-info-row strong{text-align:left}.compensation-action-btn{justify-content:center;width:100%}}:root{--color-primary:#009de0;--color-primary-dark:#007bb0;--color-primary-light:#e5f6fd;--color-success:#16a34a;--color-warning:#f59e0b;--color-danger:#dc2626;--color-white:#fff;--color-background:#f4f7fb;--color-surface:#fff;--color-border:#dbe3ec;--color-text:#1e293b;--color-text-light:#64748b;--font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:28px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 12px 30px #0f172a1f;--transition-fast:.15s ease;--transition-normal:.25s ease;--sidebar-width:260px;--topbar-height:70px;--container-width:1400px}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh}img,picture,video,canvas,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);font-size:var(--font-size-md);line-height:1.5}#root{min-height:100vh}.container{width:100%;max-width:var(--container-width);padding-inline:var(--space-5);margin-inline:auto}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#edf2f7}::-webkit-scrollbar-thumb{background:#c2cedb;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}