*{box-sizing:border-box;margin:0;padding:0}:root{--yellow:#f5a623;--yellow-mid:#4a3818;--steel:#5b85a6;--steel-mid:#1c2b37;--sidebar-w:220px;--color-background-primary:#171a20;--color-background-secondary:#1f232a;--color-background-tertiary:#0f1115;--color-text-primary:#f2f1ed;--color-text-secondary:#9ca1ac;--color-text-tertiary:#5b6270;--color-text-success:#5fd37a;--color-text-danger:#ec6b63;--color-border-primary:#2a2e37;--color-border-secondary:#343945;--color-border-tertiary:#22262e;--badge-success-bg:#1f3a17;--badge-success-text:#7fd858;--badge-danger-bg:#3a1717;--badge-danger-text:#f0817c;--badge-info-bg:#1c2b37;--badge-info-text:#6fb4ef;--badge-purple-bg:#2a1a3a;--badge-purple-text:#c47dff;--badge-neutral-bg:var(--color-background-secondary);--badge-neutral-text:var(--color-text-secondary);--border-radius-md:8px;--border-radius-lg:12px;--font-sans:"Inter", -apple-system, sans-serif;--font-display:"Bebas Neue", "Inter", sans-serif}[data-theme=light]{--yellow:#f5a623;--yellow-mid:#fef3c7;--steel:#3b82f6;--steel-mid:#dbeafe;--color-background-primary:#fff;--color-background-secondary:#fff;--color-background-tertiary:#f3f4f6;--color-text-primary:#111827;--color-text-secondary:#374151;--color-text-tertiary:#6b7280;--color-text-success:#15803d;--color-text-danger:#b91c1c;--color-border-primary:#d1d5db;--color-border-secondary:#9ca3af;--color-border-tertiary:#6b7280;--badge-success-bg:#dcfce7;--badge-success-text:#166534;--badge-danger-bg:#fee2e2;--badge-danger-text:#991b1b;--badge-info-bg:#dbeafe;--badge-info-text:#1e3a8a;--badge-purple-bg:#f3e8ff;--badge-purple-text:#6b21a8;--badge-neutral-bg:#f3f4f6;--badge-neutral-text:#374151}body{font-family:var(--font-sans);background:var(--color-background-tertiary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;font-size:13px}.material-symbols-sharp{-webkit-user-select:none;user-select:none;flex-shrink:0;font-family:Material Symbols Sharp;font-size:19px;line-height:1}.app-shell{background:var(--color-background-secondary);height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--color-background-primary);border-right:.5px solid var(--color-border-tertiary);flex-direction:column;flex-shrink:0;padding:1.25rem 0 0;transition:width .18s;display:flex;position:relative}.sidebar-header{border-bottom:.5px solid var(--color-border-tertiary);justify-content:flex-end;margin-bottom:.5rem;padding:0 1rem .75rem;display:flex}.sidebar-collapsed{width:60px}.sidebar-collapsed .sidebar-header{justify-content:center;padding:0 0 .75rem}.sidebar-scroll{flex:1;overflow:hidden auto}.nav-section{margin-bottom:.5rem}.nav-section-title{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;padding:.6rem 1.2rem .3rem;font-size:10px;font-weight:600}.nav-link{color:var(--color-text-secondary);white-space:nowrap;border-left:3px solid #0000;align-items:center;gap:10px;padding:.45rem 1.2rem;font-size:12px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-collapsed .nav-link{justify-content:center;padding:.6rem 0}.nav-link:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.nav-link.active{background:linear-gradient(90deg, var(--yellow-mid), transparent);color:var(--yellow);border-left:3px solid var(--yellow);font-weight:600}.nav-link.active .material-symbols-sharp{font-variation-settings:"FILL" 1}.sidebar-toggle-btn{border:.5px solid var(--color-border-secondary);background:var(--color-background-secondary);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.sidebar-toggle-btn:hover{background:var(--yellow-mid);border-color:var(--yellow);color:var(--yellow)}.sidebar-toggle-btn .material-symbols-sharp{font-size:16px}.main-area{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{border-bottom:.5px solid var(--color-border-tertiary);background:var(--color-background-primary);justify-content:space-between;align-items:center;padding:.85rem 1.5rem;display:flex}.topbar-title{font-family:var(--font-display);letter-spacing:.03em;color:var(--color-text-primary);font-size:20px}.topbar-right{align-items:center;display:flex}.topbar-actions{gap:4px;display:flex}.topbar-action-btn{border-radius:var(--border-radius-md);width:32px;height:32px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.topbar-action-btn:hover{background:var(--color-background-secondary);color:var(--yellow)}.topbar-action-btn .material-symbols-sharp{font-size:19px}.topbar-divider{background:var(--color-border-secondary);width:1px;height:22px;margin:0 14px}.user-name{color:var(--color-text-secondary);font-size:12.5px}.page-content{flex:1;padding:1.25rem 1.5rem;overflow-y:auto}.two-col{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:1.25rem;display:grid}.stat-card{background:linear-gradient(145deg, var(--color-background-primary) 0%, var(--color-background-tertiary) 100%);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);padding:1.1rem 1.25rem;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, transparent, var(--yellow), transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--color-border-secondary);transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.stat-card:hover:before{opacity:1}.stat-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:10.5px}.stat-value{font-family:var(--font-display);letter-spacing:.02em;font-size:32px;line-height:1}.stat-sub{color:var(--color-text-secondary);margin-top:6px;font-size:10.5px}.stat-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.stat-icon{color:var(--yellow);background:#f5a6231a;border-radius:8px;justify-content:center;align-items:center;padding:6px;font-size:18px;display:flex}.card{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md)}.card-header{border-bottom:.5px solid var(--color-border-tertiary);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.card-title{font-size:13px;font-weight:500}.card-body{padding:.75rem 1rem}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:var(--color-text-secondary);border-bottom:.5px solid var(--color-border-tertiary);white-space:nowrap;padding:.5rem .75rem;font-weight:500}td{border-bottom:.5px solid var(--color-border-tertiary);vertical-align:middle;padding:.55rem .75rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--color-background-secondary)}.name-cell{align-items:center;gap:8px;display:flex}.avatar{background:var(--yellow-mid);width:26px;height:26px;color:var(--yellow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:500;display:inline-flex}.badge{border-radius:10px;padding:2px 8px;font-size:10.5px;font-weight:500;display:inline-block}.btn-yellow{border-radius:var(--border-radius-md);background:var(--yellow);cursor:pointer;color:#2b1b02;font-size:12px;font-weight:500;font-family:var(--font-sans);border:none;padding:5px 14px}.btn-yellow:hover{background:#e8991a}.btn-outline{border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:var(--color-background-primary);cursor:pointer;color:var(--color-text-primary);font-size:12px;font-family:var(--font-sans);padding:5px 14px}.btn-outline:hover{background:var(--color-background-secondary)}.btn-danger{border-radius:var(--border-radius-md);cursor:pointer;color:var(--color-text-danger);font-size:11px;font-weight:500;font-family:var(--font-sans);background:#ec6b631a;border:1px solid #ec6b6380;padding:3px 10px;transition:background .15s,color .15s,border-color .15s}.btn-danger:hover{background:var(--color-text-danger);color:#fff;border-color:var(--color-text-danger)}.search-wrap{margin-bottom:.75rem}.search-input{border-radius:var(--border-radius-md);border:.5px solid var(--color-border-secondary);background:var(--color-background-secondary);width:100%;max-width:340px;color:var(--color-text-primary);font-size:12px;font-family:var(--font-sans);outline:none;padding:6px 10px;transition:border-color .15s}.search-input:focus{border-color:var(--yellow)}.search-input::placeholder{color:var(--color-text-tertiary)}.settings-grid{grid-template-columns:1fr 1fr;gap:.5rem .75rem;max-width:560px;display:grid}.info-block{background:var(--color-background-secondary);border-radius:6px;padding:.65rem .85rem}.info-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:10px}.info-value{word-break:break-all;font-size:13px;font-weight:500}.info-block-full{background:var(--color-background-secondary);border-radius:6px;grid-column:1/-1;padding:.65rem .85rem}.two-panel{grid-template-columns:320px 1fr;align-items:start;gap:1rem;display:grid}.pill-list{flex-wrap:wrap;gap:5px;margin-top:.5rem;display:flex}.perm-pill{background:var(--color-background-secondary);border:.5px solid var(--color-border-secondary);color:var(--color-text-secondary);white-space:nowrap;border-radius:20px;align-items:center;gap:3px;padding:2px 8px;font-size:10.5px;font-weight:500;display:inline-flex}.perm-pill-resource{color:var(--color-text-primary);font-weight:600}.role-row{border-bottom:.5px solid var(--color-border-tertiary);cursor:pointer;justify-content:space-between;align-items:center;padding:.6rem .85rem;transition:background .12s;display:flex}.role-row:last-child{border-bottom:none}.role-row:hover,.role-row.active{background:var(--color-background-secondary)}.role-row.active{border-left:2px solid var(--yellow)}.role-name{font-size:13px;font-weight:500}.role-meta{color:var(--color-text-tertiary);margin-top:2px;font-size:10.5px}.security-row{border-radius:var(--border-radius-md);background:var(--color-background-secondary);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.85rem 1rem;display:flex}.security-row-label{margin-bottom:2px;font-size:13px;font-weight:500}.security-row-sub{color:var(--color-text-tertiary);font-size:11px}.badge-beginner{background:var(--badge-success-bg);color:var(--badge-success-text)}.badge-intermediate{background:var(--yellow-mid);color:var(--yellow)}.badge-advanced{background:var(--badge-danger-bg);color:var(--badge-danger-text)}.badge-checkedin{background:var(--badge-success-bg);color:var(--badge-success-text)}.badge-checkedout{background:var(--badge-info-bg);color:var(--badge-info-text)}.badge-absent{background:var(--badge-danger-bg);color:var(--badge-danger-text)}.badge-active{background:var(--badge-success-bg);color:var(--badge-success-text)}.badge-expired{background:var(--badge-danger-bg);color:var(--badge-danger-text)}.badge-inactive{background:var(--badge-neutral-bg);color:var(--badge-neutral-text)}.badge-scheduled{background:var(--badge-success-bg);color:var(--badge-success-text)}.badge-completed{background:var(--badge-neutral-bg);color:var(--badge-neutral-text)}.badge-cancelled{background:var(--badge-danger-bg);color:var(--badge-danger-text)}.badge-basic{background:var(--badge-info-bg);color:var(--badge-info-text)}.badge-premium{background:var(--yellow-mid);color:var(--yellow)}.badge-elite{background:var(--badge-purple-bg);color:var(--badge-purple-text)}.badge-standard{background:var(--badge-neutral-bg);color:var(--badge-neutral-text)}.badge-confirmed{background:var(--badge-success-bg);color:var(--badge-success-text)}.badge-waitlisted{background:var(--yellow-mid);color:var(--yellow)}.badge-achieved{background:var(--badge-success-bg);color:var(--badge-success-text)}.badge-abandoned{background:var(--badge-danger-bg);color:var(--badge-danger-text)}.badge-yes{background:var(--badge-success-bg);color:var(--badge-success-text)}.badge-no{background:var(--badge-neutral-bg);color:var(--badge-neutral-text)}.badge-manual{background:var(--badge-neutral-bg);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.badge-attendance{background:var(--badge-info-bg);color:var(--badge-info-text)}.badge-workout{background:var(--badge-purple-bg);color:var(--badge-purple-text)}.login-wrap{background:var(--color-background-tertiary);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);width:340px;padding:2rem}.login-title{margin-bottom:4px;font-size:20px;font-weight:600}.login-sub{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:12.5px}.field-label{color:var(--color-text-secondary);margin:.75rem 0 .3rem;font-size:11.5px;display:block}.login-btn{width:100%;margin-top:1.25rem;padding:8px;font-size:13px}.login-error{color:#f0817c;border-radius:var(--border-radius-md);background:#3a1717;margin-bottom:.5rem;padding:8px 10px;font-size:12px}.overview-header{border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#f5a62314 0%,#f5a62300 100%);border:1px solid #f5a62326;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.5rem 2rem;display:flex;box-shadow:inset 0 1px #ffffff0d}.overview-greeting{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:.02em;margin-bottom:4px;font-size:28px}.overview-subtitle{color:var(--color-text-secondary);font-size:13px}.overview-main-grid{grid-template-columns:2fr 1fr;gap:1.25rem;display:grid}.overview-col-left,.overview-col-right{flex-direction:column;display:flex}.h-full{height:100%}.chart-tooltip{background:var(--color-background-secondary);border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);padding:6px 10px}.chart-tooltip-label{color:var(--color-text-tertiary);font-size:10px}.chart-tooltip-value{font-family:var(--font-display);color:var(--yellow);font-size:16px}.donut-wrap{align-items:center;gap:1.5rem;display:flex}.donut-chart-area{flex-shrink:0;width:130px;height:130px;position:relative}.donut-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-center-value{font-family:var(--font-display);font-size:24px;line-height:1}.donut-center-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:8px}.donut-legend{flex-direction:column;flex:1;gap:10px;display:flex}.legend-item{align-items:center;gap:6px;margin-bottom:5px;font-size:11px;display:flex}.legend-row-top{align-items:center;gap:6px;margin-bottom:4px;font-size:11px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.legend-name{color:var(--color-text-secondary);flex:1}.legend-pct{color:var(--color-text-primary);font-weight:600}.legend-bar-track{background:var(--color-background-tertiary);border-radius:2px;height:4px;overflow:hidden}.legend-bar-fill{border-radius:2px;height:100%}.donut-footnote{color:var(--color-text-tertiary);margin-top:4px;font-size:10px}.activity-list{padding:.5rem 0}.activity-row{border-bottom:.5px solid var(--color-border-tertiary);align-items:center;gap:12px;padding:.8rem 1.25rem;transition:background .2s;display:flex}.activity-row:last-child{border-bottom:none}.activity-row:hover{background:var(--color-background-secondary)}.activity-icon-wrapper{background:#f5a6231a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.activity-icon{color:var(--yellow);font-size:18px}.activity-details{flex-direction:column;gap:2px;display:flex}.activity-text{color:var(--color-text-primary);font-size:12px}.activity-time{color:var(--color-text-secondary);font-size:11px}.quick-actions-grid{grid-template-columns:1fr 1fr;gap:.6rem;padding:1rem 1.1rem;display:grid}.quick-action-btn{border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);background:var(--color-background-secondary);color:var(--color-text-secondary);cursor:pointer;font-size:11px;font-family:var(--font-sans);flex-direction:column;align-items:center;gap:6px;padding:1rem .5rem;transition:border-color .15s,color .15s;display:flex}.quick-action-btn:hover{border-color:var(--yellow);color:var(--yellow)}.quick-action-btn .material-symbols-sharp{font-size:20px}.expand-trigger{cursor:pointer}.expand-trigger:hover td{background:var(--color-background-secondary)}.expand-btn{border:.5px solid var(--color-border-secondary);width:22px;height:22px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.expand-btn:hover,.expand-btn.open{background:var(--yellow-mid);border-color:var(--yellow);color:var(--yellow)}.expand-btn .material-symbols-sharp{font-size:15px;transition:transform .2s}.expand-btn.open .material-symbols-sharp{transform:rotate(90deg)}.accordion-row td{border-bottom:.5px solid var(--color-border-tertiary);background:var(--color-background-tertiary);padding:0}.accordion-inner{padding:.75rem 1rem .75rem 2.5rem}.accordion-header{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.accordion-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:11.5px;font-weight:600}.tab-bar{border-bottom:.5px solid var(--color-border-tertiary);scrollbar-width:none;gap:2px;padding:.6rem 1rem .4rem;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;font-size:12px;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;border-radius:6px;padding:5px 14px;transition:background .15s,color .15s}.tab-btn:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.tab-btn.active{background:var(--yellow-mid);color:var(--yellow);font-weight:600}.tab-panel{padding:1rem}.back-btn{border-radius:var(--border-radius-md);border:.5px solid var(--color-border-secondary);background:var(--color-background-primary);color:var(--color-text-secondary);cursor:pointer;font-size:12px;font-family:var(--font-sans);align-items:center;gap:6px;margin-bottom:1rem;padding:5px 10px;transition:color .15s,border-color .15s;display:flex}.back-btn:hover{color:var(--yellow);border-color:var(--yellow)}.member-profile-header{border-bottom:.5px solid var(--color-border-tertiary);align-items:center;gap:1rem;padding:1.1rem 1rem;display:flex}.member-avatar-lg{background:var(--yellow-mid);width:48px;height:48px;color:var(--yellow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;font-weight:600;display:flex}.member-profile-name{font-size:15px;font-weight:600;line-height:1.2}.member-profile-meta{color:var(--color-text-secondary);margin-top:2px;font-size:11.5px}.member-profile-stats{gap:1.5rem;margin-left:auto;display:flex}.member-profile-stat{text-align:center}.member-profile-stat-value{font-family:var(--font-display);font-size:22px;line-height:1}.member-profile-stat-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:10px}.metrics-timeline{flex-direction:column;gap:.5rem;display:flex}.metrics-row{border-radius:var(--border-radius-md);background:var(--color-background-secondary);align-items:center;gap:1rem;padding:.55rem .75rem;font-size:12px;display:flex}.metrics-date{color:var(--color-text-tertiary);flex-shrink:0;width:80px;font-size:10.5px}.metrics-stat{flex-direction:column;align-items:center;gap:1px;min-width:64px;display:flex}.metrics-stat-val{font-size:12.5px;font-weight:600}.metrics-stat-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:9.5px}.trainer-profile-header{border-bottom:.5px solid var(--color-border-tertiary);align-items:center;gap:1rem;padding:1.1rem 1rem;display:flex}.trainer-avatar-lg{background:var(--steel-mid);width:48px;height:48px;color:var(--steel);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;font-weight:600;display:flex}.trainer-profile-name{font-size:15px;font-weight:600;line-height:1.2}.trainer-profile-meta{color:var(--color-text-secondary);margin-top:2px;font-size:11.5px}.trainer-profile-stats{gap:1.5rem;margin-left:auto;display:flex}.trainer-profile-stat{text-align:center}.trainer-profile-stat-value{font-family:var(--font-display);color:var(--steel);font-size:22px;line-height:1}.trainer-profile-stat-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:10px}.spec-tag{background:var(--steel-mid);color:var(--steel);border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.tab-empty{text-align:center;color:var(--color-text-tertiary);padding:2rem 1rem;font-size:12px}.achievement-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.achievement-card{background:var(--color-background-secondary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);flex-direction:column;gap:6px;padding:1rem;transition:border-color .15s;display:flex}.achievement-card:hover{border-color:var(--color-border-secondary)}.achievement-badge-icon{font-size:28px;line-height:1}.achievement-title{color:var(--color-text-primary);font-size:12.5px;font-weight:600}.achievement-desc{color:var(--color-text-secondary);font-size:11.5px;line-height:1.45}.achievement-footer{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.achievement-points{color:var(--yellow);font-size:11px;font-weight:600}.achievement-date{color:var(--color-text-tertiary);font-size:10.5px}.pagination{border-top:1px solid var(--color-border-tertiary,#ffffff0d);justify-content:space-between;align-items:center;margin-top:1rem;padding:1rem 0;display:flex}.pagination-info{color:var(--color-text-secondary);font-size:13px}.pagination-info strong{color:var(--color-text-primary);font-weight:600}.pagination-controls{align-items:center;gap:4px;display:flex}.pagination-btn{min-width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.pagination-btn:hover:not(:disabled){background:var(--color-background-secondary);color:var(--color-text-primary)}.pagination-btn.active{background:var(--color-background-secondary);border-color:var(--color-border-secondary);color:var(--yellow)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis{min-width:24px;color:var(--color-text-tertiary);justify-content:center;align-items:center;font-size:13px;display:inline-flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-background-primary);border:1px solid var(--color-border-secondary);border-radius:12px;flex-direction:column;width:90%;max-width:500px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;box-shadow:0 10px 30px #00000080}.modal-header{border-bottom:1px solid var(--color-border-tertiary);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title{color:var(--color-text-primary);margin:0;font-size:1.1rem;font-weight:600}.modal-close{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.modal-close:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.modal-body{color:var(--color-text-secondary);padding:1.5rem;font-size:14px;overflow:visible}.modal-footer{border-top:1px solid var(--color-border-tertiary);background:var(--color-background-secondary);justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.confirm-modal-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;display:flex}.confirm-modal-icon.danger{color:var(--color-text-danger);background:#ef44441a}.confirm-modal-icon.warning{color:#d97706;background:#d977061a}.confirm-modal-icon.info{color:#3b82f6;background:#3b82f61a}.skeleton-container{gap:16px;width:100%;display:flex}.list-skeleton-container{flex-direction:column;padding:16px}.card-skeleton-container,.stat-skeleton-container{flex-flow:wrap}.skeleton{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;position:relative;overflow:hidden}.skeleton:after{content:"";background-image:linear-gradient(90deg,#fff0 0,#ffffff0d 20%,#ffffff1a 60%,#fff0);animation:2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-text{background-color:var(--border-color);border-radius:4px}.skeleton-row{border:none;border-bottom:1px solid var(--border-color);background:0 0;border-radius:0;align-items:center;gap:16px;padding:16px;display:flex}.skeleton-row:after{display:none}.skeleton-row .skeleton-text{height:20px;position:relative;overflow:hidden}.skeleton-row .skeleton-text:after{content:"";background-image:linear-gradient(90deg,#fff0 0,#ffffff0d 20%,#ffffff1a 60%,#fff0);animation:2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-cell-avatar{border-radius:50%;width:40px;height:40px!important}.skeleton-cell-large{flex:2}.skeleton-cell-medium{flex:1.5}.skeleton-cell-small{flex:1}.skeleton-stat{flex:1;align-items:center;gap:16px;min-width:220px;padding:24px;display:flex}.skeleton-icon{background-color:var(--border-color);border-radius:12px;width:48px;height:48px}.skeleton-stat-content{flex-direction:column;flex:1;gap:8px;display:flex}.skeleton-value{width:60%;height:28px}.skeleton-label{width:80%;height:16px}.skeleton-card{flex-direction:column;gap:12px;width:100%;padding:24px;display:flex}.skeleton-title{width:40%;height:24px}.skeleton-subtitle{width:60%;height:16px}