@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--color-primary: #2563EB;--color-primary-hover: #1D4ED8;--color-primary-soft: rgba(37, 99, 235, .1);--color-success: #16A34A;--color-success-soft: rgba(22, 163, 74, .1);--color-warning: #F59E0B;--color-warning-soft: rgba(245, 158, 11, .14);--color-error: #DC2626;--color-error-soft: rgba(220, 38, 38, .1);--color-neutral-50: #F8FAFC;--color-neutral-100: #F1F5F9;--color-neutral-200: #E2E8F0;--color-neutral-300: #CBD5E1;--color-neutral-400: #94A3B8;--color-neutral-500: #64748B;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1E293B;--color-neutral-900: #0F172A;--color-white: #FFFFFF;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 8px 20px rgba(15, 23, 42, .08);--shadow-lg: 0 16px 34px rgba(15, 23, 42, .12);--shadow-xl: 0 24px 44px rgba(15, 23, 42, .16);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 14px;--radius-full: 9999px;--font-main: "Inter", system-ui, -apple-system, sans-serif;--size-xs: 12px;--size-sm: 13px;--size-md: 15px;--size-lg: 18px;--size-xl: 22px;--size-2xl: 28px;--size-3xl: 34px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--transition-fast: all .15s ease}.saas-v2{font-family:var(--font-main);color:var(--color-neutral-900);background-color:var(--color-neutral-50);-webkit-font-smoothing:antialiased}.saas-v2 h1{font-size:var(--size-2xl);font-weight:var(--weight-semibold);line-height:1.25;margin:0}.saas-v2 h2{font-size:var(--size-xl);font-weight:var(--weight-semibold);line-height:1.3;margin:0}.saas-v2 h3{font-size:var(--size-lg);font-weight:var(--weight-medium);line-height:1.35;margin:0}.saas-v2 p{font-size:var(--size-md);color:var(--color-neutral-500);line-height:1.55;margin:0}.saas-v2 label{font-size:var(--size-sm);font-weight:var(--weight-medium);color:var(--color-neutral-700);margin:0}:root{--font-main: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-main);font-size:var(--size-md);margin:0;padding:0;background-color:var(--color-neutral-50);color:var(--color-neutral-900);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin-top:0;color:var(--color-neutral-900)}h1{font-size:var(--size-2xl);font-weight:var(--weight-semibold)}h2{font-size:var(--size-xl);font-weight:var(--weight-semibold)}h3{font-size:var(--size-lg);font-weight:var(--weight-medium)}a{color:var(--color-primary);text-decoration:none}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-neutral-100)}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}button:disabled{opacity:.6;cursor:not-allowed}button{border:none;background:transparent;color:inherit;transition:var(--transition-fast)}#app{min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh;background:var(--color-neutral-50)}.primary{background:var(--color-primary);color:var(--color-white);border:1px solid transparent;min-height:40px;padding:.55rem 1rem;border-radius:var(--radius-md);font-size:var(--size-md);font-weight:var(--weight-semibold);cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition-fast)}.primary.full{width:100%}.ghost{background:var(--color-white);border:1px solid var(--color-neutral-200);color:var(--color-neutral-700);min-height:40px;padding:.55rem 1rem;border-radius:var(--radius-md);font-size:var(--size-md);font-weight:var(--weight-medium);cursor:pointer;transition:var(--transition-fast)}.ghost--dark{border-color:var(--color-neutral-300);color:var(--color-neutral-900);background:var(--color-white)}.icon-button{background:var(--color-primary);color:var(--color-white);border:1px solid transparent;min-height:40px;padding:.5rem .85rem;border-radius:var(--radius-md);font-weight:var(--weight-semibold);cursor:pointer;transition:var(--transition-fast)}.primary:hover,.ghost:hover,.icon-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.primary:hover{background:var(--color-primary-hover)}.ghost:hover{background:var(--color-neutral-100);border-color:var(--color-neutral-300)}.primary:active,.ghost:active,.icon-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button:focus-visible{outline:2px solid var(--color-primary-soft);outline-offset:2px}.badge{background:var(--color-primary-soft);color:var(--color-primary);padding:.3rem .7rem;border-radius:999px;font-size:var(--size-xs);font-weight:var(--weight-semibold)}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.1em;font-size:var(--size-xs);color:var(--color-neutral-500);font-weight:var(--weight-semibold)}.login-status,.data-status{min-height:1.25rem;font-size:var(--size-sm);font-weight:var(--weight-medium);color:var(--color-neutral-500)}.login-status.info{color:var(--color-primary)}.login-status.success{color:var(--color-success)}.login-status.error{color:var(--color-error)}.data-status{margin-bottom:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-weight:var(--weight-medium);font-size:var(--size-md);cursor:pointer;transition:var(--transition-fast);border:1px solid transparent;gap:var(--spacing-sm);min-height:40px;padding:0 var(--spacing-md);white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn--secondary:hover:not(:disabled){background-color:var(--color-neutral-100);border-color:var(--color-neutral-300)}.btn--outline{background-color:transparent;border-color:var(--color-neutral-300);color:var(--color-neutral-700)}.btn--outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn--ghost{background-color:transparent;color:var(--color-neutral-600)}.btn--ghost:hover:not(:disabled){background-color:var(--color-neutral-100);color:var(--color-neutral-900)}.btn--danger{background-color:var(--color-error);color:var(--color-white)}.btn--danger:hover:not(:disabled){background-color:#b91c1c}.btn--sm{min-height:36px;padding:0 var(--spacing-sm);font-size:var(--size-xs)}.btn--md{min-height:40px;padding:0 var(--spacing-md);font-size:var(--size-md)}.btn--lg{min-height:44px;padding:0 var(--spacing-lg);font-size:var(--size-lg)}.input-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.input-label{font-size:var(--size-sm);font-weight:var(--weight-medium);color:var(--color-neutral-700)}.input-field{padding:0 var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-neutral-300);font-size:var(--size-md);color:var(--color-neutral-900);background-color:var(--color-white);transition:var(--transition-fast);min-height:40px}.input-field::placeholder{color:var(--color-neutral-400)}.input-error{font-size:var(--size-xs);color:var(--color-error);font-weight:var(--weight-medium)}.input-helper{font-size:var(--size-xs);color:var(--color-neutral-500)}.input-group--error .input-field{border-color:var(--color-error)}.input-group--error .input-field:focus{box-shadow:0 0 0 3px var(--color-error-soft)}.card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-200);overflow:hidden;display:flex;flex-direction:column}.card-saas{background-color:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition-fast)}.card-saas:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary-soft)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-neutral-100)}.card-title{font-size:var(--size-lg);font-weight:var(--weight-semibold);color:var(--color-neutral-900)}.card-description{font-size:var(--size-sm);color:var(--color-neutral-500);margin-top:var(--spacing-xs)}.card-content{padding:var(--spacing-lg);flex:1}.card-content--no-padding{padding:0}.kpi-card{background-color:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--spacing-lg);transition:var(--transition-fast)}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary-soft)}.kpi-icon{width:48px;height:48px;border-radius:var(--radius-md);background-color:var(--color-neutral-50);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.kpi-body{display:flex;flex-direction:column}.kpi-label{font-size:var(--size-xs);font-weight:var(--weight-semibold);color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-size:var(--size-xl);font-weight:var(--weight-bold);color:var(--color-neutral-900);margin:2px 0}.kpi-detail{font-size:var(--size-xs);color:var(--color-neutral-400)}.hero-card{background-color:var(--color-primary-soft);border-radius:var(--radius-lg);padding:var(--spacing-2xl);border:1px solid rgba(37,99,235,.2);margin-bottom:var(--spacing-xl)}.hero-card__header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.hero-card__icon{font-size:32px}.hero-card__title{font-size:var(--size-md);color:var(--color-primary);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em;margin:0}.hero-card__status{font-size:var(--size-2xl);font-weight:var(--weight-bold);color:var(--color-neutral-900);margin-bottom:var(--spacing-sm)}.hero-card__description{font-size:var(--size-md);color:var(--color-neutral-500);max-width:600px;margin-bottom:var(--spacing-xl)}.hero-card__actions{display:flex;gap:var(--spacing-md)}@media (max-width: 768px){.hero-card{padding:var(--spacing-xl)}.hero-card__status{font-size:1.5rem}}.view{display:none;animation:fadeIn .2s ease}.view.is-active,.view.active{display:block}.view-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-xl)}.view-header h2{font-size:var(--size-xl);font-weight:var(--weight-semibold);color:var(--color-neutral-900);margin-bottom:var(--spacing-xs)}.view-header p{font-size:var(--size-md);color:var(--color-neutral-500)}.form-card,.data-card,.data-section,.report-card{background-color:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.form-card h3,.data-card h3,.data-section h2,.data-section h3{font-size:var(--size-lg);font-weight:var(--weight-medium);color:var(--color-neutral-900);margin:0 0 var(--spacing-md)}.data-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.data-status{margin-bottom:var(--spacing-md);color:var(--color-neutral-500)}.form-card>.primary,.form-card>.ghost,.form-card>.btn{margin-top:var(--spacing-xs)}.data-header p{margin-top:var(--spacing-xs);color:var(--color-neutral-500)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.form-grid label,.full-width-search{display:flex;flex-direction:column;gap:6px}.form-grid label span,.full-width-search span{font-size:var(--size-sm);font-weight:var(--weight-medium);color:var(--color-neutral-700)}.form-grid input,.form-grid select,.form-grid textarea,.full-width-search input{min-height:40px;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-neutral-900);font-size:var(--size-md);padding:0 12px;transition:var(--transition-fast)}.form-grid textarea{min-height:96px;padding-top:10px;resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.full-width-search input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.card-footer{border-top:1px solid var(--color-neutral-100);padding:var(--spacing-md) var(--spacing-lg)}.csv-upload{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.data-card.is-loading,.form-card.is-loading{opacity:.7;pointer-events:none}.table-action{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 10px;border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);background:var(--color-white);color:var(--color-neutral-700);font-size:var(--size-xs);font-weight:var(--weight-medium);cursor:pointer;transition:var(--transition-fast)}.table-action:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.table-action.is-confirm{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.table-action.is-confirm:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.kpi-card--success{border-color:#16a34a38}.kpi-card--warning{border-color:#f59e0b47}.kpi-card--danger{border-color:#dc262633}.report-stack{margin-top:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl)}.report-kpis-section{margin-top:var(--spacing-xl)}.report-actions-row{display:flex;align-items:flex-end;justify-content:flex-end;gap:var(--spacing-md)}.report-scroll{overflow-x:auto}.report-empty{padding:var(--spacing-xl);text-align:center;color:var(--color-neutral-500)}.report-error-banner{padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border:1px solid rgba(220,38,38,.24);border-radius:var(--radius-lg);background:#dc262614;color:var(--color-error)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.rank-gap{margin-top:var(--spacing-lg)}@media (max-width: 768px){.view-header{align-items:flex-start;flex-direction:column}.data-header{flex-direction:column}.form-grid{grid-template-columns:1fr}.report-actions-row{justify-content:flex-start}}.saas-layout{display:flex;min-height:100vh;background-color:var(--color-neutral-50)}.saas-sidebar{width:240px;background-color:var(--color-white);color:var(--color-neutral-900);border-right:1px solid var(--color-neutral-200);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:100;transition:transform .15s ease}.sidebar-brand{padding:var(--spacing-lg) var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);border-bottom:1px solid var(--color-neutral-100)}.brand-logo{width:32px;height:32px;background-color:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);font-size:var(--size-lg)}.brand-name{font-size:var(--size-xl);font-weight:var(--weight-semibold);letter-spacing:-.025em}.sidebar-nav{padding:var(--spacing-md) 10px;flex:1;display:flex;flex-direction:column;gap:10px}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);min-height:40px;padding:0 var(--spacing-md);border-radius:var(--radius-md);color:var(--color-neutral-500);background:transparent;transition:var(--transition-fast);text-align:left;border:none;cursor:pointer;font-weight:var(--weight-medium)}.nav-item:hover{background-color:var(--color-neutral-100);color:var(--color-neutral-900)}.nav-item.is-active{background-color:var(--color-primary-soft);color:var(--color-primary);position:relative}.nav-item.is-active:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;background-color:var(--color-primary)}.nav-label{font-size:var(--size-md);font-weight:var(--weight-medium)}.nav-icon{width:20px;text-align:center;flex-shrink:0}.sidebar-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-neutral-100);display:flex;flex-direction:column;gap:var(--spacing-md)}.user-info{display:flex;align-items:center;gap:var(--spacing-md)}.user-avatar{width:36px;height:36px;background-color:var(--color-neutral-100);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-semibold);color:var(--color-neutral-700)}.user-details p{margin:0}.user-name{font-size:var(--size-sm);font-weight:var(--weight-semibold);color:var(--color-neutral-900)}.user-role{font-size:var(--size-xs);color:var(--color-neutral-500)}.logout-btn{background:transparent;border:1px solid var(--color-neutral-200);color:var(--color-neutral-500);padding:var(--spacing-xs);border-radius:var(--radius-sm);font-size:var(--size-xs);cursor:pointer;transition:var(--transition-fast)}.logout-btn:hover{border-color:var(--color-error);color:var(--color-error)}.saas-main{flex:1;margin-left:240px;display:flex;flex-direction:column;min-width:0}.saas-header{height:56px;background-color:var(--color-white);border-bottom:1px solid var(--color-neutral-200);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);position:sticky;top:0;z-index:50}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.header-breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--size-sm)}.breadcrumb-parent{color:var(--color-neutral-400)}.breadcrumb-separator{color:var(--color-neutral-300)}.breadcrumb-current{color:var(--color-neutral-900);font-weight:var(--weight-medium)}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.header-action-btn{background:transparent;border:none;font-size:18px;cursor:pointer;color:var(--color-neutral-400);transition:var(--transition-fast)}.header-action-btn:hover{color:var(--color-neutral-900)}.header-avatar{width:32px;height:32px;background-color:var(--color-primary-soft);color:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);font-size:var(--size-sm);cursor:pointer;transition:var(--transition-fast)}.header-avatar:hover{box-shadow:var(--shadow-sm)}.mobile-menu-toggle{display:none;font-size:20px;background:transparent;border:none;cursor:pointer;color:var(--color-neutral-500)}.header-title{font-size:var(--size-lg);font-weight:var(--weight-semibold);color:var(--color-neutral-900)}.content-area{padding:var(--spacing-xl);flex:1}.content-container{max-width:1200px;margin:0 auto;width:100%}.view-header,.dashboard-section,.form-card,.data-section,.report-card{margin-bottom:var(--spacing-xl)}.install-banner{display:none;background-color:#fff8eb;color:#9a6700;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--size-sm);font-weight:var(--weight-medium);border-bottom:1px solid #FDE7BB;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.install-banner.is-visible{display:flex}.install-actions{display:flex;gap:var(--spacing-sm)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.dashboard-section{margin-bottom:var(--spacing-2xl)}.data-status-tag{font-size:var(--size-xs);color:var(--color-success);font-weight:var(--weight-medium);background-color:var(--color-success-soft);padding:2px 8px;border-radius:var(--radius-sm)}.indicator-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.indicator-list li{padding:var(--spacing-sm);background-color:var(--color-neutral-50);border-radius:var(--radius-sm);font-size:var(--size-sm);color:var(--color-neutral-700);display:flex;justify-content:space-between}@media (max-width: 1024px){.dashboard-grid,.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.kpi-grid,.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 768px){.saas-sidebar{transform:translate(-100%)}.saas-sidebar.is-open{transform:translate(0)}.saas-main{margin-left:0}.mobile-menu-toggle{display:block}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:90;opacity:0;visibility:hidden;transition:all .3s}.sidebar-overlay.is-visible{opacity:1;visibility:visible}.content-area{padding:var(--spacing-md)}}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-neutral-50);background-image:radial-gradient(var(--color-neutral-200) 1px,transparent 1px);background-size:24px 24px;padding:var(--spacing-lg)}.auth-container{width:100%;max-width:420px}.auth-card{background-color:var(--color-white);padding:var(--spacing-2xl) var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-neutral-200)}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-logo{width:48px;height:48px;background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:var(--weight-bold);margin:0 auto var(--spacing-md)}.auth-title{font-size:var(--size-2xl);font-weight:var(--weight-bold);color:var(--color-neutral-900);margin-bottom:var(--spacing-xs)}.auth-subtitle{font-size:var(--size-md);color:var(--color-neutral-500)}.auth-subtitle--centered{text-align:center;margin-bottom:var(--spacing-lg)}.auth-register-toggle{margin-top:var(--spacing-sm)}.auth-card--centered{text-align:center}.auth-logo--warning{background-color:var(--color-warning)}.auth-restricted-logout{margin-top:var(--spacing-lg)}.auth-layout--modal{background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-full-width{width:100%}.auth-footer{margin-top:var(--spacing-lg);text-align:center}.auth-footer p{font-size:var(--size-xs);color:var(--color-neutral-500)}.data-table{width:100%;border-collapse:collapse;font-size:var(--size-sm);table-layout:fixed}.data-table thead th{text-align:left;padding:14px var(--spacing-md);color:var(--color-neutral-700);background-color:var(--color-neutral-100);font-weight:var(--weight-semibold);border-bottom:1px solid var(--color-neutral-200);word-break:break-word;white-space:normal}.data-table tbody td{padding:var(--spacing-md);border-bottom:1px solid var(--color-neutral-200);color:var(--color-neutral-700);word-break:break-word;white-space:normal}.data-table tbody tr:hover td{background-color:var(--color-neutral-50)}.data-table tbody tr:last-child td{border-bottom:none}.empty-row{text-align:center;padding:var(--spacing-xl) var(--spacing-md);color:var(--color-neutral-400)}.skeleton-line{display:block;height:12px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-neutral-100) 25%,var(--color-neutral-200) 50%,var(--color-neutral-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.badge-excellent{display:inline-flex;padding:2px 8px;background-color:var(--color-success-soft);color:var(--color-success);border-radius:var(--radius-full);font-size:var(--size-xs);font-weight:var(--weight-semibold);text-transform:uppercase}.status-badge{display:inline-flex;align-items:center;border-radius:var(--radius-full);padding:2px 8px;font-size:var(--size-xs);font-weight:var(--weight-semibold);text-transform:uppercase}.status-badge.is-active{color:var(--color-success);background:var(--color-success-soft)}.status-badge.is-inactive{color:var(--color-neutral-600);background:var(--color-neutral-100)}.status-badge.is-error{color:var(--color-error);background:var(--color-error-soft)}@media (max-width: 640px){.data-table thead th,.data-table tbody td{padding:var(--spacing-sm)}.data-table{font-size:var(--size-xs)}}.attendance-page{animation:fadeIn .4s ease-out;max-width:100%;overflow-x:hidden}.loading-state{padding:var(--spacing-xl);color:var(--color-neutral-500);font-size:var(--size-md)}.attendance-grid{display:grid;grid-template-columns:1fr 300px;gap:var(--spacing-lg);align-items:start;min-height:500px}@media (max-width: 1200px){.attendance-grid{grid-template-columns:1fr 280px;gap:16px}}@media (max-width: 992px){.attendance-grid{grid-template-columns:1fr}.attendance-sidebar{order:-1;margin-bottom:24px;max-width:100%!important}}.card-saas{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);box-shadow:var(--shadow-sm);overflow:hidden;height:100%;transition:var(--transition-fast)}.card-saas:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-neutral-100)}.card-title{margin:0;font-size:var(--size-lg);font-weight:var(--weight-medium);color:var(--color-neutral-900)}.card-content{padding:var(--spacing-lg)}.input-group{margin-bottom:16px}.input-label{display:block;margin-bottom:6px;font-size:var(--size-sm);font-weight:var(--weight-medium);color:var(--color-neutral-700)}.input-field{width:100%;padding:0 var(--spacing-md);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-size:var(--size-md);color:var(--color-neutral-900);background-color:var(--color-white);transition:var(--transition-fast);min-height:40px}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 var(--spacing-md);border-radius:var(--radius-md);font-size:var(--size-md);font-weight:var(--weight-medium);cursor:pointer;transition:var(--transition-fast);border:1px solid transparent}.btn--primary{background-color:var(--color-primary);color:var(--color-white)}.btn--primary:hover{background-color:var(--color-primary-hover)}.btn--secondary{background-color:var(--color-white);color:var(--color-neutral-700);border-color:var(--color-neutral-200)}.btn--secondary:hover{background-color:var(--color-neutral-100);border-color:var(--color-neutral-300)}.btn--icon{min-width:40px;padding:0;line-height:0}.alert{padding:12px 16px;border-radius:var(--radius-lg);font-size:var(--size-md);font-weight:var(--weight-medium)}.alert--success{background-color:#16a34a14;color:var(--color-success);border:1px solid rgba(22,163,74,.22)}.alert--error{background-color:#dc262614;color:var(--color-error);border:1px solid rgba(220,38,38,.2)}.alert--info{background-color:var(--color-primary-soft);color:var(--color-primary);border:1px solid rgba(37,99,235,.2)}.bg-gradient-to-br{background:linear-gradient(135deg,var(--tw-gradient-from) 0%,var(--tw-gradient-to) 100%)}.from-blue-700{--tw-gradient-from: #1E40AF}.to-blue-900{--tw-gradient-to: #1E3A8A}.text-primary-500{color:var(--color-primary)}.attendance-sidebar{width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:16px}.header-info h1{font-size:var(--size-2xl);font-weight:var(--weight-semibold);color:var(--color-neutral-900);margin-bottom:6px}.header-info p{font-size:var(--size-md);color:var(--color-neutral-500)}.attendance-main>*+*{margin-top:var(--spacing-xl)}.musician-list-container{display:grid;gap:var(--spacing-md)}.instrument-group .text-left{border:1px solid var(--color-neutral-200)}.instrument-group .text-left:hover{border-color:var(--color-neutral-300)}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.mb-0{margin-bottom:0}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-12{padding:3rem}.py-2{padding-top:8px;padding-bottom:8px}.pb-2{padding-bottom:8px}.pb-4{padding-bottom:16px}.text-xs{font-size:var(--size-xs)}.text-sm{font-size:var(--size-sm)}.text-md{font-size:var(--size-md)}.text-lg{font-size:var(--size-lg)}.text-2xl{font-size:var(--size-2xl)}.text-3xl{font-size:1.875rem}.font-bold{font-weight:700}.font-black{font-weight:900}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-gray-400{color:var(--color-neutral-400)}.text-gray-500{color:var(--color-neutral-500)}.text-gray-600{color:var(--color-neutral-600)}.text-gray-700{color:var(--color-neutral-700)}.text-gray-900{color:var(--color-neutral-900)}.text-white{color:#fff}.text-blue-500{color:var(--color-primary)}.text-blue-800{color:#1e3a8a}.opacity-5{opacity:.05}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.w-full{width:100%}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-32{width:8rem}.h-32{height:8rem}.w-40{width:10rem}.h-40{height:10rem}.w-60{width:15rem}.h-60{height:15rem}.shrink-0{flex-shrink:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-white{background-color:#fff}.bg-gray-50{background-color:var(--color-neutral-50)}.bg-gray-100{background-color:var(--color-neutral-100)}.bg-gray-200{background-color:var(--color-neutral-200)}.bg-blue-50{background-color:var(--color-primary-soft)}.bg-blue-500{background-color:var(--color-primary)}.border{border-width:1px;border-style:solid}.border-2{border-width:2px;border-style:solid}.border-b{border-bottom-width:1px;border-bottom-style:solid}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-gray-100{border-color:var(--color-neutral-100)}.border-gray-200{border-color:var(--color-neutral-200)}.border-gray-300{border-color:var(--color-neutral-300)}.border-blue-200{border-color:#2563eb38}.rounded-lg{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-lg{box-shadow:var(--shadow-md)}.shadow-xl{box-shadow:var(--shadow-lg)}.sticky{position:sticky}.top-6{top:24px}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-1{flex:1}.flex-col{flex-direction:column}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.text-center{text-align:center}.text-left{text-align:left}.inline-block{display:inline-block}.ml-auto{margin-left:auto}.px-2{padding-left:8px;padding-right:8px}.py-1{padding-top:4px;padding-bottom:4px}.space-y-8>*+*{margin-top:32px}.transform{transform:translateZ(0)}.-rotate-90{transform:rotate(-90deg)}.transition-all{transition:var(--transition-fast)}.transition-colors{transition:color .15s ease,background-color .15s ease,border-color .15s ease}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:ease-out}.border-white{border-color:#ffffff40}.border-opacity-10{border-color:#ffffff1a}.border-opacity-20{border-color:#f59e0b33}.bg-opacity-10{background-color:#ffffff1a}.bg-opacity-20{opacity:1}.bg-yellow-400{background-color:#f59e0b1f}.text-yellow-100{color:#7c5a00}.text-\[10px\]{font-size:10px}.border-yellow-400{border-color:#f59e0b47}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.relative{position:relative}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.right-0{right:0}.left-0{left:0}.-top-10{top:-2.5rem}.-right-10{right:-2.5rem}.-bottom-20{bottom:-5rem}.-left-10{left:-2.5rem}.blur-2xl{filter:blur(40px)}.blur-3xl{filter:blur(64px)}.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.1em}.tracking-wider{letter-spacing:.05em}.tracking-tight{letter-spacing:-.025em}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-in{animation:slideIn .3s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:hidden{display:none}}.mobile-action-bar{position:fixed;bottom:0;left:0;right:0;padding:16px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-neutral-200);z-index:50}.btn--full{width:100%}.musician-presence-card{transition:var(--transition-fast)}.musician-presence-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.musician-presence-card:active{transform:scale(.97)}.percentage-display svg{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}