:root{--ismila-primary: #00C613;--ismila-primary-rgb: 0, 198, 19;--ismila-on-primary: #FFFFFF;--ismila-primary-hover: #00A810;--ismila-primary-dark: #065346;--ismila-primary-light: #4ADE68;--ismila-primary-container: #E6F9E9;--ismila-on-primary-container: #044D16;--ismila-primary-surface: #F2FCF4;--ismila-secondary: #FF6D00;--ismila-secondary-dark: #A24400;--ismila-on-secondary: #FFFFFF;--ismila-secondary-container: #FFF1E6;--ismila-tertiary: #0F766E;--ismila-on-tertiary: #FFFFFF;--ismila-tertiary-container: #CCFBF1;--ismila-on-tertiary-container: #06403B;--ismila-tertiary-surface: #F0FDFA;--ismila-surface: #F7F8FA;--ismila-surface-container: #FFFFFF;--ismila-surface-container-low: #FCFCFD;--ismila-surface-container-high: #F1F5F9;--ismila-surface-container-highest: #E9EEF4;--ismila-surface-variant: #F1F5F9;--ismila-surface-bright: #FFFFFF;--ismila-surface-elevated: #FFFFFF;--ismila-inputs-fill: #FFFFFF;--ismila-background: #F7F8FA;--ismila-background-secondary: #F1F5F9;--ismila-on-surface: #0F172A;--ismila-on-surface-rgb: 15, 23, 42;--ismila-on-surface-variant: #64748B;--ismila-on-surface-container: #0F172A;--ismila-text-primary: #0F172A;--ismila-text-secondary: #64748B;--ismila-hint: #94A3B8;--ismila-light-grey-one: #94A3B8;--ismila-light-grey-two: #E7EAEF;--ismila-border: #E7EAEF;--ismila-border-light: #EDF0F4;--ismila-outline: #D8DEE7;--ismila-outline-variant: #EDF0F4;--ismila-error: #DC2626;--ismila-error-rgb: 220, 38, 38;--ismila-error-text: #DC2626;--ismila-error-surface: #FEE2E2;--ismila-error-container: #FEE2E2;--ismila-on-error: #FFFFFF;--ismila-on-error-container: #7F1D1D;--ismila-error-light: #FEF2F2;--ismila-success: #16A34A;--ismila-success-rgb: 22, 163, 74;--ismila-success-text: #15803D;--ismila-success-surface: #DCFCE7;--ismila-success-light: #F0FDF4;--ismila-warning: #D97706;--ismila-warning-rgb: 217, 119, 6;--ismila-warning-text: #B45309;--ismila-warning-surface: #FEF3C7;--ismila-warning-light: #FFFBEB;--ismila-info: #0284C7;--ismila-info-text: #0369A1;--ismila-info-surface: #E0F2FE;--ismila-info-light: #F0F9FF;--ismila-shadow: rgba(15, 23, 42, .08);--ismila-shadow-md: rgba(15, 23, 42, .12);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-medium: var(--shadow-md);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .12);--shadow-large: var(--shadow-lg);--ismila-shadow-lg: var(--shadow-lg);--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-size-xs: .6875rem;--font-size-sm: .8125rem;--font-size-md: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--border-radius-small: 6px;--border-radius-button: 8px;--border-radius-medium: 10px;--border-radius-standard: 12px;--border-radius-large: 16px;--border-radius-lg: 16px;--border-radius-pill: 999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-small: 8px;--spacing-md: 12px;--spacing-medium: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--sidebar-bg: #10251A;--sidebar-bg-elevated: #17301F;--sidebar-border: rgba(255, 255, 255, .07);--sidebar-fg: #A7BDAF;--sidebar-fg-strong: #FFFFFF;--sidebar-section: #6E8A78;--sidebar-hover-bg: rgba(255, 255, 255, .06);--sidebar-active-bg: var(--ismila-primary);--sidebar-active-fg: #04210A;--sidebar-width: 264px;--sidebar-width-collapsed: 76px;--topbar-height: 64px;--content-gutter: 24px;--shell-gap: 14px;--radius-apple-sm: 10px;--radius-apple-md: 14px;--radius-apple-lg: 18px;--radius-apple-xl: 22px;--material-thin: rgba(255, 255, 255, .72);--material-thick: rgba(255, 255, 255, .86);--material-blur: saturate(180%) blur(20px);--separator: rgba(60, 60, 67, .12);--fill-quaternary: rgba(120, 120, 128, .08);--fill-tertiary: rgba(120, 120, 128, .12);--tracking-large-title: -.022em;--tracking-title: -.018em;--tracking-caption: .01em;--primary-color: var(--ismila-primary);--primary-color-10: rgba(0, 198, 19, .1);--color-primary: var(--ismila-primary);--error-color: var(--ismila-error);--error-color-10: rgba(220, 38, 38, .1);--surface-color: var(--ismila-surface-container);--surface-elevated-color: var(--ismila-surface-elevated);--border-color: var(--ismila-border);--color-border-secondary: var(--ismila-outline-variant);--text-primary-color: var(--ismila-text-primary);--text-secondary-color: var(--ismila-text-secondary);--color-text-primary: var(--ismila-text-primary);--color-text-secondary: var(--ismila-text-secondary);--gray-900: var(--ismila-on-surface)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;padding:0;font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:400;line-height:1.5;color:var(--ismila-on-surface);background-color:var(--ismila-surface);color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;color:var(--ismila-on-surface);font-family:inherit;font-weight:600;line-height:1.25;letter-spacing:-.011em}h1{font-size:1.5rem;letter-spacing:-.02em}h2{font-size:1.25rem}h3{font-size:1.0625rem}h4{font-size:.9375rem}h5,h6{font-size:var(--font-size-md)}p{margin:0;color:inherit}a{color:var(--ismila-primary-dark);text-decoration:none}a:hover{color:var(--ismila-primary)}div{position:relative}button{margin:0;padding:0;border:none;background:none;color:inherit;font:inherit;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}button:disabled{cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--ismila-on-surface)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}:focus-visible{outline:2px solid var(--ismila-primary);outline-offset:2px}::selection{background:rgba(var(--ismila-primary-rgb),.2)}*{scrollbar-width:thin;scrollbar-color:var(--ismila-outline) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--ismila-outline);border-radius:var(--border-radius-pill);border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--ismila-hint)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none;flex-shrink:0}.display-large{font-size:3rem;font-weight:600;letter-spacing:-.03em}.display-medium{font-size:2.25rem;font-weight:600;letter-spacing:-.025em}.display-small{font-size:1.875rem;font-weight:600;letter-spacing:-.02em}.headline-large{font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.headline-medium{font-size:1.25rem;font-weight:600}.headline-small,.title-large{font-size:1.0625rem;font-weight:600}.title-medium{font-size:var(--font-size-lg);font-weight:600}.title-small{font-size:var(--font-size-md);font-weight:600}.body-large{font-size:var(--font-size-lg);font-weight:400}.body-medium{font-size:var(--font-size-md);font-weight:400}.body-small{font-size:var(--font-size-sm);font-weight:400;color:var(--ismila-text-secondary)}.container{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.row{display:flex;flex-wrap:wrap;margin:0 calc(var(--spacing-md) * -1)}.col{padding:0 var(--spacing-md);flex:1}.text-primary{color:var(--ismila-primary)}.text-error{color:var(--ismila-error-text)}.text-muted{color:var(--ismila-text-secondary)}.text-right{text-align:right}.bg-primary{background-color:var(--ismila-primary)}.bg-surface{background-color:var(--ismila-surface)}.numeric{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.boxShadows{box-shadow:var(--shadow-sm)}.incomplete-card{background-color:var(--ismila-warning-light)!important}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cdk-drag-preview{box-shadow:var(--shadow-md, 0 6px 16px rgba(0, 0, 0, .18));border-radius:var(--border-radius-medium);opacity:.95}.cdk-drag-placeholder{opacity:.35;border-style:dashed!important}.cdk-drop-list-dragging .cdk-drag{transition:transform .2s cubic-bezier(0,0,.2,1)}.cdk-drop-list-receiving{outline:2px dashed var(--ismila-primary);outline-offset:-2px;border-radius:var(--border-radius-medium)}.page-header,.dashboard-header .header-content{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap;margin-bottom:var(--spacing-xl)}.page-header .title-section,.page-header .header-left{display:flex;align-items:center;gap:var(--spacing-md);min-width:0}.title-group,.header-title-group{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.page-title,.header-title{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:var(--ismila-on-surface);margin:0;line-height:1.2}.page-subtitle,.header-subtitle{font-size:var(--font-size-md);color:var(--ismila-text-secondary);margin:2px 0 0}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.section-title{font-size:1.0625rem;font-weight:600;color:var(--ismila-on-surface);margin:0}.section-subtitle{font-size:var(--font-size-sm);color:var(--ismila-text-secondary)}.header-tab-navigation,.tab-navigation,.section-nav{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--ismila-surface-variant);border:1px solid var(--ismila-border);border-radius:var(--border-radius-medium);flex-wrap:wrap}.header-tab-btn,.tab-btn,.section-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:7px 14px;border-radius:var(--border-radius-button);background:transparent;color:var(--ismila-text-secondary);font-size:var(--font-size-md);font-weight:500;white-space:nowrap}.header-tab-btn:hover,.tab-btn:hover,.section-btn:hover{color:var(--ismila-on-surface);background:rgba(var(--ismila-on-surface-rgb),.04)}.header-tab-btn.active,.tab-btn.active,.section-btn.active{background:var(--ismila-surface-container);color:var(--ismila-on-surface);box-shadow:var(--shadow-xs)}.header-tab-btn .material-symbols-outlined,.tab-btn .material-symbols-outlined,.section-btn .material-symbols-outlined{font-size:18px}.breadcrumb-list{display:flex;align-items:center;gap:var(--spacing-xs);list-style:none;margin:0;padding:0;flex-wrap:wrap}.breadcrumb-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--ismila-text-secondary)}.breadcrumb-item a{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--ismila-text-secondary);border-radius:var(--border-radius-small);padding:2px 4px}.breadcrumb-item a:hover{color:var(--ismila-on-surface);background:var(--ismila-surface-variant)}.breadcrumb-item .current{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--ismila-on-surface);font-weight:600}.breadcrumb-item .separator{color:var(--ismila-outline)}.breadcrumb-item .material-symbols-outlined{font-size:16px}.detail-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--ismila-border-light)}.detail-row:last-child{border-bottom:none}.detail-item{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0;font-size:var(--font-size-md);color:var(--ismila-on-surface)}.detail-item>.material-symbols-outlined{font-size:18px;color:var(--ismila-text-secondary)}.detail-item:has(.detail-label){flex-direction:column;align-items:flex-start;gap:1px}.detail-label{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ismila-text-secondary)}.detail-value{font-size:var(--font-size-md);color:var(--ismila-on-surface);font-weight:500;word-break:break-word}.divider{height:1px;background:var(--ismila-border);border:none;margin:var(--spacing-lg) 0}.btn,.primary-btn,.secondary-btn,.submit-btn,.cancel-btn,.create-btn,.add-btn,.retry-btn,.download-btn,.action-btn,.panel-btn,.ghost-btn,.generate-btn,.view-button,.refresh-button,.delete-btn,.remove-btn,.withdraw-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:9px 16px;border:1px solid transparent;border-radius:var(--border-radius-button);font-size:var(--font-size-md);font-weight:500;line-height:1.2;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.btn .material-symbols-outlined,.primary-btn .material-symbols-outlined,.secondary-btn .material-symbols-outlined,.submit-btn .material-symbols-outlined,.cancel-btn .material-symbols-outlined,.create-btn .material-symbols-outlined,.add-btn .material-symbols-outlined,.retry-btn .material-symbols-outlined,.download-btn .material-symbols-outlined,.action-btn .material-symbols-outlined,.panel-btn .material-symbols-outlined,.delete-btn .material-symbols-outlined,.remove-btn .material-symbols-outlined,.withdraw-btn .material-symbols-outlined{font-size:18px}.btn-primary,.btn.primary,.primary-btn,.submit-btn,.create-btn,.add-btn,.generate-btn,.download-btn,.retry-btn.primary,.panel-btn.primary,.action-btn.primary{background-color:var(--ismila-primary);border-color:var(--ismila-primary);color:var(--ismila-on-primary)}.btn-primary:hover:not(:disabled),.btn.primary:hover:not(:disabled),.primary-btn:hover:not(:disabled),.submit-btn:hover:not(:disabled),.create-btn:hover:not(:disabled),.add-btn:hover:not(:disabled),.generate-btn:hover:not(:disabled),.download-btn:hover:not(:disabled),.retry-btn.primary:hover:not(:disabled),.panel-btn.primary:hover:not(:disabled),.action-btn.primary:hover:not(:disabled){background-color:var(--ismila-primary-hover);border-color:var(--ismila-primary-hover);box-shadow:var(--shadow-sm)}.btn-secondary,.btn-outlined,.btn.secondary,.secondary-btn,.cancel-btn,.view-button,.refresh-button,.action-btn,.panel-btn,.retry-btn{background-color:var(--ismila-surface-container);border-color:var(--ismila-outline);color:var(--ismila-on-surface)}.btn-secondary:hover:not(:disabled),.btn-outlined:hover:not(:disabled),.btn.secondary:hover:not(:disabled),.secondary-btn:hover:not(:disabled),.cancel-btn:hover:not(:disabled),.view-button:hover:not(:disabled),.refresh-button:hover:not(:disabled),.action-btn:hover:not(:disabled),.panel-btn:hover:not(:disabled),.retry-btn:hover:not(:disabled){background-color:var(--ismila-surface-variant);border-color:var(--ismila-hint)}.btn-text,.ghost-btn,.btn.text{background-color:transparent;border-color:transparent;color:var(--ismila-primary-dark);padding:6px 10px}.btn-text:hover:not(:disabled),.ghost-btn:hover:not(:disabled),.btn.text:hover:not(:disabled){background-color:rgba(var(--ismila-primary-rgb),.08);color:var(--ismila-primary-dark)}.btn-danger,.btn.danger,.panel-btn.danger,.delete-btn,.remove-btn,.withdraw-btn{background-color:var(--ismila-surface-container);border-color:var(--ismila-error-surface);color:var(--ismila-error-text)}.btn-danger:hover:not(:disabled),.btn.danger:hover:not(:disabled),.panel-btn.danger:hover:not(:disabled),.delete-btn:hover:not(:disabled),.remove-btn:hover:not(:disabled),.withdraw-btn:hover:not(:disabled){background-color:var(--ismila-error-surface);border-color:var(--ismila-error);color:var(--ismila-on-error-container)}.btn.compact,.primary-btn.compact,.secondary-btn.compact,.add-btn.compact,.delete-btn.compact,.remove-btn.compact,.download-btn.compact,.btn-sm{padding:6px 12px;font-size:var(--font-size-sm)}.btn-lg{padding:12px 22px;font-size:var(--font-size-lg)}.btn-block{width:100%}.icon-btn,.close-btn,.refresh-btn,.back-btn,.nav-btn,.page-btn,.delete-icon-btn,.error-close-btn,.banner-close,.icon-only{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:var(--border-radius-button);background:transparent;color:var(--ismila-text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.icon-btn:hover:not(:disabled),.close-btn:hover:not(:disabled),.refresh-btn:hover:not(:disabled),.back-btn:hover:not(:disabled),.nav-btn:hover:not(:disabled),.delete-icon-btn:hover:not(:disabled),.error-close-btn:hover:not(:disabled),.banner-close:hover:not(:disabled){background:var(--ismila-surface-variant);color:var(--ismila-on-surface)}.icon-btn.danger{color:var(--ismila-error-text)}.delete-icon-btn:hover:not(:disabled),.icon-btn.danger:hover:not(:disabled){background:var(--ismila-error-surface);color:var(--ismila-error-text)}.icon-btn .material-symbols-outlined,.close-btn .material-symbols-outlined,.refresh-btn .material-symbols-outlined,.back-btn .material-symbols-outlined,.nav-btn .material-symbols-outlined,.delete-icon-btn .material-symbols-outlined,.error-close-btn .material-symbols-outlined,.banner-close .material-symbols-outlined{font-size:20px}.back-btn,.refresh-btn{border-color:var(--ismila-outline);background:var(--ismila-surface-container)}.refresh-btn.labelled{width:auto;gap:6px;padding:0 12px 0 9px;font-size:var(--font-size-md);font-weight:500;white-space:nowrap}.refresh-btn.labelled .material-symbols-outlined{font-size:18px}.back-btn{width:auto;gap:6px;padding:0 12px 0 9px;font-size:var(--font-size-md);font-weight:500;white-space:nowrap}.back-btn .material-symbols-outlined{font-size:18px}.page-btn{min-width:34px;width:auto;height:34px;padding:0 10px;border-color:var(--ismila-outline);background:var(--ismila-surface-container);font-size:var(--font-size-sm);font-weight:500;font-variant-numeric:tabular-nums}.page-btn:hover:not(:disabled){background:var(--ismila-surface-variant);color:var(--ismila-on-surface)}.page-btn.active,.page-btn[aria-current=page]{background:var(--ismila-primary);border-color:var(--ismila-primary);color:var(--ismila-on-primary)}.btn:disabled,.primary-btn:disabled,.secondary-btn:disabled,.submit-btn:disabled,.cancel-btn:disabled,.create-btn:disabled,.add-btn:disabled,.retry-btn:disabled,.download-btn:disabled,.action-btn:disabled,.panel-btn:disabled,.icon-btn:disabled,.close-btn:disabled,.refresh-btn:disabled,.back-btn:disabled,.page-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.form-group,.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--spacing-lg);min-width:0}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.form-group label,.form-label,.form-field label{font-size:var(--font-size-sm);font-weight:600;color:var(--ismila-on-surface)}.field-hint,.form-hint,.helper-text{font-size:var(--font-size-xs);color:var(--ismila-text-secondary)}.form-input,.form-select,.form-textarea,.form-control,.search-input{width:100%;padding:9px 12px;font-size:var(--font-size-md);font-family:inherit;color:var(--ismila-on-surface);background-color:var(--ismila-inputs-fill);border:1px solid var(--ismila-outline);border-radius:var(--border-radius-button);transition:border-color .15s ease,box-shadow .15s ease}.form-textarea{min-height:88px;resize:vertical;line-height:1.5}.form-input::placeholder,.form-textarea::placeholder,.form-control::placeholder,.search-input::placeholder{color:var(--ismila-hint)}.form-input:hover:not(:disabled),.form-select:hover:not(:disabled),.form-textarea:hover:not(:disabled),.form-control:hover:not(:disabled){border-color:var(--ismila-hint)}.form-input:focus,.form-select:focus,.form-textarea:focus,.form-control:focus,.search-input:focus{outline:none;border-color:var(--ismila-primary);box-shadow:0 0 0 3px rgba(var(--ismila-primary-rgb),.14)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled,.form-control:disabled{background-color:var(--ismila-surface-variant);color:var(--ismila-text-secondary);cursor:not-allowed}.form-input.error,.form-select.error,.form-textarea.error,.form-control.error,.form-input.ng-invalid.ng-touched,.form-select.ng-invalid.ng-touched,.form-textarea.ng-invalid.ng-touched{border-color:var(--ismila-error)}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus,.form-control.error:focus{box-shadow:0 0 0 3px rgba(var(--ismila-error-rgb),.14)}.error-text,.form-group .error-message{display:block;font-size:var(--font-size-xs);color:var(--ismila-error-text)}.checkbox-group,.radio-group,.checkbox-label,.radio-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-md);cursor:pointer}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--ismila-primary);cursor:pointer;flex-shrink:0}.input-icon-prefix{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ismila-text-secondary);font-size:18px;pointer-events:none}.input-with-prefix{padding-left:38px}input[type=date],input[type=time],input[type=datetime-local]{font-family:inherit}.card,.dashboard-card,.info-card,.panel-card,.content-card{background-color:var(--ismila-surface-container);border:1px solid var(--ismila-border);border-radius:var(--border-radius-standard);box-shadow:var(--shadow-xs);overflow:hidden}.card-header,.panel-header,.section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--ismila-border);flex-wrap:wrap}.card-title,.panel-title{font-size:var(--font-size-lg);font-weight:600;color:var(--ismila-on-surface);margin:0}.card-content,.card-body,.panel-content{padding:var(--spacing-lg)}.stats-grid,.stat-grid,.metrics-grid,.summary-cards,.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card,.summary-card,.metric-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--ismila-surface-container);border:1px solid var(--ismila-border);border-radius:var(--border-radius-standard);box-shadow:var(--shadow-xs);transition:box-shadow .15s ease,border-color .15s ease}.stat-card:hover,.summary-card:hover,.metric-card:hover{box-shadow:var(--shadow-sm);border-color:var(--ismila-outline)}.stat-card.compact,.summary-card.compact{padding:var(--spacing-md)}.stat-icon,.metric-icon,.metric-icon-wrapper,.card-icon,.summary-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border-radius:var(--border-radius-medium);background:var(--ismila-primary-container);color:var(--ismila-on-primary-container)}.stat-icon .material-symbols-outlined,.metric-icon .material-symbols-outlined,.metric-icon-wrapper .material-symbols-outlined,.card-icon .material-symbols-outlined,.summary-icon .material-symbols-outlined{font-size:22px}.stat-info,.metric-info,.summary-card .card-content,.stat-content{display:flex;flex-direction:column;gap:2px;min-width:0;padding:0}.stat-label,.metric-label,.card-label,.summary-label,.metric-title{font-size:var(--font-size-sm);font-weight:500;color:var(--ismila-text-secondary);margin:0}.stat-value,.metric-value,.card-value,.summary-value,.stat-number{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:var(--ismila-on-surface);font-variant-numeric:tabular-nums;margin:0;line-height:1.15}.stat-card.compact .stat-value,.summary-card.compact .card-value{font-size:1.25rem}.metric-trend,.stat-trend,.trend-badge{display:inline-flex;align-items:center;gap:3px;margin-top:2px;padding:2px 7px;width:fit-content;border-radius:var(--border-radius-pill);font-size:var(--font-size-xs);font-weight:600;background:var(--ismila-surface-variant);color:var(--ismila-text-secondary)}.metric-trend .material-symbols-outlined,.stat-trend .material-symbols-outlined{font-size:14px}.metric-trend.positive,.stat-trend.positive,.card-value.positive,.summary-value.positive{background:var(--ismila-success-surface);color:var(--ismila-success-text)}.metric-trend.negative,.stat-trend.negative,.card-value.negative,.summary-value.negative{background:var(--ismila-error-surface);color:var(--ismila-error-text)}.card-value.positive,.card-value.negative,.summary-value.positive,.summary-value.negative{background:none;padding:0;border-radius:0;font-size:1.5rem}.summary-card.opening .summary-icon,.summary-card.inflow .summary-icon{background:var(--ismila-success-surface);color:var(--ismila-success-text)}.summary-card.outflow .summary-icon{background:var(--ismila-error-surface);color:var(--ismila-error-text)}.summary-card.closing .summary-icon{background:var(--ismila-info-surface);color:var(--ismila-info-text)}.summary-item,.stat-item{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-md);background:var(--ismila-surface-variant);border-radius:var(--border-radius-medium);min-width:0}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md)}.list-row,.shift-item,.supervisor-item,.employee-row,.panel-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius-medium);border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease}.list-row:hover,.shift-item:hover,.supervisor-item:hover,.employee-row:hover,.panel-row:hover{background:var(--ismila-surface-variant)}.avatar,.user-avatar,.supervisor-avatar,.employee-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:var(--border-radius-pill);background:var(--ismila-primary-container);color:var(--ismila-on-primary-container);font-size:var(--font-size-sm);font-weight:600;overflow:hidden}.avatar img,.user-avatar img,.supervisor-avatar img,.employee-avatar img{width:100%;height:100%;object-fit:cover}.table-container,.employees-table-container,.summary-table-container,.biometric-table-container{width:100%;overflow-x:auto;background:var(--ismila-surface-container);border:1px solid var(--ismila-border);border-radius:var(--border-radius-standard);box-shadow:var(--shadow-xs)}.data-table,.statements-table,.payments-table,.employees-table,.summary-table,.biometric-table{width:100%;border-collapse:collapse;font-size:var(--font-size-md)}.data-table th,.statements-table th,.payments-table th,.employees-table th,.summary-table th,.biometric-table th{padding:11px var(--spacing-lg);text-align:left;white-space:nowrap;background:var(--ismila-surface-variant);border-bottom:1px solid var(--ismila-border);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ismila-text-secondary)}.data-table td,.statements-table td,.payments-table td,.employees-table td,.summary-table td,.biometric-table td{padding:11px var(--spacing-lg);text-align:left;vertical-align:middle;border-bottom:1px solid var(--ismila-border-light);color:var(--ismila-on-surface)}.data-table tbody tr,.statements-table tbody tr,.payments-table tbody tr,.employees-table tbody tr,.biometric-table tbody tr{transition:background-color .12s ease}.data-table tbody tr:hover,.statements-table tbody tr:hover,.payments-table tbody tr:hover,.employees-table tbody tr:hover,.biometric-table tbody tr:hover{background:var(--ismila-surface-variant)}.data-table tbody tr:last-child td,.statements-table tbody tr:last-child td,.payments-table tbody tr:last-child td,.employees-table tbody tr:last-child td,.summary-table tbody tr:last-child td,.biometric-table tbody tr:last-child td{border-bottom:none}.data-table.compact th,.data-table.compact td,.employees-table.compact th,.employees-table.compact td{padding:7px var(--spacing-md);font-size:var(--font-size-sm)}.table-container.sticky-header thead th{position:sticky;top:0;z-index:2}.data-table .text-right,.data-table td.numeric,.data-table th.numeric,.statements-table .text-right,.payments-table .text-right,.summary-table .text-right{text-align:right;font-variant-numeric:tabular-nums}.data-table .amount,.payments-table .amount,.statements-table .amount{font-weight:600;font-variant-numeric:tabular-nums}.amount.positive,.value.positive{color:var(--ismila-success-text)}.amount.negative,.value.negative{color:var(--ismila-error-text)}.data-table .row-actions,.table-container .row-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-xs)}.list-header-row{display:flex;align-items:center;gap:var(--spacing-md);padding:11px var(--spacing-lg);background:var(--ismila-surface-variant);border-bottom:1px solid var(--ismila-border);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ismila-text-secondary)}.status-badge,.badge,.chip,.role-badge,.experience-badge,.department-badge,.count-badge,.type-badge,.impact-badge,.points-badge,.attendance-pill,.stat-pill,.filter-chip,.role-chip,.holiday-chip,.count-chip,.selected-chip,.hm-tag,.hm-chip{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:3px 10px;border-radius:var(--border-radius-pill);font-size:var(--font-size-xs);font-weight:600;line-height:1.6;white-space:nowrap;text-transform:capitalize;background:var(--ismila-surface-variant);color:var(--ismila-text-secondary);border:1px solid transparent}.status-badge .material-symbols-outlined,.badge .material-symbols-outlined,.chip .material-symbols-outlined,.attendance-pill .material-symbols-outlined{font-size:14px}.status-active,.status-badge.active,.status-closed,.status-badge.closed,.status-completed,.status-badge.completed,.status-paid,.status-badge.paid,.status-present,.status-badge.present,.status-good,.status-badge.good,.status-verified,.status-badge.verified,.status-approved,.status-badge.approved,.status-reported,.status-badge.reported,.status-full,.status-badge.full,.badge.completed,.badge.inflow,.status-success{background:var(--ismila-success-surface);color:var(--ismila-success-text)}.status-pending,.status-badge.pending,.status-provisional,.status-badge.provisional,.status-onleave,.status-badge.onleave,.status-late,.status-badge.late,.status-partial,.status-badge.partial,.status-moderate,.status-badge.moderate,.status-onpay,.status-badge.onpay,.status-in-verified,.status-badge.in-verified,.status-low,.status-badge.low,.status-warning,.badge.pending{background:var(--ismila-warning-surface);color:var(--ismila-warning-text)}.status-suspended,.status-badge.suspended,.status-blocked,.status-badge.blocked,.status-cancelled,.status-badge.cancelled,.status-canceled,.status-badge.canceled,.status-rejected,.status-badge.rejected,.status-fired,.status-badge.fired,.status-absent,.status-badge.absent,.status-deleted,.status-badge.deleted,.status-expired,.status-badge.expired,.status-failed,.status-badge.failed,.status-not-reported,.status-badge.not-reported,.status-error,.badge.failed,.badge.outflow{background:var(--ismila-error-surface);color:var(--ismila-error-text)}.status-sick,.status-badge.sick,.status-info,.status-badge.info,.status-training,.status-badge.training{background:var(--ismila-info-surface);color:var(--ismila-info-text)}.status-inactive,.status-badge.inactive,.status-resigned,.status-badge.resigned,.status-default,.status-badge.default,.status-unknown,.status-badge.unknown,.status-draft,.status-badge.draft{background:var(--ismila-surface-variant);color:var(--ismila-text-secondary)}.badge.primary,.chip.primary,.role-badge,.count-badge,.count-chip{background:var(--ismila-primary-container);color:var(--ismila-on-primary-container)}.chip.write-chip{background:var(--ismila-warning-surface);color:var(--ismila-warning-text);font-weight:600}.chip-row,.chips-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.selected-chip,.filter-chip{background:var(--ismila-primary-container);color:var(--ismila-on-primary-container);padding:4px 6px 4px 12px;gap:var(--spacing-xs)}.selected-chip button,.filter-chip button,.chip-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--border-radius-pill);background:rgba(var(--ismila-on-surface-rgb),.08);color:inherit}.selected-chip button:hover,.filter-chip button:hover,.chip-remove:hover{background:rgba(var(--ismila-on-surface-rgb),.16)}.selected-chip .material-symbols-outlined,.filter-chip .material-symbols-outlined,.chip-remove .material-symbols-outlined{font-size:14px}.status-dot{width:8px;height:8px;flex-shrink:0;border-radius:var(--border-radius-pill);background:var(--ismila-outline)}.status-dot.active,.status-dot.online,.status-dot.present{background:var(--ismila-primary);box-shadow:0 0 0 3px rgba(var(--ismila-primary-rgb),.18)}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:#0f172a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:modal-fade .15s ease-out}.modal-container,.modal-content{display:flex;flex-direction:column;width:100%;max-width:560px;max-height:calc(100vh - var(--spacing-2xl) * 2);background:var(--ismila-surface-container);border-radius:var(--border-radius-large);box-shadow:var(--shadow-lg);overflow:hidden;animation:modal-rise .18s ease-out}.modal-container.wide,.modal-content.wide,.modal-container.large,.modal-content.large{max-width:860px}.modal-container.narrow,.modal-content.narrow,.modal-container.small,.modal-content.small{max-width:420px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-lg);border-bottom:1px solid var(--ismila-border);flex-shrink:0}.modal-header h2,.modal-header h3,.modal-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:600;color:var(--ismila-on-surface);margin:0}.modal-header .material-symbols-outlined{font-size:20px;color:var(--ismila-primary-dark)}.modal-subtitle{font-size:var(--font-size-sm);color:var(--ismila-text-secondary);margin-top:2px}.modal-form,.modal-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.form-content,.modal-body-content{padding:var(--spacing-xl)}.modal-body{padding:var(--spacing-lg)}.modal-form>form{display:flex;flex-direction:column;flex:1;min-height:0}.modal-actions,.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-lg);border-top:1px solid var(--ismila-border);background:var(--ismila-surface-container-low);flex-shrink:0;flex-wrap:wrap}.modal-actions.spread,.modal-footer.spread{justify-content:space-between}.slide-panel-overlay{position:fixed;inset:0;z-index:1000;display:flex;justify-content:flex-end;background:#0f172a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:modal-fade .15s ease-out}.slide-panel{display:flex;flex-direction:column;width:min(560px,100%);height:100%;background:var(--ismila-surface-container);box-shadow:var(--shadow-lg);animation:panel-slide .2s ease-out}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@keyframes panel-slide{0%{transform:translate(16px);opacity:0}to{transform:none;opacity:1}}@media(max-width:640px){.modal-overlay{padding:0;align-items:flex-end}.modal-container,.modal-content{max-width:100%;max-height:92vh;border-radius:var(--border-radius-large) var(--border-radius-large) 0 0}.form-content,.modal-body,.modal-header,.modal-actions,.modal-footer{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.modal-actions,.modal-footer{flex-direction:column-reverse;align-items:stretch}}.slide-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--ismila-border);flex-shrink:0}.slide-panel-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600}.panel-subtitle{margin:2px 0 0;font-size:var(--font-size-sm);color:var(--ismila-text-secondary)}.slide-panel-content{flex:1;min-height:0;overflow-y:auto;padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.slide-panel-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--ismila-border);background:var(--ismila-surface-container-low);flex-shrink:0}.panel-close-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border:none;border-radius:var(--border-radius-button);background:none;color:var(--ismila-text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.panel-close-btn:hover{background:var(--ismila-surface-variant);color:var(--ismila-on-surface)}.panel-field{display:flex;flex-direction:column;gap:5px;flex:1 1 150px;min-width:0}.panel-field label{font-size:var(--font-size-xs);font-weight:600;color:var(--ismila-text-secondary)}.panel-field input,.panel-field select,.panel-field textarea{width:100%;padding:8px 11px;border:1px solid var(--ismila-outline);border-radius:var(--border-radius-button);background:var(--ismila-inputs-fill);font-size:var(--font-size-md);font-family:inherit;color:var(--ismila-on-surface)}.panel-field input:focus,.panel-field select:focus,.panel-field textarea:focus{outline:none;border-color:var(--ismila-primary);box-shadow:0 0 0 3px rgba(var(--ismila-primary-rgb),.14)}.panel-add-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--ismila-surface-variant);border:1px solid var(--ismila-border);border-radius:var(--border-radius-standard)}.panel-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.panel-row{justify-content:space-between;border-color:var(--ismila-border);background:var(--ismila-surface-container)}.panel-row-main{display:flex;flex-direction:column;gap:2px;min-width:0}.panel-row-title{font-weight:600;font-size:var(--font-size-md)}.panel-row-meta{font-size:var(--font-size-sm);color:var(--ismila-text-secondary)}.panel-error,.panel-success{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-medium);font-size:var(--font-size-md)}.panel-error{background:var(--ismila-error-surface);color:var(--ismila-on-error-container)}.panel-success{background:var(--ismila-success-surface);color:var(--ismila-success-text)}@media(max-width:640px){.slide-panel,.slide-panel.wide{width:100%}.slide-panel-header,.slide-panel-content,.slide-panel-footer{padding:var(--spacing-lg)}}.filters-bar,.filters-group,.panel-filters,.filters-inputs{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.filters-card{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;padding:var(--spacing-md) var(--spacing-lg);background:var(--ismila-surface-container);border:1px solid var(--ismila-border);border-radius:var(--border-radius-standard);margin-bottom:var(--spacing-lg)}.search-box,.search-input-wrapper,.search-container{display:flex;align-items:center;gap:var(--spacing-sm);flex:1 1 260px;min-width:0;max-width:420px;padding:0 12px;height:38px;background:var(--ismila-inputs-fill);border:1px solid var(--ismila-outline);border-radius:var(--border-radius-button);transition:border-color .15s ease,box-shadow .15s ease}.search-box:focus-within,.search-input-wrapper:focus-within,.search-container:focus-within{border-color:var(--ismila-primary);box-shadow:0 0 0 3px rgba(var(--ismila-primary-rgb),.14)}.search-box>.material-symbols-outlined,.search-input-wrapper>.material-symbols-outlined,.search-container>.material-symbols-outlined{font-size:18px;color:var(--ismila-text-secondary)}.search-box input,.search-input-wrapper input,.search-container input{flex:1;min-width:0;height:100%;border:none;outline:none;background:transparent;font-family:inherit;font-size:var(--font-size-md);color:var(--ismila-on-surface)}.search-box input::placeholder,.search-input-wrapper input::placeholder,.search-container input::placeholder{color:var(--ismila-hint)}.search-box input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.clear-search-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--border-radius-pill);background:var(--ismila-surface-variant);color:var(--ismila-text-secondary)}.clear-search-btn:hover{background:var(--ismila-outline);color:var(--ismila-on-surface)}.clear-search-btn .material-symbols-outlined{font-size:14px}.filters-bar select,.filters-bar input[type=date],.filters-card select,.filters-card input[type=date],.filter-select{height:38px;padding:0 12px;background:var(--ismila-inputs-fill);border:1px solid var(--ismila-outline);border-radius:var(--border-radius-button);font-family:inherit;font-size:var(--font-size-md);color:var(--ismila-on-surface)}.filters-bar select:focus,.filters-card select:focus,.filter-select:focus,.filters-bar input[type=date]:focus{outline:none;border-color:var(--ismila-primary);box-shadow:0 0 0 3px rgba(var(--ismila-primary-rgb),.14)}.result-count{font-size:var(--font-size-sm);color:var(--ismila-text-secondary);white-space:nowrap;margin-left:auto}.page-info{font-size:var(--font-size-sm);color:var(--ismila-text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums}.filters-actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto}.search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;max-height:280px;overflow-y:auto;background:var(--ismila-surface-container);border:1px solid var(--ismila-border);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-md)}.search-result-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:var(--font-size-md)}.search-result-item:hover,.search-result-item.highlighted{background:var(--ismila-surface-variant)}.pagination,.pagination-bar,.pagination-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap;padding:var(--spacing-md) 0}.pagination-info,.pagination-summary{font-size:var(--font-size-sm);color:var(--ismila-text-secondary);font-variant-numeric:tabular-nums}.pagination-pages,.page-numbers{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.pagination-ellipsis{padding:0 4px;color:var(--ismila-text-secondary)}@keyframes spin{to{transform:rotate(360deg)}}.loading-container,.loading-state,.panel-loading,.tab-loading,.state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;color:var(--ismila-text-secondary)}.loading-state.compact,.loading-container.compact{padding:var(--spacing-lg)}.loading-spinner,.spinner,.loading-indicator{width:32px;height:32px;flex-shrink:0;border:3px solid var(--ismila-border);border-top-color:var(--ismila-primary);border-radius:var(--border-radius-pill);animation:spin .7s linear infinite}.loading-spinner-small,.spinner-small,.spinner.small,.btn-spinner,.button-spinner{width:16px;height:16px;border-width:2px}.loading-text,.loading-container p,.loading-state p{font-size:var(--font-size-md);color:var(--ismila-text-secondary);margin:0}.spinning,.spin{animation:spin 1s linear infinite;transform-origin:center}.empty-state,.panel-empty,.empty-table-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;background:var(--ismila-surface-container);border:1px dashed var(--ismila-outline);border-radius:var(--border-radius-standard)}.empty-state.compact,.panel-empty.compact{padding:var(--spacing-xl) var(--spacing-md)}.empty-state>.material-symbols-outlined,.empty-icon,.panel-empty>.material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:var(--spacing-xs);border-radius:var(--border-radius-pill);background:var(--ismila-surface-variant);color:var(--ismila-hint);font-size:26px}.empty-state h3,.empty-state h4,.panel-empty h3{font-size:var(--font-size-lg);font-weight:600;color:var(--ismila-on-surface);margin:0}.empty-state p,.panel-empty p{font-size:var(--font-size-md);color:var(--ismila-text-secondary);margin:0;max-width:44ch}.empty-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.error-banner,.banner,.alert,.api-error-message,.feedback-message{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-medium);border:1px solid transparent;font-size:var(--font-size-md);margin-bottom:var(--spacing-lg)}.error-banner,.banner.error,.alert.error,.api-error-message,.feedback-message.error,.state-container.error{background:var(--ismila-error-surface);border-color:rgba(var(--ismila-error-rgb),.25);color:var(--ismila-on-error-container)}.banner.success,.alert.success,.feedback-message.success{background:var(--ismila-success-surface);border-color:rgba(var(--ismila-success-rgb),.25);color:var(--ismila-success-text)}.banner.warning,.alert.warning{background:var(--ismila-warning-surface);border-color:rgba(var(--ismila-warning-rgb),.25);color:var(--ismila-warning-text)}.banner.info,.alert.info{background:var(--ismila-info-surface);border-color:var(--ismila-info);color:var(--ismila-info-text)}.error-banner .material-symbols-outlined,.banner .material-symbols-outlined,.alert .material-symbols-outlined{font-size:20px;flex-shrink:0}.banner-close,.error-close-btn{margin-left:auto}.error-container,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.error-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--border-radius-pill);background:var(--ismila-error-surface);color:var(--ismila-error-text);font-size:26px}.error-title{font-size:var(--font-size-lg);font-weight:600;color:var(--ismila-on-surface);margin:0}.error-container .error-message,.error-state .error-message{font-size:var(--font-size-md);color:var(--ismila-text-secondary);margin:0;max-width:52ch}.error-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center}@media(prefers-reduced-motion:reduce){.loading-spinner,.spinner,.loading-indicator,.spinning{animation-duration:2s}}.large-title{margin:0;font-size:1.75rem;font-weight:600;letter-spacing:var(--tracking-large-title);color:var(--ismila-on-surface);line-height:1.15}.title-2{margin:0;font-size:1.3125rem;font-weight:600;letter-spacing:var(--tracking-title);color:var(--ismila-on-surface)}.group-label{display:block;margin:0 0 var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ismila-text-secondary)}.segmented-control{display:inline-flex;align-items:center;gap:2px;padding:2px;background:var(--fill-quaternary);border:none;border-radius:var(--radius-apple-sm)}.segmented-control .segment{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;min-height:30px;border:none;border-radius:8px;background:transparent;color:var(--ismila-on-surface);font-size:var(--font-size-md);font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease}.segmented-control .segment:hover:not(.active){background:rgba(var(--ismila-on-surface-rgb),.04)}.segmented-control .segment.active{background:var(--ismila-surface-container);font-weight:600;box-shadow:0 1px 3px #0f172a1a,0 0 0 .5px #0f172a0a}.segmented-control .segment .count{font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;color:var(--ismila-text-secondary)}.segmented-control .segment.active .count{color:var(--ismila-primary-dark)}.inset-group{background:var(--ismila-surface-container);border:1px solid var(--ismila-border);border-radius:var(--radius-apple-md);overflow:hidden}.inset-group>.inset-row+.inset-row{border-top:1px solid var(--separator)}.inset-row{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);text-align:left;font:inherit;color:inherit;background:transparent;border:none;transition:background-color .15s ease}.inset-row.is-interactive{cursor:pointer}.inset-row.is-interactive:hover,.inset-row.is-interactive:focus-visible{background:var(--fill-quaternary)}.inset-row .row-main{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.inset-row .row-title{margin:0;font-size:var(--font-size-md);font-weight:500;color:var(--ismila-on-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inset-row .row-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--ismila-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inset-row .row-chevron{flex-shrink:0;font-size:20px;color:var(--ismila-hint);transition:transform .15s ease}.inset-row.is-interactive:hover .row-chevron{transform:translate(2px)}.inset-group>.inset-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--ismila-surface-container-low);border-bottom:1px solid var(--separator)}.material-card{background:var(--ismila-surface-container);border:1px solid var(--ismila-border);border-radius:var(--radius-apple-lg);box-shadow:var(--shadow-sm)}.material-sheet{background:var(--ismila-surface-container);border-radius:var(--radius-apple-xl) var(--radius-apple-xl) 0 0;box-shadow:var(--shadow-lg)}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.material-card.is-translucent{background:var(--material-thick);-webkit-backdrop-filter:var(--material-blur);backdrop-filter:var(--material-blur)}.material-toolbar{background:var(--material-thin);-webkit-backdrop-filter:var(--material-blur);backdrop-filter:var(--material-blur)}}.material-toolbar{position:sticky;top:0;z-index:2;background:var(--ismila-surface-container);border-bottom:1px solid var(--separator)}@media(prefers-reduced-motion:reduce){.segmented-control .segment,.inset-row,.inset-row .row-chevron{transition:none}}