@charset "UTF-8";:root{color-scheme:light;--ui-color-primary: #6366f1;--ui-color-primary-dark: #4f46e5;--ui-color-primary-light: #818cf8;--ui-color-success: #10b981;--ui-color-success-dark: #059669;--ui-color-danger: #ef4444;--ui-color-danger-dark: #dc2626;--ui-color-danger-light: #f87171;--ui-color-success-light: #34d399;--ui-color-warning-light: #fbbf24;--ui-color-success-text: #065f46;--ui-color-warning-text: #92400e;--ui-color-danger-text: #7f1d1d;--ui-color-info-text: #1e40af;--ui-color-text-primary: #0f172a;--ui-color-text-secondary: #475569;--ui-color-text-muted: #94a3b8;--ui-color-text-tertiary: #64748b;--ui-color-text-disabled: #cbd5e1;--ui-color-on-inverse: #ffffff;--ui-color-secondary: #a855f7;--ui-color-secondary-dark: #9333ea;--ui-color-info: #3b82f6;--ui-color-info-dark: #2563eb;--ui-color-warning: #f59e0b;--ui-color-warning-dark: #d97706;--ui-bg-primary-soft: rgba(99, 102, 241, .08);--ui-border-primary-soft: rgba(99, 102, 241, .3);--ui-bg-success-soft: rgba(16, 185, 129, .1);--ui-bg-danger-soft: rgba(239, 68, 68, .1);--ui-bg-warning-soft: rgba(245, 158, 11, .1);--ui-bg-info-soft: rgba(59, 130, 246, .1);--ui-bg-secondary-soft: rgba(168, 85, 247, .08);--ui-color-bg-page: #fafbfc;--ui-color-bg-card: #ffffff;--ui-color-bg-hover: #f8fafc;--ui-color-bg-active: #f1f5f9;--ui-color-bg-subtle: #f1f5f9;--ui-color-border: #dce4ec;--ui-color-border-light: #e8edf2;--ui-color-focus-ring: rgba(99, 102, 241, .16);--ui-color-selection: rgba(99, 102, 241, .2);--ui-font-family: Inter, Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;--ui-font-size-xs: 11px;--ui-font-size-sm: 13px;--ui-font-size-base: 14px;--ui-font-size-lg: 16px;--ui-font-weight-normal: 400;--ui-font-weight-medium: 500;--ui-font-weight-semibold: 600;--ui-font-weight-bold: 700;--ui-radius-sm: 6px;--ui-radius-md: 8px;--ui-radius-lg: 12px;--ui-shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .08), 0 1px 2px -1px rgba(15, 23, 42, .08);--ui-shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .08), 0 2px 4px -2px rgba(15, 23, 42, .08);--ui-shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .1), 0 4px 6px -4px rgba(15, 23, 42, .08);--ui-shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .1), 0 8px 10px -6px rgba(15, 23, 42, .08);--ui-shadow-success: 0 8px 16px -4px rgba(16, 185, 129, .3);--ui-control-height: 38px;--ui-btn-height: 38px;--ui-create-page-pad-x: 1.25rem;--ui-create-page-pad-top: 1rem;--ui-create-card-gap: .85rem;--ui-create-card-radius: .85rem;--ui-create-hero-min-h: 106px;--ui-create-hero-pad-y: .75rem;--ui-create-hero-pad-x: 1rem;--ui-create-form-pad-y: .75rem;--ui-create-form-pad-x: .9rem;--ui-create-footer-pad-y: .875rem;--ui-create-footer-pad-x: 1.25rem;--ui-create-stepper-hero-min-h: 48px;--ui-create-stepper-hero-pad-y: .28rem;--ui-create-stepper-hero-pad-x: .65rem;--ui-create-stepper-hero-gap-y: .1rem;--ui-create-stepper-node-size: 1.65rem;--ui-create-stepper-node-min-w: 3.35rem;--ui-create-stepper-node-max-w: 5.25rem;--ui-create-stepper-label-size: .58rem;--ui-pipeline-column-width: 280px;--ui-pipeline-page-pad-x: 20px;--ui-pipeline-page-pad-top: 16px;--ui-dashboard-max-width: 1600px;--ui-modal-backdrop: rgba(15, 23, 42, .5);--ui-modal-radius: 16px;--ui-modal-shadow: 0 25px 50px -12px rgba(15, 23, 42, .25);--ui-z-modal: 400}[data-theme=light]{color-scheme:light}[data-theme=dark],html.dark{color-scheme:dark;--ui-color-primary: #818cf8;--ui-color-primary-dark: #6366f1;--ui-color-primary-light: #a5b4fc;--ui-color-success: #34d399;--ui-color-success-dark: #10b981;--ui-color-success-light: #4ade80;--ui-color-warning-light: #fbbf24;--ui-color-success-text: #6ee7b7;--ui-color-warning-text: #fbbf24;--ui-color-danger-text: #fca5a5;--ui-color-info-text: #93c5fd;--ui-color-danger: #f87171;--ui-color-danger-dark: #ef4444;--ui-color-danger-light: #fca5a5;--ui-color-text-primary: #e5e7eb;--ui-color-text-secondary: #cbd5e1;--ui-color-text-muted: #94a3b8;--ui-color-text-tertiary: #94a3b8;--ui-color-text-disabled: #64748b;--ui-color-on-inverse: #f8fafc;--ui-color-secondary: #c084fc;--ui-color-secondary-dark: #9333ea;--ui-color-info: #60a5fa;--ui-color-info-dark: #3b82f6;--ui-color-warning: #fbbf24;--ui-color-warning-dark: #f59e0b;--ui-bg-primary-soft: rgba(129, 140, 248, .12);--ui-border-primary-soft: rgba(129, 140, 248, .35);--ui-bg-success-soft: rgba(16, 185, 129, .15);--ui-bg-danger-soft: rgba(248, 113, 113, .15);--ui-bg-warning-soft: rgba(251, 191, 36, .12);--ui-bg-info-soft: rgba(96, 165, 250, .15);--ui-bg-secondary-soft: rgba(168, 85, 247, .12);--ui-color-bg-page: #0b1220;--ui-color-bg-card: #111827;--ui-color-bg-hover: #1f2937;--ui-color-bg-active: #273244;--ui-color-bg-subtle: #1e293b;--ui-color-border: #334155;--ui-color-border-light: #273244;--ui-color-focus-ring: rgba(129, 140, 248, .35);--ui-color-selection: rgba(129, 140, 248, .24);--ui-shadow-sm: 0 1px 3px 0 rgba(2, 6, 23, .5), 0 1px 2px -1px rgba(2, 6, 23, .5);--ui-shadow-md: 0 6px 12px -2px rgba(2, 6, 23, .55), 0 3px 6px -3px rgba(2, 6, 23, .55);--ui-shadow-lg: 0 10px 15px -3px rgba(2, 6, 23, .45), 0 4px 6px -4px rgba(2, 6, 23, .4);--ui-shadow-xl: 0 20px 25px -5px rgba(2, 6, 23, .5), 0 8px 10px -6px rgba(2, 6, 23, .45);--ui-shadow-success: 0 8px 16px -4px rgba(16, 185, 129, .35)}html,body{font-family:var(--ui-font-family);color:var(--ui-color-text-primary);background:var(--ui-color-bg-page)}button,input,select,textarea,table{font-family:var(--ui-font-family)}button{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-semibold);border-radius:var(--ui-radius-md)}input,select,textarea{font-size:var(--ui-font-size-base);color:var(--ui-color-text-primary)}a{color:var(--ui-color-primary);text-decoration:none}a:hover{color:var(--ui-color-primary-dark)}table{width:100%;border-collapse:collapse}th{color:var(--ui-color-text-secondary);font-weight:var(--ui-font-weight-semibold)}td{color:var(--ui-color-text-primary)}h1,h2,h3,h4,h5,h6{color:var(--ui-color-text-primary);font-family:var(--ui-font-family);line-height:1.2;margin:0}p,label,small,span{font-family:var(--ui-font-family)}.ui-text-title{font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-bold);color:var(--ui-color-text-primary)}.ui-text-body{font-size:var(--ui-font-size-base);font-weight:var(--ui-font-weight-normal);color:var(--ui-color-text-secondary)}.ui-text-caption{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text-muted)}.ui-card,.ui-create-form-card,.ui-create-hero-card{background:var(--ui-color-bg-card);border:1px solid var(--ui-color-border-light);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-sm)}.ui-card--elevated{box-shadow:var(--ui-shadow-md)}.ui-create-page{display:flex;flex-direction:column;gap:var(--ui-create-card-gap)}.ui-create-hero-card{min-height:var(--ui-create-hero-min-h);padding:var(--ui-create-hero-pad-y) var(--ui-create-hero-pad-x);border-radius:var(--ui-create-card-radius);display:flex;align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--ui-color-primary) 4%,var(--ui-color-bg-card)) 0%,var(--ui-color-bg-card) 100%)}.ui-create-form-card{border-radius:var(--ui-create-card-radius);padding:var(--ui-create-form-pad-y) var(--ui-create-form-pad-x)}.ui-create-footer{display:flex;justify-content:flex-end;gap:6px;border-top:1px solid var(--ui-color-border-light);padding:var(--ui-create-footer-pad-y) var(--ui-create-footer-pad-x) calc(var(--ui-create-footer-pad-y) + env(safe-area-inset-bottom,0px));margin-top:4px}.ui-field{display:flex;flex-direction:column;gap:4px}.ui-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-primary)}.ui-control,.input-wrapper input,.input-container input,.input-container select,.manual-input-wrap input,.transfer-input-wrap input,.form-input,.search-input,.custom-input,.notes-input,.select-input,.datetime-input,.phone-input,.form-field__input,.dt-search,.dt-filter,.form-control,input:not([type=checkbox]):not([type=radio]),select,textarea,.input{width:100%;min-height:var(--ui-control-height);padding:0 6px;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);background:var(--ui-color-bg-card);color:var(--ui-color-text-primary);font-size:var(--ui-font-size-base);font-family:var(--ui-font-family);transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);outline:none}.ui-control::placeholder,.input-wrapper input::placeholder,.input-container input::placeholder,.input-container select::placeholder,.manual-input-wrap input::placeholder,.transfer-input-wrap input::placeholder,.form-input::placeholder,.search-input::placeholder,.custom-input::placeholder,.notes-input::placeholder,.select-input::placeholder,.datetime-input::placeholder,.phone-input::placeholder,.form-field__input::placeholder,.dt-search::placeholder,.dt-filter::placeholder,.form-control::placeholder,input:not([type=checkbox]):not([type=radio])::placeholder,select::placeholder,textarea::placeholder,.input::placeholder{color:var(--ui-color-text-muted)}.ui-control:focus,.input-wrapper input:focus,.input-container input:focus,.manual-input-wrap input:focus,.transfer-input-wrap input:focus,.form-input:focus,.search-input:focus,.custom-input:focus,.notes-input:focus,.select-input:focus,.datetime-input:focus,.phone-input:focus,.form-field__input:focus,.dt-search:focus,.dt-filter:focus,.form-control:focus,input:focus:not([type=checkbox]):not([type=radio]),select:focus,textarea:focus,.input:focus{border-color:var(--ui-color-primary);box-shadow:0 0 0 3px var(--ui-color-focus-ring)}.ui-control:disabled,.input-wrapper input:disabled,.input-container input:disabled,.manual-input-wrap input:disabled,.transfer-input-wrap input:disabled,.form-input:disabled,.search-input:disabled,.custom-input:disabled,.notes-input:disabled,.select-input:disabled,.datetime-input:disabled,.phone-input:disabled,.form-field__input:disabled,.dt-search:disabled,.dt-filter:disabled,.form-control:disabled,input:disabled:not([type=checkbox]):not([type=radio]),select:disabled,textarea:disabled,.input:disabled{background:var(--ui-color-bg-hover);color:var(--ui-color-text-disabled);cursor:not-allowed}textarea.ui-control,textarea.form-input,textarea.search-input,textarea.custom-input,textarea.notes-input,textarea.select-input,textarea.datetime-input,textarea.phone-input,textarea.form-field__input,textarea.dt-search,textarea.dt-filter,textarea.form-control,textarea,textarea.input{min-height:84px;padding:4px 6px;resize:vertical}.ui-btn,.btn-danger,.btn-icon--danger,.btn-secondary,.btn-outline,.crm-btn-ghost,.btn-ghost,.back-btn,.skip-btn,.close-btn,.pay-btn,.start-dial-btn,.call-now-btn,.manual-dial-btn,.btn-primary,.crm-btn-primary,.save-btn,.btn-new,.btn-view,.btn--link,.btn--warning,.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:var(--ui-btn-height);padding:0 10px;border-radius:var(--ui-radius-md);border:1px solid transparent;font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-semibold);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none}.ui-btn--primary,.btn-primary,.crm-btn-primary,.save-btn,.btn-new,.btn-view,.btn--primary{background:linear-gradient(135deg,var(--ui-color-primary),var(--ui-color-primary-dark));color:var(--ui-color-on-inverse)}.ui-btn--secondary,.btn-secondary,.btn-outline,.crm-btn-ghost,.btn-ghost,.back-btn,.skip-btn,.close-btn,.btn--outline{background:var(--ui-color-bg-card);color:var(--ui-color-text-primary);border-color:var(--ui-color-border)}.ui-btn--secondary:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.btn-outline:hover:not(:disabled),.crm-btn-ghost:hover:not(:disabled),.btn-ghost:hover:not(:disabled),.back-btn:hover:not(:disabled),.skip-btn:hover:not(:disabled),.close-btn:hover:not(:disabled),.btn--outline:hover:not(:disabled){background:var(--ui-color-bg-hover);border-color:var(--ui-color-border)}.ui-btn--ghost{background:transparent;color:var(--ui-color-text-secondary);border-color:transparent;box-shadow:none}.ui-btn--ghost:hover:not(:disabled){background:var(--ui-color-bg-hover);color:var(--ui-color-text-primary)}.ui-btn--danger,.btn-danger,.btn-icon--danger,.btn--danger{background:linear-gradient(135deg,var(--ui-color-danger),var(--ui-color-danger-dark));color:var(--ui-color-on-inverse)}.ui-btn--success,.pay-btn,.start-dial-btn,.call-now-btn,.manual-dial-btn,.btn--success{background:linear-gradient(135deg,var(--ui-color-success),var(--ui-color-success-dark));color:var(--ui-color-on-inverse);border-color:transparent;box-shadow:var(--ui-shadow-success)}.ui-btn--success:hover:not(:disabled),.pay-btn:hover:not(:disabled),.start-dial-btn:hover:not(:disabled),.call-now-btn:hover:not(:disabled),.manual-dial-btn:hover:not(:disabled),.btn--success:hover:not(:disabled){filter:brightness(1.03)}.ui-btn--warning,.btn--warning{background:linear-gradient(135deg,var(--ui-color-warning),var(--ui-color-warning-dark));color:var(--ui-color-on-inverse);border-color:transparent;box-shadow:0 2px 8px -2px color-mix(in srgb,var(--ui-color-warning) 45%,transparent)}.ui-btn--warning:hover:not(:disabled),.btn--warning:hover:not(:disabled){filter:brightness(1.03)}.ui-btn--link,.btn--link{background:transparent;color:var(--ui-color-primary);border-color:transparent;box-shadow:none;min-height:auto;padding:4px}.ui-btn--link:hover:not(:disabled),.btn--link:hover:not(:disabled){background:var(--ui-bg-primary-soft);color:var(--ui-color-primary-dark)}.ui-modal-overlay{position:fixed;inset:0;background:var(--ui-modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--ui-z-modal);animation:ui-modal-fade-in .2s cubic-bezier(.4,0,.2,1) ease-in}.ui-modal{background:var(--ui-color-bg-card);border-radius:var(--ui-modal-radius);box-shadow:var(--ui-modal-shadow);border:1px solid var(--ui-color-border-light);max-height:90vh;display:flex;flex-direction:column;animation:ui-modal-slide-up .3s cubic-bezier(.4,0,.2,1) ease-out}.ui-modal__header{padding:14px 20px;border-bottom:1px solid var(--ui-color-border-light);display:flex;justify-content:space-between;align-items:center;gap:6px}.ui-modal__title{margin:0;font-size:18px;font-weight:600;color:var(--ui-color-text-primary)}.ui-modal__body{padding:20px;overflow-y:auto;flex:1}.ui-modal__footer{padding:10px 20px;border-top:1px solid var(--ui-color-border-light);display:flex;justify-content:flex-end;gap:6px}.ui-modal__close{background:transparent;border:none;font-size:20px;line-height:1;cursor:pointer;color:var(--ui-color-text-secondary);padding:4px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--ui-radius-md);transition:background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1)}.ui-modal__close:hover{background:var(--ui-color-bg-hover);color:var(--ui-color-text-primary)}@keyframes ui-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-modal-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.ui-table{width:100%;border-collapse:collapse;font-size:var(--ui-font-size-sm)}.ui-table th,.ui-table td{padding:6px;border-bottom:1px solid var(--ui-color-border-light);text-align:left}.ui-table th{font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-secondary);background:var(--ui-color-bg-hover)}.btn,.btn--primary,.btn--outline,.btn--danger,.btn--success,.btn--ghost{min-height:var(--ui-btn-height);border-radius:var(--ui-radius-md);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-semibold)}.btn--sm{min-height:32px;font-size:var(--ui-font-size-xs)}.btn--lg{min-height:44px;font-size:var(--ui-font-size-base)}.form-control,input:not([type=checkbox]):not([type=radio]),select,textarea,.input,.filter-select,.search-box input{min-height:var(--ui-control-height);border-radius:var(--ui-radius-md);border-color:var(--ui-color-border);font-size:var(--ui-font-size-base);font-weight:var(--ui-font-weight-normal);color:var(--ui-color-text-primary)}.form-label,.detail-label,.info-field__label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-secondary)}.card,.info-card,.content-card,.table-wrapper{border-radius:var(--ui-radius-lg);border-color:var(--ui-color-border-light);box-shadow:var(--ui-shadow-sm)}.card__title,.info-card__title,.detail-section__title,.page__title{color:var(--ui-color-text-primary);font-weight:var(--ui-font-weight-bold)}.page__subtitle,.card__subtitle,.detail-value--muted,.empty-state__description{color:var(--ui-color-text-muted)}.table th,.ui-table th{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-secondary)}.table td,.ui-table td{font-size:var(--ui-font-size-sm);color:var(--ui-color-text-primary)}.badge{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);border-radius:9999px}.badge--sm{font-size:10px;padding:2px 8px}.badge--lg{font-size:var(--ui-font-size-sm);padding:5px 14px}.btn--icon{min-width:var(--ui-btn-height);max-width:var(--ui-btn-height);padding:0}.hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page,.detail-page{max-width:100%}.btn-icon,.icon-btn,.settings-header__icon-btn,.dt-view-btn,.dt-page-btn,.page-btn,.preset-btn,.play-btn,.pin-btn,.dismiss-btn,.obj-remove-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;min-width:34px;padding:0 4px;border-radius:var(--ui-radius-md);border:1px solid var(--ui-color-border-light);background:var(--ui-color-bg-card);color:var(--ui-color-text-secondary);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-icon:hover:not(:disabled),.icon-btn:hover:not(:disabled),.settings-header__icon-btn:hover:not(:disabled),.dt-view-btn:hover:not(:disabled),.dt-page-btn:hover:not(:disabled),.page-btn:hover:not(:disabled),.preset-btn:hover:not(:disabled),.play-btn:hover:not(:disabled),.pin-btn:hover:not(:disabled),.dismiss-btn:hover:not(:disabled),.obj-remove-btn:hover:not(:disabled){border-color:var(--ui-color-border);color:var(--ui-color-text-primary);background:var(--ui-color-bg-hover)}:root{--primary: var(--ui-color-primary);--primary-dark: var(--ui-color-primary-dark);--primary-light: var(--ui-bg-primary-soft);--primary-muted: var(--ui-bg-primary-soft);--primary-alpha: var(--ui-bg-primary-soft);--primary-shadow: color-mix(in srgb, var(--ui-color-primary) 32%, transparent);--brand-green: var(--ui-color-primary);--brand-green-dark: var(--ui-color-primary-dark);--brand-green-light: color-mix(in srgb, var(--ui-color-primary) 14%, transparent);--brand-green-muted: color-mix(in srgb, var(--ui-color-primary) 14%, transparent);--blue: #3b82f6;--blue-dark: #2563eb;--blue-light: var(--ui-bg-info-soft);--blue-muted: rgba(59, 130, 246, .12);--purple: #a855f7;--purple-dark: #9333ea;--purple-light: var(--ui-bg-secondary-soft);--orange: #d97706;--orange-dark: #c2410c;--orange-light: var(--ui-bg-warning-soft);--red: #ef4444;--red-dark: #dc2626;--red-light: var(--ui-bg-danger-soft);--yellow: #f59e0b;--yellow-light: var(--ui-bg-warning-soft);--yellow-dark: #d97706;--teal: #14b8a6;--teal-light: var(--ui-bg-info-soft);--sidebar-width: 200px;--sidebar-collapsed-width: 52px;--active-sidebar-width: 200px;--navbar-height: 48px;--sidebar-bg: linear-gradient(180deg, var(--ui-color-bg-active) 0%, var(--ui-color-bg-card) 100%);--sidebar-text: var(--ui-color-text-secondary);--sidebar-text-active: var(--ui-color-text-primary);--sidebar-item-active-bg: color-mix(in srgb, var(--ui-color-primary) 16%, transparent);--sidebar-item-hover-bg: var(--ui-color-bg-hover);--sidebar-border: var(--ui-color-border-light);--sidebar-group-label: var(--ui-color-text-muted);--content-bg: var(--ui-color-bg-page);--card-bg: var(--ui-color-bg-card);--card-radius: 12px;--card-shadow: var(--ui-shadow-sm);--card-shadow-hover: var(--ui-shadow-lg);--input-bg: var(--ui-color-bg-card);--navbar-bg: color-mix(in srgb, var(--ui-color-bg-card) 88%, transparent);--navbar-border: var(--ui-color-border-light);--navbar-shadow: 0 1px 3px rgba(15, 23, 42, .04);--text-primary: var(--ui-color-text-primary);--text-secondary: var(--ui-color-text-secondary);--text-muted: var(--ui-color-text-muted);--text-inverse: var(--ui-color-on-inverse);--text-link: var(--ui-color-info-dark);--text: var(--ui-color-text-primary);--bg: var(--ui-color-bg-hover);--border: var(--ui-color-border);--border-light: var(--ui-color-border-light);--border-focus: var(--ui-color-primary);--primary-color: var(--ui-color-primary);--danger-color: var(--ui-color-danger);--accent-green: var(--ui-color-success-dark);--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--success-bg: var(--ui-bg-success-soft);--success-text: #059669;--success-border: rgba(16, 185, 129, .3);--warning-bg: var(--ui-bg-warning-soft);--warning-text: #d97706;--warning-border: rgba(245, 158, 11, .3);--danger-bg: var(--ui-bg-danger-soft);--danger-text: #dc2626;--danger-border: rgba(239, 68, 68, .3);--info-bg: var(--ui-bg-info-soft);--info-text: #2563eb;--info-border: rgba(59, 130, 246, .3);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: var(--ui-shadow-sm);--shadow-md: var(--ui-shadow-md);--shadow-lg: var(--ui-shadow-lg);--shadow-xl: var(--ui-shadow-xl);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 100;--z-sticky: 200;--z-modal: 1000;--z-toast: 2000;--z-loader: 9999}.page-shell,.page-container{max-width:var(--ui-dashboard-max-width, 1400px);margin:0 auto;padding:.5rem max(.625rem,env(safe-area-inset-right)) .625rem max(.625rem,env(safe-area-inset-left))}@media(max-width:640px){.page-shell,.page-container{padding:.375rem max(.5rem,env(safe-area-inset-right)) .5rem max(.5rem,env(safe-area-inset-left))}}.page-header,.page-header-sticky{position:sticky;top:0;z-index:8;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin:0 0 1rem;padding:1rem 1.125rem;background:var(--ui-color-bg-card);border:1px solid var(--ui-color-border-light);border-radius:var(--ui-radius-md, 12px);box-shadow:0 1px 2px #0f172a0a,0 1px color-mix(in srgb,var(--ui-color-text-primary) 4%,transparent)}.page-header .header-content,.page-header>div:first-child,.page-header-sticky .header-content,.page-header-sticky>div:first-child{min-width:0;flex:1 1 12rem}.page-header h1,.page-header .page-title,.page-header-sticky h1,.page-header-sticky .page-title{font-size:1.25rem;font-weight:var(--ui-font-weight-bold, 700);color:var(--ui-color-text-primary);margin:0 0 .25rem;line-height:1.3;letter-spacing:-.02em}.page-header p,.page-header .page-subtitle,.page-header-sticky p,.page-header-sticky .page-subtitle{margin:0;font-size:.875rem;color:var(--ui-color-text-muted);line-height:1.4;max-width:42rem}.page-header-sticky__actions,.header-actions,.panel-actions{display:flex;align-items:center;gap:.375rem;flex-shrink:0;flex-wrap:wrap}.page-section-intro{margin:0 0 1rem;max-width:42rem}.page-section-intro h2{margin:0 0 .35rem;font-size:1rem;font-weight:var(--ui-font-weight-bold, 700);color:var(--ui-color-text-primary);letter-spacing:-.02em}.page-section-intro p{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted);line-height:1.45}.page-help-tip{display:flex;gap:.65rem;align-items:flex-start;padding:.65rem .85rem;margin-bottom:1rem;border-radius:var(--ui-radius-md, 8px);border:1px solid var(--ui-color-border-light);background:color-mix(in srgb,var(--ui-color-bg-card) 88%,var(--ui-bg-primary-soft));color:var(--ui-color-text-primary)}.page-help-tip .material-icons{font-size:1.25rem;color:var(--ui-color-primary);flex-shrink:0;margin-top:.06rem}.page-help-tip__body{min-width:0;flex:1;font-size:var(--ui-font-size-sm);line-height:1.45;color:var(--ui-color-text-secondary)}.page-help-tip__body strong{color:var(--ui-color-text-primary)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;height:100%;overflow-x:hidden;overflow-x:clip;font-family:var(--ui-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{transition:background .25s ease,color .25s ease;overflow-x:hidden;overflow-x:clip;font-family:var(--ui-font-family);font-size:var(--ui-font-size-base);line-height:1.45;font-weight:var(--ui-font-weight-normal)}app-root{display:block;min-height:100%;max-width:100vw;background:var(--ui-color-bg-page);color:var(--ui-color-text-primary);overflow-x:hidden;overflow-x:clip}a{text-decoration:none;color:inherit}button,input,select,textarea{font-family:inherit}::selection{background:var(--ui-color-selection);color:inherit}:focus-visible{outline:2px solid var(--ui-color-primary);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-success{color:var(--success-text)!important}.text-danger{color:var(--red)!important}.text-warning{color:var(--yellow)!important}.text-blue{color:var(--blue)!important}.text-green{color:var(--primary)!important}.text-purple{color:var(--purple)!important}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-md{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.grid{display:grid;gap:.875rem}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-gap-sm{gap:.375rem}.flex-gap-md{gap:.5rem}.flex-gap-lg{gap:.75rem}.flex-wrap{flex-wrap:wrap}.card{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--card-shadow);border:1px solid var(--border-light);overflow:hidden;transition:box-shadow .2s ease;font-size:var(--ui-font-size-sm)}.card:hover{box-shadow:var(--card-shadow-hover)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:.375rem;padding:.45rem .65rem;min-height:2.25rem;border-bottom:1px solid var(--border-light);background:var(--border-light)}.card-header .card-title{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-semibold, 600);color:var(--text-primary);margin:0;line-height:1.3}.card-body{padding:.5rem .65rem;font-size:var(--ui-font-size-sm);line-height:1.38;color:var(--text-primary)}.card-footer{padding:.45rem .65rem;font-size:var(--ui-font-size-sm);line-height:1.35;border-top:1px solid var(--border-light);background:var(--border-light)}.section-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--card-shadow);overflow:hidden;font-size:var(--ui-font-size-sm)}.section-card__header{display:flex;align-items:center;gap:.375rem;padding:.45rem .65rem;min-height:2.25rem;border-bottom:1px solid var(--border-light);background:var(--border-light)}.stat-card{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--card-shadow);border:1px solid var(--border-light);padding:.65rem .75rem;transition:var(--transition)}.stat-card:hover{transform:translateY(-1px);box-shadow:var(--card-shadow-hover)}.stat-card .stat-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:.4rem}.stat-card .stat-icon i{font-size:1.125rem}.stat-card .stat-icon.green{background:var(--primary-light);color:var(--primary-dark)}.stat-card .stat-icon.blue{background:var(--blue-light);color:var(--blue)}.stat-card .stat-icon.purple{background:var(--purple-light);color:var(--purple)}.stat-card .stat-icon.orange{background:var(--orange-light);color:var(--orange)}.stat-card .stat-icon.red{background:var(--red-light);color:var(--red)}.stat-card .stat-icon.teal{background:var(--teal-light);color:var(--teal)}.stat-card .stat-icon.yellow{background:var(--yellow-light);color:var(--yellow)}.stat-card .stat-label{font-size:var(--ui-font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.25rem;line-height:1.2}.stat-card .stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.15}.stat-card .stat-trend{display:inline-flex;align-items:center;gap:.2rem;font-size:var(--ui-font-size-xs);font-weight:500;margin-top:.35rem}.stat-card .stat-trend.up{color:#059669}.stat-card .stat-trend.down{color:var(--red)}.stat-card .stat-trend.neutral{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.575rem 1.125rem;font-size:.875rem;font-weight:600;font-family:inherit;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);white-space:nowrap;line-height:1.4;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed!important;pointer-events:none}.btn i.material-icons{font-size:18px}.btn-xs{padding:.25rem .625rem;font-size:.75rem;border-radius:var(--radius-sm)}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-lg{padding:.75rem 1.5rem;font-size:.9375rem;border-radius:var(--radius-lg)}.btn-icon{width:36px;height:36px;padding:0}.btn-icon-sm{width:30px;height:30px;padding:0;font-size:.75rem}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 6px var(--primary-shadow)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 14px var(--primary-shadow)}.btn-blue{background:var(--blue);color:#fff;box-shadow:0 2px 6px var(--blue-muted)}.btn-blue:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-1px);box-shadow:0 4px 14px var(--blue-muted)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover:not(:disabled){background:var(--red-dark);transform:translateY(-1px)}.btn-warning{background:var(--yellow-light);color:var(--yellow-dark);border:1px solid #fde047}.btn-warning:hover:not(:disabled){background:#fef08a}.btn-outline{background:transparent;border:1.5px solid var(--primary);color:var(--primary)}.btn-outline:hover:not(:disabled){background:var(--primary-muted)}.btn-outline-gray{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn-outline-gray:hover:not(:disabled){background:var(--border-light);color:var(--text-primary)}.btn-outline-danger{background:transparent;border:1px solid var(--ui-color-danger, #ef4444);color:var(--ui-color-danger, #ef4444)}.btn-outline-danger:hover:not(:disabled){background:var(--danger-bg)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--border-light);color:var(--text-primary)}.btn-secondary{background:var(--border-light);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border)}.form-group{margin-bottom:1.125rem}.form-group label,.form-group .form-label{display:block;margin-bottom:.375rem;font-size:.8125rem;font-weight:500;color:var(--text-primary)}.form-group label small,.form-group .form-label small{color:var(--text-muted);font-weight:400;margin-left:.25rem}.form-group label .required,.form-group .form-label .required{color:var(--red);margin-left:2px}.form-group .form-hint{font-size:.75rem;color:var(--text-muted);margin-top:.375rem}.form-group .form-error{font-size:.75rem;color:var(--red);margin-top:.3rem;display:flex;align-items:center;gap:.25rem}.form-label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-primary);margin-bottom:.375rem}.form-label small{color:var(--text-muted);font-weight:400}.form-error{font-size:.75rem;color:var(--red);margin-top:.3rem}.form-actions{margin-top:1.25rem;display:flex;gap:.75rem;flex-wrap:wrap}.form-control,input:not([type=checkbox]):not([type=radio]),select,textarea{display:block;width:100%;padding:.625rem .875rem;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;font-family:inherit;color:var(--text-primary);background:var(--input-bg);transition:var(--transition);outline:none;box-sizing:border-box}.form-control::placeholder,input:not([type=checkbox]):not([type=radio])::placeholder,select::placeholder,textarea::placeholder{color:var(--text-muted)}.form-control:focus,input:focus:not([type=checkbox]):not([type=radio]),select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-muted)}.form-control.is-invalid,input.is-invalid:not([type=checkbox]):not([type=radio]),select.is-invalid,textarea.is-invalid,.form-control.ng-invalid.ng-touched,input.ng-invalid.ng-touched:not([type=checkbox]):not([type=radio]),select.ng-invalid.ng-touched,textarea.ng-invalid.ng-touched{border-color:var(--red);box-shadow:0 0 0 3px #ef44441a}.form-control:disabled,input:disabled:not([type=checkbox]):not([type=radio]),select:disabled,textarea:disabled{background:var(--border-light);cursor:not-allowed;color:var(--text-muted)}textarea{resize:vertical;min-height:100px}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;padding-right:2.25rem}.input-group{display:flex;gap:.5rem}.input-group .form-control,.input-group input:not([type=checkbox]):not([type=radio]),.input-group select,.input-group textarea{flex:1}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.72rem;font-weight:600;border-radius:var(--radius-full);white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.badge-success{background:var(--success-bg);color:var(--success-text)}.badge-danger{background:var(--danger-bg);color:var(--danger-text)}.badge-warning{background:var(--warning-bg);color:var(--warning-text)}.badge-info{background:var(--info-bg);color:var(--info-text)}.badge-gray{background:var(--border-light);color:var(--text-secondary)}.badge-green{background:var(--primary-light);color:var(--primary-dark)}.badge-blue{background:var(--blue-light);color:var(--blue-dark)}.badge-purple{background:var(--purple-light);color:var(--purple-dark)}.badge-orange{background:var(--orange-light);color:var(--orange-dark)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-light);background:var(--card-bg)}.table{width:100%;border-collapse:collapse}.table thead{background:var(--border-light)}.table thead th{padding:.75rem 1rem;text-align:left;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}.table tbody tr{border-bottom:1px solid var(--border-light);transition:background .15s}.table tbody tr:last-child{border-bottom:none}.table tbody tr:hover td{background:var(--border-light)}.table tbody td{padding:.875rem 1rem;font-size:.875rem;color:var(--text-primary);vertical-align:middle}.modal-overlay{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .15s ease}.modal-box{background:var(--card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .2s ease}.modal-box-sm{max-width:420px}.modal-box-md{max-width:560px}.modal-box-lg{max-width:720px}.modal-box-xl{max-width:900px}.modal-box-full{max-width:95vw}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-light)}.modal-header h3,.modal-header .modal-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.modal-header .close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;border-radius:var(--radius-sm);color:var(--text-muted);transition:var(--transition)}.modal-header .close-btn:hover{background:var(--border-light);color:var(--text-primary)}.modal-header .close-btn i{font-size:20px}.modal-body{padding:1.5rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-light);background:var(--border-light)}.alert{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1.125rem;border-radius:var(--radius-md);font-size:.875rem;border:1px solid transparent;margin-bottom:1rem}.alert i{font-size:1.1rem;flex-shrink:0;margin-top:1px}.alert-success{background:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.alert-danger{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-border)}.alert-warning{background:var(--warning-bg);color:var(--warning-text);border-color:var(--warning-border)}.alert-info{background:var(--info-bg);color:var(--info-text);border-color:var(--info-border)}.empty-state{text-align:center;padding:4rem 2rem}.empty-state .empty-icon{width:64px;height:64px;background:var(--border-light);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}.empty-state .empty-icon i{font-size:2rem;color:var(--text-muted)}.empty-state h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.empty-state p{font-size:.875rem;color:var(--text-secondary);margin:0 auto 1.5rem;max-width:320px;line-height:1.6}.search-bar{position:relative}.search-bar .search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1.1rem;pointer-events:none}.search-bar input{padding-left:2.75rem!important}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--ui-color-border);border-top-color:var(--ui-color-primary);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.spinner-sm{width:14px;height:14px;border:2px solid var(--ui-color-border);border-top-color:var(--ui-color-primary);border-radius:50%;animation:spin .8s linear infinite;display:inline-block;flex-shrink:0}.spinner-dark{border-color:var(--ui-color-border);border-top-color:var(--ui-color-primary)}.btn-primary .spinner,.btn-primary .spinner-sm{border-color:#ffffff59;border-top-color:#fff}.divider{height:1px;background:var(--border-light);margin:1.25rem 0}.divider-text{display:flex;align-items:center;gap:1rem;color:var(--text-muted);font-size:.75rem}.divider-text:before,.divider-text:after{content:"";flex:1;height:1px;background:var(--border)}.toast-stack{position:fixed;top:1.25rem;right:1.25rem;z-index:var(--z-toast);display:flex;flex-direction:column;gap:.625rem;max-width:360px;pointer-events:none}.toast{padding:.875rem 1.125rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;box-shadow:var(--shadow-lg);cursor:pointer;pointer-events:auto;animation:slideInRight .25s ease;border:1px solid transparent;line-height:1.5}.toast-success{background:var(--card-bg);color:var(--success-text);border-color:var(--success-border);border-left:4px solid #22c55e}.toast-error{background:var(--card-bg);color:var(--danger-text);border-color:var(--danger-border);border-left:4px solid var(--red)}.toast-warning{background:var(--card-bg);color:var(--warning-text);border-color:var(--warning-border);border-left:4px solid var(--yellow)}.toast-info{background:var(--card-bg);color:var(--info-text);border-color:var(--info-border);border-left:4px solid var(--blue)}.theme-toggle{display:inline-flex;align-items:center;gap:.5rem;background:var(--border-light);border-radius:var(--radius-full);padding:.25rem;border:1px solid var(--border)}.theme-toggle .theme-opt{display:inline-flex;align-items:center;gap:.35rem;padding:.375rem .875rem;border-radius:var(--radius-full);border:none;background:transparent;font-size:.8125rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:var(--transition);font-family:inherit}.theme-toggle .theme-opt i{font-size:16px}.theme-toggle .theme-opt.active{background:var(--card-bg);color:var(--text-primary);font-weight:600;box-shadow:var(--shadow-sm)}.theme-toggle .theme-opt:hover:not(.active){color:var(--text-secondary)}.icon-wrap{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-lg)}.icon-wrap i{color:#fff}.icon-wrap-sm{width:32px;height:32px}.icon-wrap-sm i{font-size:16px}.icon-wrap-md{width:40px;height:40px}.icon-wrap-md i{font-size:20px}.icon-wrap-lg{width:48px;height:48px}.icon-wrap-lg i{font-size:24px}.icon-wrap-xl{width:56px;height:56px}.icon-wrap-xl i{font-size:28px}.icon-wrap-green{background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.icon-wrap-blue{background:linear-gradient(135deg,var(--blue),var(--blue-dark))}.icon-wrap-purple{background:linear-gradient(135deg,var(--purple),var(--purple-dark))}.icon-wrap-orange{background:linear-gradient(135deg,var(--orange),var(--orange-dark))}.icon-wrap-red{background:linear-gradient(135deg,var(--red),var(--red-dark))}.icon-wrap-yellow{background:linear-gradient(135deg,var(--yellow),#d97706)}.icon-wrap-teal{background:linear-gradient(135deg,var(--teal),#0d9488)}.icon-wrap-green-soft{background:var(--primary-light)}.icon-wrap-green-soft i{color:var(--primary-dark)}.icon-wrap-blue-soft{background:var(--blue-light)}.icon-wrap-blue-soft i{color:var(--blue)}.icon-wrap-purple-soft{background:var(--purple-light)}.icon-wrap-purple-soft i{color:var(--purple)}.icon-wrap-orange-soft{background:var(--orange-light)}.icon-wrap-orange-soft i{color:var(--orange)}.icon-wrap-red-soft{background:var(--red-light)}.icon-wrap-red-soft i{color:var(--red)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-fade-in{animation:fadeIn .3s ease}.animate-slide-up{animation:slideUp .3s ease}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}.gap-xs{gap:.25rem}.gap-sm{gap:.375rem}.gap-md{gap:.5rem}.gap-lg{gap:.75rem}.gap-xl{gap:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.p-0{padding:0!important}.w-full{width:100%}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.cdk-overlay-backdrop.cdk-confirm-backdrop{background:#0f172a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cdk-overlay-container{color:var(--ui-color-text-primary)}.cdk-overlay-pane.cdk-confirm-panel{background:transparent;box-shadow:none;padding:0;max-width:96vw}app-root .btn-outline,app-root .btn-icon-outline,app-root .btn-upload-empty,app-root .sample-link{border-radius:var(--ui-radius-md)!important;border:1px solid var(--ui-color-border)!important;background:var(--ui-color-bg-card)!important;color:var(--ui-color-text-secondary)!important;font-weight:600;transition:all .2s ease}app-root .btn-outline:hover,app-root .btn-icon-outline:hover,app-root .btn-upload-empty:hover,app-root .sample-link:hover{border-color:var(--ui-color-primary)!important;color:var(--ui-color-primary)!important;background:var(--ui-bg-primary-soft)!important}app-root .btn-add-contact,app-root .btn-add-contact-empty,app-root .btn-new-cat{border-radius:var(--ui-radius-md)!important;border:1px solid transparent!important;background:linear-gradient(135deg,var(--ui-color-primary),var(--ui-color-primary-dark))!important;color:var(--ui-color-on-inverse)!important;box-shadow:0 3px 10px -3px color-mix(in srgb,var(--ui-color-primary) 45%,transparent)}app-root .btn-add-contact:hover,app-root .btn-add-contact-empty:hover,app-root .btn-new-cat:hover{filter:brightness(1.02);transform:translateY(-1px)}app-root .table-wrapper,app-root .table-container{border:1px solid var(--ui-color-border-light);border-radius:var(--ui-radius-lg);background:var(--ui-color-bg-card);box-shadow:var(--ui-shadow-xs);overflow-x:auto;margin-bottom:.5rem}app-root .table,app-root .data-table,app-root .inv-table{width:100%;border-collapse:collapse;font-size:var(--ui-font-size-sm)}app-root .table thead tr,app-root .data-table thead tr,app-root .inv-table thead tr{background:color-mix(in srgb,var(--ui-color-bg-hover) 90%,transparent)!important}app-root .table th,app-root .data-table th,app-root .inv-table th{padding:.5rem .65rem;text-align:left;font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--ui-color-text-secondary);border-bottom:1px solid var(--ui-color-border);white-space:nowrap}app-root .table td,app-root .data-table td,app-root .inv-table td{padding:.55rem .65rem;color:var(--ui-color-text-primary);border-bottom:1px solid var(--ui-color-border-light);vertical-align:middle}app-root .table tbody tr:hover td,app-root .data-table tbody tr:hover td,app-root .inv-table tbody tr:hover td{background:color-mix(in srgb,var(--ui-color-primary) 4%,var(--ui-color-bg-card))}app-root td.actions-cell{width:1%;text-align:center;vertical-align:middle;white-space:nowrap}app-root .action-buttons{display:inline-flex;gap:.45rem;align-items:center;justify-content:center}app-root .action-btn,app-root .btn-icon{width:30px;height:30px;border-radius:var(--ui-radius-sm);border:1px solid var(--ui-color-border-light);background:var(--ui-color-bg-card);color:var(--ui-color-text-secondary);transition:all .2s ease}app-root .action-btn:hover,app-root .btn-icon:hover{color:var(--ui-color-primary);border-color:color-mix(in srgb,var(--ui-color-primary) 35%,transparent);background:var(--ui-bg-primary-soft)}app-root .filters-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;padding:.5rem .75rem;border-bottom:1px solid var(--ui-color-border-light)}app-root .search-box input,app-root .filter-select,app-root .form-group input,app-root .form-group select,app-root .form-group textarea{min-height:var(--ui-control-height);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);background:var(--ui-color-bg-card);color:var(--ui-color-text-primary);font-size:var(--ui-font-size-base);transition:border-color .2s ease,box-shadow .2s ease}app-root .search-box input:focus,app-root .filter-select:focus,app-root .form-group input:focus,app-root .form-group select:focus,app-root .form-group textarea:focus{outline:none;border-color:var(--ui-color-primary);box-shadow:0 0 0 3px var(--ui-color-focus-ring)}app-root .form-group label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-secondary)}app-root .pagination-bar{border-top:1px solid var(--ui-color-border-light);background:color-mix(in srgb,var(--ui-color-bg-page) 60%,var(--ui-color-bg-card))}app-root .page-btn{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-sm);background:var(--ui-color-bg-card);color:var(--ui-color-text-secondary)}app-root .page-btn:hover:not([disabled]){background:var(--ui-color-primary);border-color:var(--ui-color-primary);color:var(--ui-color-on-inverse)}app-root .modal,app-root .modal-box{border:1px solid var(--ui-color-border-light)!important;border-radius:var(--ui-radius-xl)!important;background:var(--ui-color-bg-card)!important;box-shadow:var(--ui-shadow-xl)!important}app-root .modal-header,app-root .modal-footer{border-color:var(--ui-color-border-light)!important}