:root{--blue-900: #0a2540;--blue-800: #0d3158;--blue-700: #0f4c81;--blue-600: #1565a0;--blue-500: #1976d2;--blue-400: #42a5f5;--blue-100: #d4e6f7;--blue-50: #edf4fb;--color-primary: var(--blue-700);--color-primary-hover: var(--blue-800);--color-primary-active: var(--blue-900);--color-bg: #f0f2f5;--color-surface: #ffffff;--color-border: #d0d5dd;--color-border-focus: var(--blue-500);--color-text: #1a1a2e;--color-text-secondary: #5a6478;--color-text-muted: #8a92a0;--color-error: #c62828;--color-success: #2e7d32;--font-family: "IBM Plex Sans", -apple-system, sans-serif;--font-size-xs: 10.5px;--font-size-sm: 11.5px;--font-size-base: 12.5px;--font-size-md: 13.5px;--font-size-lg: 15px;--font-size-xl: 18px;--font-size-2xl: 22px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height: 1.45;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-7: 16px;--space-8: 20px;--space-9: 24px;--space-10: 32px;--space-11: 40px;--space-12: 48px;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--border-width: 1px;--shadow-sm: 0 1px 2px rgba(10, 37, 64, .06);--shadow-md: 0 2px 8px rgba(10, 37, 64, .08);--shadow-lg: 0 4px 16px rgba(10, 37, 64, .1);--transition-fast: .12s ease;--transition-base: .18s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height);color:var(--color-text);background:var(--color-bg)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}input,button,select,textarea{font-family:inherit;font-size:inherit}::selection{background:var(--blue-100);color:var(--blue-900)}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:.01em;-webkit-user-select:none;user-select:none}.input-required{color:var(--color-error);margin-left:2px}.input-field{height:32px;padding:0 var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-field::placeholder{color:var(--color-text-muted);font-size:var(--font-size-sm)}.input-field:hover{border-color:var(--blue-400)}.input-field--focused,.input-field:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 2px #1976d21f}.input-group--error .input-field{border-color:var(--color-error)}.input-group--error .input-field:focus{box-shadow:0 0 0 2px #c628281f}.input-error{font-size:var(--font-size-xs);color:var(--color-error);font-weight:var(--font-weight-medium)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);border:var(--border-width) solid transparent;border-radius:var(--radius-md);font-family:var(--font-family);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none;letter-spacing:.01em}.btn--default{height:32px;padding:0 var(--space-7);font-size:var(--font-size-base)}.btn--sm{height:26px;padding:0 var(--space-5);font-size:var(--font-size-sm)}.btn--lg{height:36px;padding:0 var(--space-8);font-size:var(--font-size-md)}.btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--primary:active:not(:disabled){background:var(--color-primary-active)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--blue-50);border-color:var(--blue-400)}.btn--ghost{background:transparent;color:var(--color-primary)}.btn--ghost:hover:not(:disabled){background:var(--blue-50)}.btn--full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btn-spin .6s linear infinite}.btn--secondary .btn-spinner,.btn--ghost .btn-spinner{border-color:#0f4c8133;border-top-color:var(--color-primary)}@keyframes btn-spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg);background-image:linear-gradient(rgba(15,76,129,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(15,76,129,.018) 1px,transparent 1px);background-size:24px 24px}.login-card{width:340px;background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-9) var(--space-9) var(--space-7)}.login-brand{display:flex;flex-direction:column;gap:var(--space-2)}.login-logo{display:flex;align-items:center;gap:var(--space-4)}.login-company{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--blue-900);letter-spacing:-.01em}.login-system-name{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.06em}.login-divider{height:1px;background:var(--color-border);margin:var(--space-7) 0}.login-form{display:flex;flex-direction:column;gap:var(--space-6)}.login-footer{margin-top:var(--space-8);padding-top:var(--space-6);border-top:var(--border-width) solid var(--color-border);text-align:center}.login-footer span{font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.01em}.login-forgot{text-align:right;margin-top:calc(-1 * var(--space-4))}.login-forgot-link{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none}.login-forgot-link:hover{text-decoration:underline}.login-error{background:#ffeaea;color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid rgba(198,40,40,.15);margin-bottom:var(--space-2)}.login-success{background:#f0fdf4;color:#166534;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid #bbf7d0;margin-bottom:var(--space-2)}.login-register{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-4)}.login-register-link{color:var(--color-primary);font-weight:var(--font-weight-semibold);text-decoration:none}.login-register-link:hover{text-decoration:underline}.table-wrapper{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.table thead{background:var(--blue-50)}.table th{padding:var(--space-4) var(--space-5);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:var(--border-width) solid var(--color-border);white-space:nowrap}.table td{padding:var(--space-3) var(--space-5);border-bottom:var(--border-width) solid var(--color-border);color:var(--color-text);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--blue-50)}.table--clickable tbody tr{cursor:pointer}.table-empty{text-align:center;padding:var(--space-10) var(--space-5)!important;color:var(--color-text-muted);font-size:var(--font-size-sm)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0}.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-muted)}.pagination-controls{display:flex;align-items:center;gap:var(--space-1)}.pagination-btn{height:26px;min-width:26px;padding:0 var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-family:var(--font-family);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){border-color:var(--blue-400);color:var(--color-primary);background:var(--blue-50)}.pagination-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination-btn--active:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-dots{padding:0 var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm)}.select-group{display:flex;flex-direction:column;gap:var(--space-2)}.select-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:.01em;-webkit-user-select:none;user-select:none}.select-field{height:32px;padding:0 var(--space-8) 0 var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-base);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%235a6478' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:border-color var(--transition-fast)}.select-field:hover{border-color:var(--blue-400)}.select-field:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 2px #1976d21f}.badge{display:inline-flex;align-items:center;height:20px;padding:0 var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.badge--default{background:var(--blue-50);color:var(--blue-700)}.badge--success{background:#e8f5e9;color:#2e7d32}.badge--error{background:#ffeaea;color:#c62828}.badge--warning{background:#fff8e1;color:#e65100}.badge--muted{background:#f0f2f5;color:var(--color-text-muted)}.modal-overlay{position:fixed;inset:0;background:#0a254059;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{width:400px;max-width:90vw;max-height:85vh;background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-7);border-bottom:var(--border-width) solid var(--color-border)}.modal-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text)}.modal-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;font-size:18px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-bg);color:var(--color-text)}.modal-card--large{width:800px}.modal-body{padding:var(--space-7);overflow-y:auto}.upgrade-modal{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);text-align:center}.upgrade-modal__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#fef3c7}.upgrade-modal__message{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin:0}.upgrade-modal__plan-inline{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:var(--font-weight-semibold);color:#fff;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle}.upgrade-modal__usage-card{width:100%;padding:var(--space-4);background:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-3)}.upgrade-modal__plan-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:var(--font-weight-semibold);color:#fff;text-transform:uppercase;letter-spacing:.5px}.upgrade-modal__usage-row{display:flex;justify-content:space-between;align-items:center}.upgrade-modal__usage-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.upgrade-modal__usage-value{font-size:var(--font-size-sm);color:var(--color-text)}.upgrade-modal__bar-bg{height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.upgrade-modal__bar-fill{height:100%;background:#dc2626;border-radius:4px;transition:width .3s ease}.upgrade-modal__storage-hint{width:100%;padding:var(--space-3) var(--space-4);background:#eff6ff;color:#1e40af;font-size:var(--font-size-sm);border-radius:var(--radius-sm);border:1px solid #bfdbfe;text-align:left;margin:0;line-height:1.5}.upgrade-modal__plans{width:100%;display:flex;flex-direction:column;gap:var(--space-3)}.upgrade-modal__plans-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;text-align:left}.upgrade-modal__plan-card{width:100%;padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:flex;flex-direction:column;gap:var(--space-3);text-align:left;transition:border-color .2s,box-shadow .2s}.upgrade-modal__plan-card:hover{border-color:var(--color-primary, #0f4c81);box-shadow:0 0 0 1px var(--color-primary, #0f4c81)}.upgrade-modal__plan-card--recommended{border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b;position:relative}.upgrade-modal__plan-card-header{display:flex;justify-content:space-between;align-items:center}.upgrade-modal__recommended{font-size:10px;font-weight:var(--font-weight-semibold);color:#f59e0b;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border:1px solid #f59e0b;border-radius:999px}.upgrade-modal__plan-pricing{display:flex;flex-direction:column;gap:4px}.upgrade-modal__plan-price-row{display:flex;align-items:baseline;gap:4px}.upgrade-modal__plan-price-row--secondary{margin-top:-2px}.upgrade-modal__plan-price{font-size:20px;font-weight:var(--font-weight-bold, 700);color:var(--color-text);line-height:1.2}.upgrade-modal__plan-price--sm{font-size:16px}.upgrade-modal__plan-price-period{font-size:12px;color:var(--color-text-secondary)}.upgrade-modal__plan-annual{width:100%;font-size:11px;color:var(--color-text-secondary)}.upgrade-modal__plan-save{color:#22c55e;font-weight:var(--font-weight-semibold)}.upgrade-modal__plan-limits{display:flex;flex-wrap:wrap;gap:4px;font-size:12px;color:var(--color-text-secondary)}.upgrade-modal__plan-sep{color:var(--color-border)}.upgrade-modal__error{width:100%;padding:var(--space-3) var(--space-4);background:#fef2f2;color:#dc2626;font-size:var(--font-size-sm);border-radius:var(--radius-sm);border:1px solid #fecaca}.upgrade-modal__success{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);background:#f0fdf4;color:#166534;font-size:var(--font-size-sm);border-radius:var(--radius-sm);border:1px solid #bbf7d0;text-align:left}.upgrade-modal__success svg{flex-shrink:0}.upgrade-modal__actions{display:flex;gap:var(--space-3);width:100%;justify-content:flex-end;padding-top:var(--space-3);border-top:var(--border-width) solid var(--color-border)}.dept-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-7)}.dept-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:1.2}.dept-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0}.dept-filters{display:flex;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-5)}.dept-search{width:260px}.dept-table-area{transition:opacity var(--transition-base)}.dept-table-area--loading{opacity:.5;pointer-events:none}.dept-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.dept-actions{display:flex;gap:var(--space-1)}.dept-form{display:flex;flex-direction:column;gap:var(--space-6)}.dept-form-error{background:#ffeaea;color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid rgba(198,40,40,.15)}.dept-form-actions{display:flex;justify-content:flex-end;gap:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.users-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-7)}.users-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:1.2}.users-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0}.users-filters{display:flex;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-5)}.users-search{width:240px}.users-table-area{transition:opacity var(--transition-base)}.users-table-area--loading{opacity:.5;pointer-events:none}.users-dept-badges{display:flex;flex-wrap:wrap;gap:var(--space-1)}.users-no-dept{color:var(--color-text-muted)}.users-date{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.users-actions{display:flex;gap:var(--space-1)}.users-form{display:flex;flex-direction:column;gap:var(--space-6)}.users-form-error{background:#ffeaea;color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid rgba(198,40,40,.15)}.users-form-actions{display:flex;justify-content:flex-end;gap:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.users-dept-field{display:flex;flex-direction:column;gap:var(--space-3)}.users-dept-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:.01em}.users-dept-checkboxes{display:flex;flex-direction:column;gap:var(--space-2);max-height:140px;overflow-y:auto;padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.users-dept-checkbox{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none}.users-dept-checkbox input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.users-dept-empty{font-size:var(--font-size-sm);color:var(--color-text-muted)}.users-pwd-display{display:flex;flex-direction:column;gap:var(--space-5)}.users-pwd-info{font-size:var(--font-size-base);color:var(--color-text);margin:0}.users-pwd-box{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--blue-50);border:var(--border-width) solid var(--blue-100);border-radius:var(--radius-md)}.users-pwd-value{flex:1;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--blue-900);letter-spacing:.05em;font-family:IBM Plex Mono,IBM Plex Sans,monospace}.users-pwd-warning{font-size:var(--font-size-xs);color:var(--color-error);font-weight:var(--font-weight-medium);margin:0}.cat-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-7)}.cat-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:1.2}.cat-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0}.cat-filters{display:flex;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-5)}.cat-search{width:260px}.cat-table-area{transition:opacity var(--transition-base)}.cat-table-area--loading{opacity:.5;pointer-events:none}.cat-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.cat-actions{display:flex;gap:var(--space-1)}.cat-form{display:flex;flex-direction:column;gap:var(--space-6)}.cat-form-error{background:#ffeaea;color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid rgba(198,40,40,.15)}.cat-form-actions{display:flex;justify-content:flex-end;gap:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.pri-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-7)}.pri-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:1.2}.pri-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0}.pri-filters{display:flex;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-5)}.pri-search{width:260px}.pri-table-area{transition:opacity var(--transition-base)}.pri-table-area--loading{opacity:.5;pointer-events:none}.pri-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pri-sla{font-weight:var(--font-weight-semibold);color:var(--color-text)}.pri-actions{display:flex;gap:var(--space-1)}.pri-form{display:flex;flex-direction:column;gap:var(--space-6)}.pri-form-error{background:#ffeaea;color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid rgba(198,40,40,.15)}.pri-form-actions{display:flex;justify-content:flex-end;gap:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.hol-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-7)}.hol-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:1.2}.hol-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0}.hol-filters{display:flex;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-5)}.hol-search{width:260px}.hol-table-area{transition:opacity var(--transition-base)}.hol-table-area--loading{opacity:.5;pointer-events:none}.hol-date{font-weight:var(--font-weight-medium);color:var(--color-text)}.hol-actions{display:flex;gap:var(--space-1)}.hol-form{display:flex;flex-direction:column;gap:var(--space-6)}.hol-form-error{background:#ffeaea;color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid rgba(198,40,40,.15)}.hol-form-actions{display:flex;justify-content:flex-end;gap:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.tim-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-7)}.tim-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:1.2}.tim-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0}.tim-filters{display:flex;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-5)}.tim-search{width:260px}.tim-table-area{transition:opacity var(--transition-base)}.tim-table-area--loading{opacity:.5;pointer-events:none}.tim-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.tim-schedule-summary{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tim-actions{display:flex;gap:var(--space-1)}.tim-form{display:flex;flex-direction:column;gap:var(--space-6)}.tim-form-error{background:#ffeaea;color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid rgba(198,40,40,.15)}.tim-form-actions{display:flex;justify-content:flex-end;gap:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.tim-schedule-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-3)}.tim-schedule-grid{display:flex;flex-direction:column;gap:var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.tim-slot-row{display:grid;grid-template-columns:80px 40px 1fr 1fr;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg)}.tim-slot-row:nth-child(2n){background:var(--color-bg-subtle)}.tim-slot-row--header{background:var(--color-bg-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.tim-slot-day{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.tim-slot-check{display:flex;align-items:center;justify-content:center}.tim-slot-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.tim-slot-time{display:flex;align-items:center}.tim-slot-time input[type=time]{font-family:var(--font-family);font-size:var(--font-size-sm);height:28px;padding:0 var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);width:100%}.tim-slot-time input[type=time]:disabled{background:var(--color-bg-muted);color:var(--color-text-muted);cursor:not-allowed}.tim-slot-time input[type=time]:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.ash-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-7)}.ash-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:1.2}.ash-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0}.ash-filters{display:flex;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-5)}.ash-search{width:260px}.ash-table-area{transition:opacity var(--transition-base)}.ash-table-area--loading{opacity:.5;pointer-events:none}.ash-schedule-summary{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.ash-actions{display:flex;gap:var(--space-1)}.ash-form{display:flex;flex-direction:column;gap:var(--space-6)}.ash-form-error{background:#ffeaea;color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid rgba(198,40,40,.15)}.ash-form-actions{display:flex;justify-content:flex-end;gap:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.ash-schedule-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-3)}.ash-schedule-grid{display:flex;flex-direction:column;gap:var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.ash-slot-row{display:grid;grid-template-columns:80px 40px 1fr 1fr;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg)}.ash-slot-row:nth-child(2n){background:var(--color-bg-subtle)}.ash-slot-row--header{background:var(--color-bg-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.ash-slot-day{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.ash-slot-check{display:flex;align-items:center;justify-content:center}.ash-slot-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.ash-slot-time{display:flex;align-items:center}.ash-slot-time input[type=time]{font-family:var(--font-family);font-size:var(--font-size-sm);height:28px;padding:0 var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);width:100%}.ash-slot-time input[type=time]:disabled{background:var(--color-bg-muted);color:var(--color-text-muted);cursor:not-allowed}.ash-slot-time input[type=time]:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.ash-roster{display:flex;flex-direction:column;gap:var(--space-7)}.ash-roster-section{display:flex;flex-direction:column;gap:var(--space-3)}.ash-roster-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);text-transform:uppercase;letter-spacing:.5px}.ash-roster-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:220px;overflow-y:auto;padding:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.ash-roster-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-bg-subtle);border-radius:var(--radius-sm);border:var(--border-width) solid var(--color-border)}.ash-roster-agent-info{display:flex;flex-direction:column;gap:2px}.ash-roster-agent-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.ash-roster-agent-email{font-size:var(--font-size-xs);color:var(--color-text-muted)}.ash-roster-empty{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--space-4);text-align:center}.ash-view-toggle{display:flex;gap:var(--space-1);margin-bottom:var(--space-5);border-bottom:var(--border-width) solid var(--color-border)}.ash-view-btn{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:none;border:none;padding:var(--space-3) var(--space-5);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition-fast)}.ash-view-btn:hover{color:var(--color-primary)}.ash-view-btn--active{color:var(--color-primary);font-weight:var(--font-weight-semibold);border-bottom-color:var(--color-primary)}.ash-content-area{transition:opacity var(--transition-base)}.ash-content-area--loading{opacity:.5;pointer-events:none}.ash-cal{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.ash-cal-header{display:grid;grid-template-columns:60px repeat(7,1fr);border-bottom:var(--border-width) solid var(--color-border);background:var(--blue-50)}.ash-cal-header-cell{padding:var(--space-3) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-align:center;text-transform:uppercase;letter-spacing:.04em}.ash-cal-header-cell--today{color:var(--color-primary);background:#0f4c810f}.ash-cal-body{display:grid;grid-template-columns:60px repeat(7,1fr);max-height:520px;overflow-y:auto}.ash-cal-time-col{display:flex;flex-direction:column}.ash-cal-time-label{display:flex;align-items:flex-start;justify-content:flex-end;padding-right:var(--space-2);font-size:10px;color:var(--color-text-muted);border-right:var(--border-width) solid var(--color-border);transform:translateY(-6px)}.ash-cal-day-col{position:relative;border-right:var(--border-width) solid var(--color-border)}.ash-cal-day-col:last-child{border-right:none}.ash-cal-row-line{border-bottom:var(--border-width) solid var(--color-bg-subtle)}.ash-cal-row-line--hour{border-bottom-color:var(--color-border)}.ash-cal-block{position:absolute;left:2px;right:2px;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#fff;cursor:pointer;overflow:hidden;z-index:1;transition:opacity var(--transition-fast);box-shadow:0 1px 3px #00000026}.ash-cal-block:hover{opacity:.85}.ash-cal-block--cont{border-left:3px dashed rgba(255,255,255,.5)}.ash-cal-block-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.3}.ash-cal-block-meta{font-size:9px;opacity:.85;white-space:nowrap}.ash-cal-now-line{position:absolute;left:0;right:0;height:2px;background:var(--color-error);z-index:2;pointer-events:none}.ash-cal-now-line:before{content:"";position:absolute;left:-3px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--color-error)}.ash-cal-empty{padding:var(--space-10);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.ash-matrix{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:auto;max-height:600px}.ash-matrix table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.ash-matrix thead{background:var(--blue-50);position:sticky;top:0;z-index:1}.ash-matrix th{padding:var(--space-3) var(--space-4);text-align:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:var(--border-width) solid var(--color-border);white-space:nowrap}.ash-matrix th:first-child{text-align:left;position:sticky;left:0;background:var(--blue-50);z-index:2;min-width:160px}.ash-matrix td{padding:var(--space-3) var(--space-3);border-bottom:var(--border-width) solid var(--color-border);vertical-align:middle;text-align:center;min-width:110px}.ash-matrix td:first-child{text-align:left;position:sticky;left:0;background:var(--color-surface);z-index:1}.ash-matrix tbody tr:hover td,.ash-matrix tbody tr:hover td:first-child{background:var(--blue-50)}.ash-matrix-agent{display:flex;flex-direction:column;gap:1px}.ash-matrix-agent-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.ash-matrix-agent-email{font-size:var(--font-size-xs);color:var(--color-text-muted)}.ash-matrix-cell{display:inline-flex;flex-direction:column;align-items:center;cursor:pointer;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);transition:opacity var(--transition-fast);margin:1px 0}.ash-matrix-cell:hover{opacity:.85}.ash-matrix-cell-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.ash-matrix-cell-time{font-size:9px;color:#fffc}.ash-matrix-empty-cell{color:var(--color-text-muted);font-size:var(--font-size-sm)}.ash-matrix-row--unassigned td:first-child{color:var(--color-text-muted)}.ash-matrix-row--unassigned{background:#00000004}.tkm-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-7)}.tkm-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:1.2}.tkm-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0}.tkm-filters{display:flex;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-5)}.tkm-search{width:240px}.tkm-table-area{transition:opacity var(--transition-base)}.tkm-table-area--loading{opacity:.5;pointer-events:none}.tkm-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.tkm-ticket-id{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-primary);letter-spacing:.02em}.tkm-dept-badges{display:flex;flex-wrap:wrap;gap:var(--space-1)}.tkm-sla{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.tkm-approval{font-size:var(--font-size-sm)}.tkm-actions{display:flex;gap:var(--space-1)}.tkm-form{display:flex;flex-direction:column;gap:var(--space-6)}.tkm-form-error{background:#ffeaea;color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid rgba(198,40,40,.15)}.tkm-form-actions{display:flex;justify-content:flex-end;gap:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.tkm-dept-field{display:flex;flex-direction:column;gap:var(--space-3)}.tkm-dept-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:.01em}.tkm-dept-checkboxes{display:flex;flex-direction:column;gap:var(--space-2);max-height:140px;overflow-y:auto;padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.tkm-dept-checkbox{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none}.tkm-dept-checkbox input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.tkm-dept-empty{font-size:var(--font-size-sm);color:var(--color-text-muted)}.tkm-approval-field{display:flex;flex-direction:column;gap:var(--space-3)}.tkm-approval-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:.01em}.tkm-approval-toggle{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none}.tkm-approval-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.tkm-priority-sla-field{display:flex;flex-direction:column;gap:var(--space-3)}.tkm-priority-sla-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.tkm-priority-sla-grid{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.tkm-priority-sla-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.tkm-priority-sla-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);min-width:120px}.tkm-priority-sla-input{width:90px;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-surface);text-align:center}.tkm-priority-sla-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #6366f126}.tkm-sla-badges{display:flex;flex-wrap:wrap;gap:var(--space-1)}.home-page{width:100%}.home-stats{display:flex;gap:var(--space-4);margin-bottom:var(--space-7)}.home-stats--admin{flex-wrap:wrap}.home-stats--admin .home-stat-card{min-width:110px}.home-stat-card{flex:1;padding:var(--space-5);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);text-align:center}.home-stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:1}.home-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:var(--space-2)}.home-search-section{margin-bottom:var(--space-7)}.home-search-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-2)}.home-search-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--space-5)}.home-search-input{width:100%}.home-master-cards{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5)}.home-master-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.home-master-card:hover{border-color:var(--color-primary);background:var(--blue-50)}.home-master-card-left{flex:1;min-width:0}.home-master-card-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.home-master-card-meta{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted)}.home-master-card-id{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.home-master-card-right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.home-master-card-arrow{color:var(--color-text-muted);font-size:var(--font-size-lg)}.home-no-results{text-align:center;padding:var(--space-7) 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.home-custom-link{display:inline;color:var(--color-primary);font-weight:var(--font-weight-semibold);cursor:pointer;text-decoration:underline;background:none;border:none;font-family:inherit;font-size:inherit;padding:0}.home-custom-link:hover{color:var(--blue-800)}.home-create-form{display:flex;flex-direction:column;gap:var(--space-6)}.home-create-form-error{background:#ffeaea;color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid rgba(198,40,40,.15)}.home-create-form-actions{display:flex;justify-content:flex-end;gap:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.home-snapshot-info{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--blue-50);border:var(--border-width) solid var(--blue-100);border-radius:var(--radius-md)}.home-snapshot-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.home-snapshot-row{display:flex;gap:var(--space-4);font-size:var(--font-size-sm)}.home-snapshot-label{width:90px;flex-shrink:0;color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.home-snapshot-value{color:var(--color-text)}.home-file-field{display:flex;flex-direction:column;gap:var(--space-3)}.home-file-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.home-file-input{font-family:var(--font-family);font-size:var(--font-size-sm)}.home-file-list{display:flex;flex-direction:column;gap:var(--space-1)}.home-file-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background:var(--color-bg-subtle);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.home-file-item-name{color:var(--color-text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-file-item-size{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-left:var(--space-3);flex-shrink:0}.home-file-remove{background:none;border:none;color:var(--color-error);cursor:pointer;font-size:var(--font-size-sm);padding:0 var(--space-2);flex-shrink:0}.home-textarea-field{display:flex;flex-direction:column;gap:var(--space-3)}.home-textarea-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:.01em}.home-textarea{font-family:var(--font-family);font-size:var(--font-size-sm);line-height:1.5;padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);min-height:100px;resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.home-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.home-textarea-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.home-tickets-section{margin-top:var(--space-7)}.home-tickets-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.home-tickets-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.home-tickets-filters{display:flex;gap:var(--space-4);align-items:flex-end;margin-bottom:var(--space-5)}.home-tickets-search{width:220px}.home-table-area{transition:opacity var(--transition-base)}.home-table-area--loading{opacity:.5;pointer-events:none}.home-ticket-type{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:1px 5px;border-radius:var(--radius-sm)}.home-ticket-type--MASTER{background:var(--blue-50);color:var(--color-primary)}.home-ticket-type--CUSTOM{background:#fff3e0;color:#e65100}.home-dept-badges{display:flex;flex-wrap:wrap;gap:var(--space-1)}.home-ticket-number{font-weight:var(--font-weight-semibold);color:var(--color-primary);font-size:var(--font-size-sm)}.home-field{display:flex;flex-direction:column;gap:var(--space-3)}.home-field-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:.01em}.home-dept-checkboxes{display:flex;flex-direction:column;gap:var(--space-2);max-height:160px;overflow-y:auto;padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.home-checkbox-label{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.home-checkbox-label input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.home-approval-toggle{padding:var(--space-2) 0}.home-create-form-row{display:flex;gap:var(--space-4)}.home-create-form-row>*{flex:1}.td-page{width:100%}.td-loading,.td-error{text-align:center;padding:var(--space-12) 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.td-error p{margin:0 0 var(--space-5)}.td-breadcrumb{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-7);font-size:var(--font-size-sm);color:var(--color-text-muted)}.td-breadcrumb-link{color:var(--color-primary);cursor:pointer;font-weight:var(--font-weight-medium)}.td-breadcrumb-link:hover{text-decoration:underline}.td-breadcrumb-sep{color:var(--color-border)}.td-breadcrumb-current{color:var(--color-text);font-weight:var(--font-weight-semibold)}.td-header{margin-bottom:var(--space-7)}.td-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-4);line-height:1.3}.td-header-meta{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.td-ticket-number{font-weight:var(--font-weight-bold);color:var(--color-primary);font-size:var(--font-size-sm)}.td-type{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:1px 5px;border-radius:var(--radius-sm)}.td-type--MASTER{background:var(--blue-50);color:var(--color-primary)}.td-type--CUSTOM{background:#fff3e0;color:#e65100}.td-stepper{margin-bottom:var(--space-7);padding:var(--space-6);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}.td-stepper-track{display:flex;align-items:flex-start;gap:0;min-width:max-content}.td-step{display:flex;flex-direction:column;align-items:center;flex:1;min-width:100px;position:relative}.td-step-indicator{display:flex;align-items:center;width:100%;position:relative}.td-step-dot{width:24px;height:24px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-surface);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0 auto;position:relative;z-index:1;font-size:11px}.td-step-line{position:absolute;top:12px;left:calc(50% + 12px);right:calc(-50% + 12px);height:2px;background:var(--color-border);z-index:0}.td-step-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-top:var(--space-3);text-align:center;white-space:nowrap}.td-step-time{font-size:9.5px;color:var(--color-text-muted);margin-top:2px;text-align:center;white-space:nowrap}.td-step--completed .td-step-dot{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.td-step--completed .td-step-line{background:var(--color-primary)}.td-step--completed .td-step-label{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.td-step-check{font-size:11px;line-height:1;color:#fff}.td-step--current .td-step-dot{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px #0f4c8126}.td-step--current .td-step-dot:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-primary)}.td-step--current .td-step-label{color:var(--color-primary);font-weight:var(--font-weight-bold)}.td-step--future .td-step-dot{border-color:var(--color-border);background:var(--color-bg)}.td-step--future .td-step-label{color:var(--color-text-muted)}.td-step--terminal .td-step-dot{margin:0 auto}.td-step-dot--terminal{border-color:var(--color-error)!important;background:var(--color-error)!important}.td-step-dot--terminal:after{content:"×";color:#fff;font-size:14px;font-weight:700;line-height:1}.td-step-label--terminal{color:var(--color-error)!important;font-weight:var(--font-weight-bold)!important}.td-actions{display:flex;gap:var(--space-4);margin-bottom:var(--space-7);padding:var(--space-5);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap}.td-details{margin-bottom:var(--space-7);padding:var(--space-6);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md)}.td-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5) var(--space-9)}.td-detail-item{display:flex;flex-direction:column;gap:var(--space-1)}.td-detail-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.td-detail-value{font-size:var(--font-size-sm);color:var(--color-text)}.td-muted{color:var(--color-text-muted)}.td-dept-badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.td-section{margin-bottom:var(--space-7)}.td-section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-5);padding-bottom:var(--space-3);border-bottom:var(--border-width) solid var(--color-border)}.td-managers-list{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.td-manager-row{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--space-4);padding:var(--space-4) var(--space-6);font-size:var(--font-size-sm);border-bottom:var(--border-width) solid var(--color-border)}.td-manager-row:last-child{border-bottom:none}.td-manager-name{font-weight:var(--font-weight-semibold);color:var(--color-text)}.td-manager-email{color:var(--color-text-secondary)}.td-manager-depts{color:var(--color-primary);font-weight:var(--font-weight-medium)}.td-description{font-size:var(--font-size-sm);color:var(--color-text);line-height:1.6;white-space:pre-wrap;word-break:break-word;padding:var(--space-6);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md)}.td-attachments{display:flex;flex-direction:column;gap:var(--space-2)}.td-attachment{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.td-attachment:hover{border-color:var(--color-primary)}.td-attachment-name{font-weight:var(--font-weight-medium);color:var(--color-primary)}.td-attachment-size{color:var(--color-text-muted);font-size:var(--font-size-xs)}.td-attachment-row{display:flex;align-items:center;gap:var(--space-2)}.td-attachment-row .td-attachment{flex:1;min-width:0}.td-attachment-delete{background:none;border:none;color:#ef4444;cursor:pointer;font-size:1.1rem;padding:4px 8px;border-radius:var(--radius-sm);line-height:1;flex-shrink:0;transition:background var(--transition-fast)}.td-attachment-delete:hover{background:#fef2f2}.td-attachment-delete:disabled{opacity:.5;cursor:not-allowed}.td-attachment-delete--sm{font-size:.9rem;padding:2px 6px}.td-comment-att-row{display:inline-flex;align-items:center;gap:4px}.td-comment-form{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.td-comment-textarea{font-family:var(--font-family);font-size:var(--font-size-sm);line-height:1.5;padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);min-height:64px;resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.td-comment-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.td-comment-form-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.td-comment-form-left{display:flex;align-items:center;gap:var(--space-5)}.td-comment-internal{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.td-comment-internal input[type=checkbox]{accent-color:var(--color-primary)}.td-comment-attach-btn{font-size:var(--font-size-sm);color:var(--color-primary);cursor:pointer;font-weight:var(--font-weight-medium)}.td-comment-attach-btn:hover{text-decoration:underline}.td-comment-file-input{display:none}.td-comment-file-list{display:flex;flex-direction:column;gap:var(--space-1)}.td-timeline{display:flex;flex-direction:column;gap:0}.td-timeline-item{display:flex;gap:var(--space-5);padding:var(--space-5) 0;border-bottom:var(--border-width) solid var(--color-border)}.td-timeline-item:last-child{border-bottom:none}.td-timeline-item--comment{background:var(--color-surface);padding:var(--space-5);border-radius:var(--radius-md);border:var(--border-width) solid var(--color-border);margin-bottom:var(--space-2)}.td-timeline-item--internal{border-left:3px solid var(--color-text-muted);background:#f9f9fb}.td-timeline-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);flex-shrink:0;margin-top:var(--space-2)}.td-timeline-dot--comment{background:var(--blue-400)}.td-timeline-dot--internal{background:var(--color-text-muted)}.td-timeline-content{flex:1;min-width:0}.td-timeline-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-2)}.td-timeline-action{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);display:flex;align-items:center;gap:var(--space-3)}.td-timeline-status-change{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.td-timeline-comment{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-2);line-height:1.5;white-space:pre-wrap;word-break:break-word}.td-timeline-meta{display:flex;gap:var(--space-5);font-size:var(--font-size-xs);color:var(--color-text-muted)}.td-timeline-attachments{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-2)}.td-timeline-att{font-size:var(--font-size-xs);color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium)}.td-timeline-att:hover{text-decoration:underline}.td-no-data{text-align:center;padding:var(--space-7);color:var(--color-text-muted);font-size:var(--font-size-sm)}.td-comments-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5)}.td-comment-item{padding:var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.td-comment-item--internal{border-left:3px solid var(--color-text-muted);background:#f9f9fb}.td-comment-item-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3)}.td-comment-item-user{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.td-comment-item-time{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:auto}.td-comment-item-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5;white-space:pre-wrap;word-break:break-word}.td-comment-item-attachments{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-3)}.td-activity-table-wrap{overflow-x:auto}.td-activity-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.td-activity-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid var(--color-border);white-space:nowrap}.td-activity-table td{padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-border);color:var(--color-text-secondary);vertical-align:top}.td-activity-table tbody tr:hover{background:var(--color-surface)}.td-activity-time{white-space:nowrap;font-size:var(--font-size-xs);color:var(--color-text-muted)}.td-activity-status{font-size:var(--font-size-xs);white-space:nowrap}.td-activity-comment{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-action-modal{display:flex;flex-direction:column;gap:var(--space-6)}.td-action-error{background:#ffeaea;color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid rgba(198,40,40,.15)}.td-action-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin:0}.td-action-field{display:flex;flex-direction:column;gap:var(--space-3)}.td-action-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.td-action-textarea{font-family:var(--font-family);font-size:var(--font-size-sm);line-height:1.5;padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);min-height:80px;resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.td-action-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.td-action-file-input{font-family:var(--font-family);font-size:var(--font-size-sm)}.td-action-file-list{display:flex;flex-direction:column;gap:var(--space-1)}.td-action-file-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background:var(--color-bg);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text)}.td-action-file-remove{background:none;border:none;color:var(--color-error);cursor:pointer;font-size:var(--font-size-sm);padding:0 var(--space-2)}.td-action-buttons{display:flex;justify-content:flex-end;gap:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.td-edit-modal{display:flex;flex-direction:column;gap:var(--space-6)}.td-edit-field{display:flex;flex-direction:column;gap:var(--space-3)}.td-edit-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:.01em}.td-edit-checkboxes{display:flex;flex-direction:column;gap:var(--space-2);max-height:160px;overflow-y:auto;padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.td-edit-checkbox-label{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.td-edit-checkbox-label input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.td-edit-row{display:flex;gap:var(--space-4)}.td-edit-row>*{flex:1}.td-markdown{white-space:normal}.td-markdown p{margin:0 0 var(--space-4)}.td-markdown p:last-child{margin-bottom:0}.td-markdown h1,.td-markdown h2,.td-markdown h3,.td-markdown h4{margin:var(--space-5) 0 var(--space-3);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:1.3}.td-markdown h1{font-size:var(--font-size-lg)}.td-markdown h2{font-size:var(--font-size-md)}.td-markdown h3{font-size:var(--font-size-base)}.td-markdown h4{font-size:var(--font-size-sm)}.td-markdown ul,.td-markdown ol{margin:0 0 var(--space-4);padding-left:var(--space-8)}.td-markdown li{margin-bottom:var(--space-2)}.td-markdown code{background:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);padding:1px 4px;font-size:.9em;font-family:IBM Plex Mono,monospace}.td-markdown pre{background:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);overflow-x:auto;margin:0 0 var(--space-4)}.td-markdown pre code{background:none;border:none;padding:0}.td-markdown blockquote{border-left:3px solid var(--color-primary);margin:0 0 var(--space-4);padding:var(--space-3) var(--space-5);color:var(--color-text-secondary);background:var(--blue-50);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.td-markdown a{color:var(--color-primary);text-decoration:none}.td-markdown a:hover{text-decoration:underline}.td-markdown hr{border:none;border-top:var(--border-width) solid var(--color-border);margin:var(--space-5) 0}.td-markdown table{width:100%;border-collapse:collapse;margin:0 0 var(--space-4)}.td-markdown th,.td-markdown td{padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);font-size:var(--font-size-sm);text-align:left}.td-markdown th{background:var(--color-bg);font-weight:var(--font-weight-semibold)}.td-markdown img{max-width:100%;border-radius:var(--radius-md)}.esc-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-7)}.esc-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:1.2}.esc-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0}.esc-alert{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.esc-alert--error{background:#ffeaea;color:var(--color-error);border:1px solid rgba(198,40,40,.15)}.esc-alert--success{background:#eaf5ea;color:var(--color-success);border:1px solid rgba(46,125,50,.15)}.esc-form{max-width:720px}.esc-section{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-7);margin-bottom:var(--space-7)}.esc-section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-4)}.esc-section-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--space-6);line-height:1.5}.esc-toggle-row{display:flex;align-items:center;justify-content:space-between}.esc-toggle-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text)}.esc-toggle{position:relative;width:36px;height:20px;border-radius:10px;border:none;background:var(--color-border);cursor:pointer;transition:background var(--transition-base);padding:0}.esc-toggle--on{background:var(--color-primary)}.esc-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--transition-base);box-shadow:var(--shadow-sm)}.esc-toggle--on .esc-toggle-knob{transform:translate(16px)}.esc-timing-grid{display:flex;flex-direction:column;gap:var(--space-5)}.esc-timing-card{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5);background:var(--color-bg);border-radius:var(--radius-md)}.esc-timing-level{min-width:36px}.esc-timing-value{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.esc-timing-desc{font-size:var(--font-size-sm);color:var(--color-text-muted)}.esc-timing-input{display:flex;align-items:center;gap:var(--space-4)}.esc-timing-input .input-group{width:80px}.esc-timing-unit{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.esc-level-section{padding:var(--space-6) 0;border-bottom:var(--border-width) solid var(--color-border)}.esc-level-section:last-child{border-bottom:none;padding-bottom:0}.esc-level-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.esc-level-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.esc-level-required{font-size:var(--font-size-xs);color:var(--color-error);font-weight:var(--font-weight-medium)}.esc-recipients-list{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5);min-height:28px}.esc-no-recipients{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic}.esc-recipient-chip{display:inline-flex;align-items:center;gap:var(--space-3);background:var(--blue-50);border:1px solid var(--blue-100);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.esc-recipient-name{font-weight:var(--font-weight-medium);color:var(--color-text)}.esc-recipient-email{color:var(--color-text-muted)}.esc-recipient-remove{border:none;background:none;color:var(--color-text-muted);cursor:pointer;font-size:14px;line-height:1;padding:0 2px;border-radius:var(--radius-sm)}.esc-recipient-remove:hover{color:var(--color-error);background:#c6282814}.esc-add-recipient{display:flex;align-items:flex-end;gap:var(--space-4)}.esc-add-recipient .select-group{flex:1}.esc-form-actions{display:flex;justify-content:flex-start;padding-top:var(--space-4)}.dash-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-7)}.dash-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:1.2}.dash-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0}.dash-filters{display:flex;gap:var(--space-5);align-items:flex-end}.dash-filters .input-group{width:140px}.dash-loading{text-align:center;padding:var(--space-12);color:var(--color-text-muted);font-size:var(--font-size-base)}.dash-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-5);margin-bottom:var(--space-7)}.dash-sla-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}.dash-stat-card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-7);text-align:center}.dash-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.2}.dash-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-2);text-transform:uppercase;letter-spacing:.3px}.dash-section{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-7);margin-bottom:var(--space-7)}.dash-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.dash-section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-5)}.dash-section-header .dash-section-title{margin-bottom:0}.dash-trend-days{display:flex;gap:var(--space-2)}.dash-trend-btn{border:var(--border-width) solid var(--color-border);background:var(--color-surface);padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast)}.dash-trend-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.dash-trend-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.dash-chart-container{width:100%}.dash-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-7);margin-bottom:var(--space-7)}.dash-chart-card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-7)}.dash-chart-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-5)}.dash-plan-section{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-7);margin-bottom:var(--space-7)}.dash-plan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.dash-plan-info{display:flex;align-items:center;gap:var(--space-4)}.dash-plan-trial{font-size:var(--font-size-sm);color:var(--color-warning);font-weight:var(--font-weight-medium)}.dash-plan-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.dash-usage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}.dash-usage-item{display:flex;flex-direction:column;gap:var(--space-2)}.dash-usage-top{display:flex;justify-content:space-between;align-items:baseline}.dash-usage-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.dash-usage-count{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.dash-usage-bar{height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.dash-usage-fill{height:100%;border-radius:3px;transition:width .3s ease}.dash-usage-fill--normal{background:var(--color-primary)}.dash-usage-fill--warning{background:var(--color-warning, #f57c00)}.dash-usage-fill--danger{background:var(--color-error, #c62828)}@media(max-width:900px){.dash-charts-row{grid-template-columns:1fr}.dash-sla-grid,.dash-usage-grid{grid-template-columns:repeat(2,1fr)}}.tenant-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-7)}.tenant-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:1.2}.tenant-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0}.tenant-filters{display:flex;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-5)}.tenant-search{width:260px}.tenant-table-area{transition:opacity var(--transition-base)}.tenant-table-area--loading{opacity:.5;pointer-events:none}.tenant-domain{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.tenant-counts{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tenant-actions{display:flex;gap:var(--space-1)}.tenant-form{display:flex;flex-direction:column;gap:var(--space-6)}.tenant-form-error{background:#ffeaea;color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid rgba(198,40,40,.15)}.tenant-form-actions{display:flex;justify-content:flex-end;gap:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.tenant-password-info{display:flex;flex-direction:column;gap:var(--space-5)}.tenant-password-row{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm)}.tenant-password-row label{color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.tenant-password-row span{color:var(--color-text);font-family:monospace;font-size:var(--font-size-base)}.tenant-password-warning{background:#fff8e1;color:#8d6e00;font-size:var(--font-size-sm);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid rgba(141,110,0,.15)}.tenant-password-close{display:flex;justify-content:flex-end;padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.tenant-logo-field{display:flex;flex-direction:column;gap:var(--space-2)}.tenant-logo-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.tenant-logo-preview{width:64px;height:64px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-secondary)}.tenant-logo-preview img{width:100%;height:100%;object-fit:contain}.tenant-logo-upload{display:flex;align-items:center;gap:var(--space-3)}.tenant-logo-input{display:none}.tenant-logo-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.fm-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-7)}.fm-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:1.2}.fm-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0}.fm-header-actions{display:flex;gap:var(--space-3)}.fm-table-area{transition:opacity var(--transition-base)}.fm-table-area--loading{opacity:.5;pointer-events:none}.fm-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.fm-actions{display:flex;gap:var(--space-1)}.fm-form{display:flex;flex-direction:column;gap:var(--space-6)}.fm-form-error{background:#ffeaea;color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid rgba(198,40,40,.15)}.fm-form-actions{display:flex;justify-content:flex-end;gap:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.fm-tenant-modal{display:flex;flex-direction:column;gap:var(--space-6);min-width:400px}.fm-tenant-features{display:flex;flex-direction:column;gap:var(--space-3);max-height:400px;overflow-y:auto}.fm-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.fm-toggle-info{display:flex;flex-direction:column;gap:var(--space-1)}.fm-toggle-name{font-weight:var(--font-weight-medium);color:var(--color-text);font-size:var(--font-size-sm)}.fm-toggle-code{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:monospace}.fm-empty{text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-6) 0}.tp-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-7)}.tp-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:1.2}.tp-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0}.tp-table-area{transition:opacity var(--transition-base)}.tp-table-area--loading{opacity:.5;pointer-events:none}.tp-tenant{font-weight:var(--font-weight-medium)}.tp-trial{display:flex;flex-direction:column;gap:var(--space-1)}.tp-trial-date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.tp-form{display:flex;flex-direction:column;gap:var(--space-6)}.tp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.tp-form-error{background:#ffeaea;color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid rgba(198,40,40,.15)}.tp-form-actions{display:flex;justify-content:flex-end;gap:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.tp-checkbox-label{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.tp-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.pp-form-divider{font-size:.78rem;font-weight:600;color:#334155;text-transform:uppercase;letter-spacing:.3px;padding:6px 0;border-top:1px solid #e2e8f0}.pp-form-hint{font-weight:400;text-transform:none;letter-spacing:0;color:#94a3b8;font-size:12px}.pp-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-5)}.pp-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:1.2}.pp-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0}.pp-header-actions{display:flex;gap:var(--space-3)}.pp-tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border);margin-bottom:var(--space-6)}.pp-tab{padding:var(--space-4) var(--space-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.pp-tab:hover{color:var(--color-text)}.pp-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.pp-table-area{transition:opacity var(--transition-base)}.pp-table-area--loading{opacity:.5;pointer-events:none}.pp-tenant{font-weight:var(--font-weight-medium)}.pp-form{display:flex;flex-direction:column;gap:var(--space-6)}.pp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.pp-form-error{background:#ffeaea;color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid rgba(198,40,40,.15)}.pp-form-divider{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);text-transform:uppercase;letter-spacing:.3px;padding:var(--space-2) 0;border-top:var(--border-width) solid var(--color-border)}.pp-form-hint{font-weight:var(--font-weight-normal);text-transform:none;letter-spacing:0;color:var(--color-text-muted);font-size:12px}.pp-form-actions{display:flex;justify-content:flex-end;gap:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.pp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.pp-card{background:#fff;border:1px solid #e2e8f0;border-top:4px solid #94a3b8;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:16px;transition:box-shadow .2s}.pp-card:hover{box-shadow:0 4px 16px #00000014}.pp-card__header{display:flex;justify-content:space-between;align-items:center}.pp-card__name{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0}.pp-card__pricing{margin-bottom:4px}.pp-card__price{font-size:1.5rem;font-weight:800;color:#0f172a}.pp-card__price-label{font-size:.82rem;color:#64748b;margin-left:2px}.pp-card__annual{font-size:.78rem;color:#64748b;margin-top:4px}.pp-card__save{color:#16a34a;font-weight:600}.pp-card__section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:8px}.pp-card__value{font-size:.9rem;font-weight:600;color:#334155}.pp-card__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pp-card__item{display:flex;flex-direction:column;background:#f8fafc;border-radius:6px;padding:6px 8px}.pp-card__item-label{font-size:.68rem;color:#94a3b8;font-weight:500}.pp-card__item-val{font-size:.85rem;font-weight:700;color:#1e293b}.pp-card__addons{display:flex;flex-direction:column;gap:4px}.pp-card__addon{display:flex;justify-content:space-between;font-size:.78rem;color:#475569;padding:4px 0;border-bottom:1px dashed #e2e8f0}.pp-card__addon:last-child{border-bottom:none}.pp-card__addon-price{font-weight:600;color:#0f172a}.pp-card__actions{margin-top:auto;padding-top:12px;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end}.inv-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-7)}.inv-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:1.2}.inv-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0}.inv-filters{display:flex;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-5)}.inv-table-area{transition:opacity var(--transition-base)}.inv-table-area--loading{opacity:.5;pointer-events:none}.inv-number{font-family:monospace;font-weight:var(--font-weight-medium);color:var(--color-primary)}.inv-period{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.inv-amount{font-weight:var(--font-weight-semibold);color:var(--color-text)}.inv-paid-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.inv-form{display:flex;flex-direction:column;gap:var(--space-6)}.inv-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.inv-form-error{background:#ffeaea;color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid rgba(198,40,40,.15)}.inv-form-actions{display:flex;justify-content:flex-end;gap:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.te-page{padding:24px;max-width:720px}.te-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.te-title{font-size:1.5rem;font-weight:700;color:var(--color-text, #1e293b)}.te-subtitle{font-size:.875rem;color:var(--color-text-muted, #64748b);margin-top:4px}.te-form{background:#fff;border-radius:10px;padding:24px;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:16px}.te-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.te-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px}.te-form-error{background:#fef2f2;color:#dc2626;padding:10px 14px;border-radius:6px;font-size:.875rem}.te-form-success{background:#f0fdf4;color:#16a34a;padding:10px 14px;border-radius:6px;font-size:.875rem}.te-test-section{margin-top:24px;background:#fff;border-radius:10px;padding:24px;border:1px solid #e2e8f0}.te-test-title{font-size:1rem;font-weight:600;margin-bottom:12px}.te-test-row{display:flex;gap:12px;align-items:flex-end}.te-test-row .input-group{flex:1}.bv-page{padding:24px}.bv-header{margin-bottom:24px}.bv-title{font-size:1.5rem;font-weight:700;color:var(--color-text, #1e293b)}.bv-subtitle{font-size:.875rem;color:var(--color-text-muted, #64748b);margin-top:4px}.bv-plan-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:24px;margin-bottom:24px}.bv-plan-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.bv-plan-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.bv-plan-name{font-size:1.5rem;font-weight:700;color:#0f172a;margin-top:2px}.bv-plan-limits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.bv-limit{text-align:center;padding:12px;background:#f8fafc;border-radius:8px}.bv-limit-val{display:block;font-size:1.25rem;font-weight:700;color:#0f172a}.bv-limit-lbl{font-size:.75rem;color:#64748b;margin-top:2px}.bv-trial-note{margin-top:16px;font-size:.875rem;color:#f59e0b;font-weight:500}.bv-section{margin-top:8px}.bv-section-title{font-size:1.1rem;font-weight:600;margin-bottom:16px;color:#0f172a}.bv-empty{color:#94a3b8;font-size:.875rem;text-align:center;padding:32px}.bv-inv-num{font-family:monospace;font-weight:600}.ul-page{padding:24px}.ul-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.ul-header-actions{display:flex;align-items:center;gap:12px}.ul-title{font-size:1.5rem;font-weight:700;color:var(--color-text, #1e293b)}.ul-subtitle{font-size:.875rem;color:var(--color-text-muted, #64748b);margin-top:4px}.ul-empty{color:#94a3b8;text-align:center;padding:48px;font-size:.95rem}.ul-upgrade-msg{margin-bottom:16px;padding:12px 16px;border-radius:8px;font-size:.875rem;font-weight:500}.ul-upgrade-msg--success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.ul-upgrade-msg--error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.ul-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.ul-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px;transition:border-color .2s}.ul-card--at-limit{border-color:#fca5a5;background:#fefefe}.ul-card-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.ul-card-label{font-size:.875rem;font-weight:600;color:#334155}.ul-card-values{font-size:.875rem;color:#64748b}.ul-card-values strong{color:#0f172a;font-size:1.1rem}.ul-bar-bg{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.ul-bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.ul-card-footer{margin-top:8px;font-size:.75rem;display:flex;justify-content:space-between;align-items:center}.ul-pct{color:#22c55e;font-weight:500}.ul-pct--warn{color:#f59e0b}.ul-pct--danger{color:#dc2626}.ul-unlimited{color:#94a3b8;font-style:italic}.ul-upgrade-link{background:none;border:none;color:var(--color-primary, #0f4c81);font-size:.75rem;font-weight:600;cursor:pointer;text-decoration:underline;padding:0}.ul-upgrade-link:hover{color:#0a3560}.ul-trial-banner{margin-top:24px;padding:14px 20px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e;font-size:.875rem;font-weight:500}.ul-section-title{font-size:.8rem;font-weight:600;color:#64748b;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.ul-support-section{margin-top:24px}.ul-support-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.ul-support-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px}.ul-support-label{display:block;font-size:.75rem;color:#94a3b8;margin-bottom:4px}.ul-support-value{font-size:1.1rem;font-weight:600;color:#0f172a}.storage-page{padding-bottom:80px}.storage-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-5)}.storage-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:1.2}.storage-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0}.storage-usage-summary{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.storage-usage-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.storage-usage-warn{font-size:11px;font-weight:var(--font-weight-semibold);color:#dc2626;background:#fef2f2;padding:1px 8px;border-radius:999px}.storage-bar-container{margin-bottom:var(--space-5)}.storage-bar-bg{height:10px;background:var(--color-border);border-radius:5px;overflow:hidden}.storage-bar-fill{height:100%;border-radius:5px;transition:width .4s ease}.storage-bar-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--color-text-muted);margin-top:4px}.storage-success-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#f0fdf4;color:#166534;font-size:var(--font-size-sm);border-radius:var(--radius-sm);border:1px solid #bbf7d0;margin-bottom:var(--space-5)}.storage-success-banner svg{flex-shrink:0}.storage-success-dismiss{margin-left:auto;background:none;border:none;color:#166534;font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.storage-filters{margin-bottom:var(--space-5)}.storage-filter-row{display:flex;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap}.storage-search{position:relative;width:240px}.storage-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.storage-search-input{width:100%;padding:7px 10px 7px 32px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-surface);outline:none;transition:border-color var(--transition-base)}.storage-search-input:focus{border-color:var(--color-primary, #0f4c81)}.storage-search-input::placeholder{color:var(--color-text-muted)}.storage-filter-group{display:flex;flex-direction:column;gap:4px}.storage-filter-label{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px}.storage-date-input,.storage-sort-select{padding:7px 10px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-surface);outline:none;transition:border-color var(--transition-base)}.storage-date-input:focus,.storage-sort-select:focus{border-color:var(--color-primary, #0f4c81)}.storage-sort-select{min-width:140px}.storage-clear-filters{padding:7px 14px;font-size:var(--font-size-sm);color:var(--color-text-secondary);background:none;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);align-self:flex-end}.storage-clear-filters:hover{color:var(--color-text);border-color:var(--color-text-secondary)}.storage-table-area{transition:opacity var(--transition-base)}.storage-table-area--loading{opacity:.5;pointer-events:none}.storage-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.storage-th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:var(--font-weight-semibold);font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);background:var(--color-bg);border-bottom:var(--border-width) solid var(--color-border);white-space:nowrap}.storage-th--check{width:40px;padding-left:var(--space-4);padding-right:0}.storage-th--size{width:100px}.storage-tr{transition:background var(--transition-base)}.storage-tr:hover{background:var(--color-bg)}.storage-tr--selected{background:#eff6ff}.storage-tr--selected:hover{background:#dbeafe}.storage-td{padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-border);color:var(--color-text);vertical-align:middle}.storage-td--check{padding-left:var(--space-4);padding-right:0;width:40px}.storage-td--name{max-width:280px}.storage-td--size,.storage-td--date{white-space:nowrap;color:var(--color-text-secondary)}.storage-filename{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-weight-medium, 500)}.storage-ticket-link{color:var(--color-primary, #0f4c81);text-decoration:none;font-weight:var(--font-weight-medium, 500)}.storage-ticket-link:hover{text-decoration:underline}.storage-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary, #0f4c81)}.storage-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10, 60px) var(--space-5);text-align:center;color:var(--color-text-muted)}.storage-empty p{margin:var(--space-3) 0 0;font-size:var(--font-size-sm)}.storage-empty-hint{font-size:12px!important;color:var(--color-text-muted)}.storage-selection-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-6);background:var(--color-text, #1e293b);color:#fff;box-shadow:0 -4px 12px #00000026}.storage-selection-info{display:flex;align-items:center;gap:var(--space-3)}.storage-selection-count{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.storage-selection-size{font-size:12px;color:#ffffffb3}.storage-selection-actions{display:flex;align-items:center;gap:var(--space-3)}.storage-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:all var(--transition-base)}.storage-btn--ghost{background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.3)}.storage-btn--ghost:hover{background:#ffffff1a;color:#fff}.storage-btn--danger{background:#dc2626;color:#fff}.storage-btn--danger:hover{background:#b91c1c}.storage-confirm{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;padding:var(--space-3) 0}.storage-confirm-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#fef2f2}.storage-confirm-text{font-size:var(--font-size-sm);color:var(--color-text);margin:0;line-height:1.6}.storage-confirm-warn{font-size:12px;color:#dc2626;margin:0;font-weight:var(--font-weight-medium, 500)}.storage-confirm-actions{display:flex;gap:var(--space-3);width:100%;justify-content:flex-end;padding-top:var(--space-3);border-top:var(--border-width) solid var(--color-border)}@media(max-width:768px){.storage-header{flex-direction:column;gap:var(--space-3)}.storage-usage-summary{align-items:flex-start}.storage-filter-row{flex-direction:column;align-items:stretch}.storage-search{width:100%}.storage-td--name{max-width:160px}.storage-selection-bar{flex-direction:column;gap:var(--space-3);padding:var(--space-4)}}.addons-page{padding:var(--space-6);max-width:960px}.addons-header{margin-bottom:var(--space-6)}.addons-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0}.addons-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.addons-section{margin-bottom:var(--space-8)}.addons-section-title{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.addons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.addon-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-5);transition:box-shadow var(--transition-base)}.addon-card:hover{box-shadow:var(--shadow-md)}.addon-card__header{margin-bottom:var(--space-2)}.addon-card__type{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.addon-card__price{font-size:var(--text-xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-1)}.addon-card__desc{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2)}.addon-card__detail{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-3)}.addons-active-list{display:flex;flex-direction:column;gap:var(--space-2)}.addon-active-row{display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.addon-active-info{display:flex;flex-direction:column;gap:2px}.addon-active-type{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.addon-active-detail{font-size:var(--text-xs);color:var(--text-muted)}.addons-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.addons-summary-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.addons-summary-label{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-1)}.addons-summary-value{display:block;font-size:var(--text-lg);font-weight:700;color:var(--color-primary)}.addons-summary-cost{font-size:var(--text-xs);color:var(--text-secondary)}.addons-empty{color:var(--text-muted);font-size:var(--text-sm);text-align:center;padding:var(--space-8) 0}.addons-purchase-form{display:flex;flex-direction:column;gap:var(--space-3)}.addons-purchase-price{font-size:var(--text-sm);color:var(--text-secondary)}.addons-purchase-total{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.addons-purchase-error{color:var(--color-error);font-size:var(--text-sm)}.addons-purchase-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-2)}.plans-store{padding:24px;max-width:1200px}.plans-store__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;flex-wrap:wrap;gap:16px}.plans-store__title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0}.plans-store__subtitle{font-size:.875rem;color:#64748b;margin-top:6px;display:flex;align-items:center;gap:8px}.plans-store__toggle{display:flex;background:#f1f5f9;border-radius:8px;padding:3px}.plans-store__cycle-btn{padding:8px 20px;border:none;background:none;font-size:.85rem;font-weight:500;color:#64748b;border-radius:6px;cursor:pointer;transition:all .15s}.plans-store__cycle-btn--active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #0000001a;font-weight:600}.plans-store__save-tag{font-size:.7rem;color:#16a34a;font-weight:600;margin-left:4px}.plans-store__success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:14px 20px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:500}.plans-store__success-close{margin-left:auto;background:#16a34a;color:#fff;border:none;padding:6px 16px;border-radius:6px;font-size:.8rem;cursor:pointer;font-weight:600}.plans-store__error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.875rem}.plans-store__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.plans-store__card{background:#fff;border:1px solid #e2e8f0;border-top:4px solid #94a3b8;border-radius:10px;padding:24px;display:flex;flex-direction:column;position:relative;transition:box-shadow .2s}.plans-store__card:hover{box-shadow:0 4px 20px #00000014}.plans-store__card--current{border-color:#0ea5e9;background:#f0f9ff}.plans-store__current-badge{position:absolute;top:12px;right:12px;background:#0ea5e9;color:#fff;font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.05em}.plans-store__plan-name{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0 0 12px}.plans-store__pricing{margin-bottom:20px}.plans-store__price{font-size:1.75rem;font-weight:800;color:#0f172a}.plans-store__price-period{font-size:.82rem;color:#64748b}.plans-store__saving{font-size:.75rem;color:#16a34a;font-weight:600;margin-top:2px}.plans-store__features{flex:1;display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.plans-store__feature{font-size:.8rem;color:#475569;padding:2px 0}.plans-store__feature strong{color:#0f172a}.plans-store__feature-divider{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-top:10px;padding-top:8px;border-top:1px solid #f1f5f9}.plans-store__action{margin-top:auto}.plans-store__blocked-reason{font-size:.72rem;color:#dc2626;margin-top:6px;text-align:center}.plans-store__notice{text-align:center;color:#94a3b8;font-size:.85rem;margin-top:24px;padding:16px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e}.it-page{max-width:100%}.it-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-5)}.it-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:1.2}.it-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0}.it-header-actions{display:flex;gap:var(--space-3)}.it-table-area{transition:opacity var(--transition-base)}.it-table-area--loading{opacity:.5;pointer-events:none}.it-desc{color:var(--color-text-secondary);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.it-actions{display:flex;gap:var(--space-2)}.it-stats{display:flex;gap:6px;flex-wrap:wrap}.it-stat-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:999px;font-size:11px;font-weight:var(--font-weight-semibold);white-space:nowrap}.it-stat-badge--dept{background:#eff6ff;color:#2563eb}.it-stat-badge--type{background:#f0fdf4;color:#16a34a}.it-stat-badge--cat{background:#fefce8;color:#ca8a04}.it-stat-badge--master{background:#faf5ff;color:#9333ea}.it-form{display:flex;flex-direction:column;gap:var(--space-4)}.it-form-error{font-size:var(--font-size-sm);color:#dc2626;background:#fef2f2;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid #fee2e2}.it-form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-3);border-top:var(--border-width) solid var(--color-border)}.it-detail{max-height:60vh;overflow-y:auto}.it-detail-section{margin-bottom:var(--space-4)}.it-detail-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;cursor:pointer;-webkit-user-select:none;user-select:none}.it-detail-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);text-transform:uppercase;letter-spacing:.3px}.it-detail-count{font-size:12px;color:var(--color-text-muted);background:var(--color-bg);padding:1px 8px;border-radius:999px}.it-detail-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);margin-top:var(--space-2)}.it-detail-table th{text-align:left;padding:var(--space-2) var(--space-3);font-size:11px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.3px;color:var(--color-text-secondary);background:var(--color-bg);border-bottom:var(--border-width) solid var(--color-border)}.it-detail-table td{padding:var(--space-2) var(--space-3);border-bottom:var(--border-width) solid var(--color-border);color:var(--color-text);vertical-align:top}.it-detail-table tr:last-child td{border-bottom:none}.it-detail-master-name{font-weight:var(--font-weight-medium, 500)}.it-detail-master-desc{color:var(--color-text-muted);font-size:12px;margin-top:2px}.it-detail-sla{display:flex;gap:4px;flex-wrap:wrap}.it-detail-sla-tag{font-size:10px;padding:1px 5px;border-radius:3px;background:var(--color-bg);color:var(--color-text-secondary);white-space:nowrap}.it-detail-codes{display:flex;gap:3px;flex-wrap:wrap}.it-detail-code{font-size:10px;font-family:monospace;padding:1px 4px;border-radius:3px;background:#eff6ff;color:#2563eb}.it-apply-modal{display:flex;flex-direction:column;gap:var(--space-4)}.it-apply-result{padding:var(--space-3) var(--space-4);background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.it-apply-result-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.it-apply-result-stats{display:flex;gap:var(--space-4);flex-wrap:wrap}.it-apply-result-stat{display:flex;flex-direction:column;align-items:center}.it-apply-result-num{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.it-apply-result-label{font-size:11px;color:#166534}.it-form--editor{gap:0}.it-form-basic{display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:var(--border-width) solid var(--color-border)}.it-form-data{padding-top:var(--space-4)}.it-form-data-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);text-transform:uppercase;letter-spacing:.4px;margin-bottom:var(--space-3)}.it-data-section{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);overflow:hidden}.it-data-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-bg);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.it-data-section-header:hover{background:var(--color-bg-hover, #f0f4f8)}.it-data-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.it-data-section-right{display:flex;align-items:center;gap:var(--space-3)}.it-data-section-count{font-size:11px;color:var(--color-text-muted);background:var(--color-surface);padding:1px 8px;border-radius:999px;border:var(--border-width) solid var(--color-border)}.it-data-section-arrow{font-size:12px;color:var(--color-text-muted);transition:transform var(--transition-fast);display:inline-block}.it-data-section-body{padding:var(--space-3) var(--space-4) var(--space-4);border-top:var(--border-width) solid var(--color-border)}.it-data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.it-data-table th{text-align:left;padding:var(--space-1) var(--space-2);font-size:11px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.3px;color:var(--color-text-secondary)}.it-data-table td{padding:var(--space-1) var(--space-2);vertical-align:middle}.it-data-input{width:100%;padding:5px 8px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);font-size:13px;color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition-fast)}.it-data-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1a}.it-data-select{width:100%;padding:5px 8px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);font-size:13px;color:var(--color-text);background:var(--color-surface);cursor:pointer;transition:border-color var(--transition-fast)}.it-data-select:focus{outline:none;border-color:var(--color-primary)}.it-data-remove{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);font-size:16px;transition:all var(--transition-fast);flex-shrink:0}.it-data-remove:hover{background:#fef2f2;color:#dc2626}.it-data-add{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 12px;margin-top:var(--space-2);border:1px dashed var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-primary);font-size:13px;cursor:pointer;transition:all var(--transition-fast)}.it-data-add:hover{background:#eff6ff;border-color:var(--color-primary)}.it-master-card{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);overflow:hidden}.it-master-card:last-child{margin-bottom:0}.it-master-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--color-bg);border-bottom:var(--border-width) solid var(--color-border)}.it-master-card-num{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.it-master-row{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3)}.it-master-field{display:flex;flex-direction:column;gap:3px;min-width:140px;flex:1}.it-master-field--wide{flex:2;min-width:200px}.it-master-field--full{flex-basis:100%;min-width:100%}.it-master-field label{font-size:11px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.3px;color:var(--color-text-secondary)}.it-master-checkbox-label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:13px;color:var(--color-text);cursor:pointer;padding-top:2px}.it-master-checkbox-label input[type=checkbox]{width:15px;height:15px;cursor:pointer}.it-master-dept-checks{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:2px}.it-master-dept-check{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--color-text);cursor:pointer;padding:2px 8px;border-radius:var(--radius-sm);border:var(--border-width) solid var(--color-border);transition:all var(--transition-fast)}.it-master-dept-check:hover{background:#eff6ff}.it-master-dept-check input[type=checkbox]{width:13px;height:13px;cursor:pointer}.it-master-hint{font-size:11px;color:var(--color-text-muted);font-style:italic;padding-top:2px}.it-sla-inputs{display:flex;flex-wrap:wrap;gap:var(--space-3);padding-top:2px}.it-sla-field{display:flex;flex-direction:column;gap:2px;min-width:70px}.it-sla-field label{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.it-sla-input{width:70px;padding:4px 6px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);font-size:13px;color:var(--color-text);background:var(--color-surface);text-align:center}.it-sla-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1a}@media(max-width:768px){.it-header{flex-direction:column;gap:var(--space-3)}.it-header-actions{width:100%}.it-stats{flex-direction:column}}.forgot-pwd-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-2) 0;line-height:var(--line-height)}.forgot-pwd-footer{text-align:center;padding-top:var(--space-2)}.forgot-pwd-back-link{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none}.forgot-pwd-back-link:hover{text-decoration:underline}.forgot-pwd-sent{display:flex;flex-direction:column;gap:var(--space-6);align-items:center;text-align:center}.forgot-pwd-sent-msg{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height);margin:0}.register-page{min-height:100vh;display:flex}.register-left{flex:0 0 45%;background:linear-gradient(135deg,#0052d4,#0041b8,#003494);color:#fff;display:flex;align-items:center;justify-content:center;padding:48px}.register-left__content{max-width:440px}.register-left__title{font-size:2.2rem;font-weight:800;line-height:1.2;margin:0 0 40px}.register-left__testimonial{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:28px}.register-left__quote-mark{font-size:2.5rem;line-height:1;opacity:.4;font-family:Georgia,serif}.register-left__quote{font-size:.95rem;line-height:1.7;opacity:.9;margin:8px 0 20px}.register-left__author{display:flex;align-items:center;gap:12px}.register-left__author-avatar{width:40px;height:40px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.register-left__author-name{font-weight:600;font-size:.9rem}.register-left__author-role{font-size:.75rem;opacity:.7;text-transform:uppercase;letter-spacing:.05em}.register-right{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:#fff}.register-form-wrapper{width:100%;max-width:420px}.register-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.register-brand__name{font-size:1.3rem;color:#0f172a;letter-spacing:-.5px}.register-brand__name strong{font-weight:800}.register-heading{font-size:1.6rem;font-weight:800;color:#0f172a;margin:0 0 4px}.register-subheading{font-size:.875rem;color:#64748b;margin:0 0 24px}.register-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:10px 14px;border-radius:8px;font-size:.82rem;margin-bottom:16px}.register-form{display:flex;flex-direction:column;gap:14px}.register-field{display:flex;align-items:center;background:#f1f5f9;border:1.5px solid transparent;border-radius:10px;padding:0 14px;transition:border-color .15s,background .15s}.register-field:focus-within{border-color:#0052d4;background:#fff}.register-field__icon{color:#94a3b8;flex-shrink:0;display:flex;margin-right:10px}.register-field__phone-code{font-size:.82rem;color:#475569;font-weight:500;padding-right:10px;border-right:1px solid #cbd5e1;margin-right:10px;white-space:nowrap}.register-input{flex:1;border:none;background:none;padding:13px 0;font-size:.9rem;color:#0f172a;outline:none;font-family:inherit}.register-input::placeholder{color:#94a3b8}.register-input--phone{padding-left:0}.register-select{appearance:none;cursor:pointer}.register-field__toggle{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex}.register-field__toggle:hover{color:#475569}.register-security-note{font-size:.75rem;color:#94a3b8;margin:0}.register-terms{display:flex;align-items:flex-start;gap:10px;font-size:.82rem;color:#475569;cursor:pointer}.register-terms input[type=checkbox]{margin-top:2px;width:16px;height:16px;accent-color:#0052D4;flex-shrink:0}.register-link{color:#0052d4;text-decoration:none;font-weight:500}.register-link:hover{text-decoration:underline}.register-submit{width:100%;padding:14px;background:#fbbf24;color:#0f172a;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s,transform .1s;font-family:inherit}.register-submit:hover{background:#f59e0b}.register-submit:active{transform:scale(.99)}.register-submit:disabled{opacity:.6;cursor:not-allowed}.register-login-link{text-align:center;font-size:.82rem;color:#64748b;margin-top:20px}.register-login-link a{color:#0052d4;font-weight:600;text-decoration:none}.register-login-link a:hover{text-decoration:underline}@media(max-width:768px){.register-page{flex-direction:column}.register-left{flex:none;padding:32px 24px;min-height:auto}.register-left__title{font-size:1.5rem;margin-bottom:20px}.register-right{padding:24px}}.reset-pwd-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.reset-pwd-back{text-align:center;margin-top:var(--space-6)}.change-pwd-form{display:flex;flex-direction:column;gap:var(--space-6)}.change-pwd-forced-notice{background:#fff8e1;color:#e65100;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid rgba(230,81,0,.2);line-height:1.5}.change-pwd-error{background:#ffeaea;color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid rgba(198,40,40,.15)}.change-pwd-success{background:#eaf5ea;color:var(--color-success);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid rgba(46,125,50,.15)}.change-pwd-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.change-pwd-actions{display:flex;justify-content:flex-end;gap:var(--space-4);padding-top:var(--space-4)}:root{--sb-bg: #ffffff;--sb-text: #64748b;--sb-text-active: #0369a1;--sb-hover-bg: #f0f9ff;--sb-active-bg: #e0f2fe;--sb-active-bar: #00b7ff;--sb-section-text: #94a3b8;--sb-brand-text: #1e293b;--sb-divider: #e2e8f0;--sb-toggle-bg: #f1f5f9;--sb-toggle-border: #e2e8f0;--tb-bg: #ffffff;--tb-border: #e2e8f0;--tb-crumb-muted: #94a3b8;--tb-crumb-active: #1e293b;--tb-icon-color: #64748b;--tb-icon-hover-bg: #f1f5f9;--tb-avatar-bg: #1b2b5e;--tb-avatar-hover: #274289;--dd-bg: #ffffff;--dd-border: #e2e8f0;--dd-text: #475569;--dd-text-hover: #0369a1;--dd-hover-bg: #f0f9ff;--dd-danger: #dc2626;--dd-danger-bg: #fef2f2;--nav-page-bg: #f5f6fa;--sidebar-expanded: 240px;--sidebar-collapsed: 64px;--topbar-height: 60px}.app-layout{height:100vh;display:flex;overflow:hidden;background:var(--nav-page-bg)}.app-sidebar{width:var(--sidebar-expanded);flex-shrink:0;background:var(--sb-bg);border-right:1px solid var(--sb-divider);display:flex;flex-direction:column;transition:width .2s ease;overflow:hidden;z-index:50}.app-sidebar--collapsed{width:var(--sidebar-collapsed)}.app-sidebar--mobile{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-expanded);transform:translate(-100%);transition:transform .2s ease}.app-sidebar--mobile-open{transform:translate(0)}.sidebar-backdrop{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40}.mobile-hamburger{position:fixed;top:10px;left:10px;z-index:30;width:36px;height:36px;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.mobile-hamburger:hover{color:var(--color-primary);box-shadow:var(--shadow-md)}.sidebar-logo-area{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:var(--topbar-height);flex-shrink:0;border-bottom:1px solid var(--sb-divider)}.sidebar-logo-full{display:flex;align-items:center;gap:var(--space-3);overflow:hidden;flex:1;min-width:0}.sidebar-logo-img{height:24px;width:auto;max-width:80px;object-fit:contain;flex-shrink:0;border-radius:2px}.sidebar-logo-img-sm{height:28px;width:28px;object-fit:contain;border-radius:3px}.sidebar-brand-text{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--sb-brand-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logo-icon{display:flex;align-items:center;justify-content:center;width:100%}.sidebar-toggle-btn{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--sb-toggle-border);background:var(--sb-toggle-bg);color:var(--sb-text);cursor:pointer;flex-shrink:0;transition:all .15s ease}.sidebar-toggle-btn:hover{color:var(--sb-text-active);border-color:var(--sb-text-active)}.sidebar-toggle-btn--center{margin:0 auto}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-3) 0}.sidebar-section--spaced{margin-top:var(--space-5)}.sidebar-section-header{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--sb-section-text);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-3) var(--space-7);margin-bottom:var(--space-1)}.sidebar-section-divider{height:1px;background:var(--sb-divider);margin:var(--space-2) var(--space-5)}.sidebar-section-items{display:flex;flex-direction:column;gap:1px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 20px;font-size:13px;font-weight:var(--font-weight-medium);color:var(--sb-text);text-decoration:none;cursor:pointer;position:relative;transition:all .15s ease;-webkit-user-select:none;user-select:none}.sidebar-link:hover{background:var(--sb-hover-bg);color:var(--sb-text-active);text-decoration:none}.sidebar-link--active{background:var(--sb-active-bg);color:var(--sb-text-active);font-weight:var(--font-weight-semibold)}.sidebar-link--active svg{color:var(--sb-text-active)}.sidebar-link--icon-only{justify-content:center;padding-left:0;padding-right:0}.sidebar-link-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-active-bar{position:absolute;right:0;top:0;width:3px;height:100%;background:var(--sb-active-bar);border-radius:3px 0 0 3px}.app-panel{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.app-topbar{height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);background:var(--tb-bg);border-bottom:1px solid var(--tb-border);flex-shrink:0;gap:var(--space-5)}.topbar-left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.topbar-breadcrumb-home{font-size:13px;color:var(--tb-crumb-muted)}.topbar-breadcrumb-sep{color:#cbd5e1;flex-shrink:0}.topbar-breadcrumb-page{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--tb-crumb-active);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.topbar-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:50%;color:var(--tb-icon-color);cursor:pointer;position:relative;transition:all .15s ease}.topbar-icon-btn:hover{background:var(--tb-icon-hover-bg);color:var(--sb-text-active)}.topbar-profile{position:relative;margin-left:2px}.topbar-avatar{width:32px;height:32px;border-radius:50%;background:var(--tb-avatar-bg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:var(--font-weight-semibold);border:none;cursor:pointer;transition:background .15s ease;letter-spacing:.02em}.topbar-avatar:hover{background:var(--tb-avatar-hover)}.topbar-profile-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:240px;background:var(--dd-bg);border:1px solid var(--dd-border);border-radius:12px;box-shadow:0 4px 24px #0000001a,0 1px 3px #0000000f;z-index:100;overflow:hidden;padding:4px 0}.topbar-dd-header{padding:12px 16px;border-bottom:1px solid var(--dd-border)}.topbar-dd-name{font-size:13px;font-weight:var(--font-weight-semibold);color:#1e293b;margin-bottom:2px}.topbar-dd-email{font-size:11px;color:#94a3b8;margin-bottom:6px}.topbar-dd-role{display:inline-block;font-size:10px;padding:2px 8px;border-radius:12px;background:#e0f2fe;color:#0369a1;font-weight:var(--font-weight-semibold);text-transform:capitalize;letter-spacing:.02em}.topbar-dd-dept{display:inline-block;font-size:11px;color:#94a3b8;margin-left:var(--space-2)}.topbar-dd-divider{height:1px;background:var(--dd-border);margin:4px 0}.topbar-dd-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 16px;border:none;background:none;font-family:var(--font-family);font-size:13px;color:var(--dd-text);cursor:pointer;text-align:left;transition:all .15s ease}.topbar-dd-item:hover{background:var(--dd-hover-bg);color:var(--dd-text-hover)}.topbar-dd-item--danger{color:var(--dd-danger)}.topbar-dd-item--danger:hover{background:var(--dd-danger-bg);color:var(--dd-danger)}.app-main{flex:1;padding:var(--space-7);overflow-y:auto}.notif-bell-container{position:relative}.notif-bell-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;background:#ef4444;color:#fff;font-size:9px;font-weight:var(--font-weight-bold);border-radius:8px;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 0 0 2px var(--tb-bg)}.notif-dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-3);width:340px;max-height:420px;background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000001f;z-index:100;display:flex;flex-direction:column;overflow:hidden}.notif-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:var(--border-width) solid var(--color-border);flex-shrink:0}.notif-dropdown-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text)}.notif-mark-all{background:none;border:none;font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-primary);cursor:pointer;font-weight:var(--font-weight-medium);padding:0}.notif-mark-all:hover{text-decoration:underline}.notif-dropdown-list{flex:1;overflow-y:auto}.notif-empty{padding:var(--space-7);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.notif-item{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:var(--border-width) solid var(--color-border);cursor:pointer;transition:background var(--transition-fast)}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--blue-50)}.notif-item--unread{background:#0f4c810a}.notif-item-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary);flex-shrink:0;margin-top:5px}.notif-item-content{flex:1;min-width:0}.notif-item-message{font-size:var(--font-size-sm);color:var(--color-text);line-height:1.4;word-break:break-word}.notif-item--unread .notif-item-message{font-weight:var(--font-weight-medium)}.notif-item-meta{display:flex;gap:var(--space-3);margin-top:2px;font-size:var(--font-size-xs);color:var(--color-text-muted)}.notif-item-ticket{font-weight:var(--font-weight-semibold);color:var(--color-primary)}