.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:#1e293b;display:flex;flex-direction:column;z-index:100;box-shadow:2px 0 10px #0000001a}.sidebar__header{padding:1.5rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar__logo{display:flex;align-items:center;gap:.75rem}.sidebar__logo-icon{width:40px;height:40px;color:#667eea}.sidebar__logo-image{width:44px;height:44px;object-fit:contain;border-radius:8px;background:#fff;padding:2px}.sidebar__logo-text{font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:-.5px}.sidebar__nav{flex:1;padding:1.5rem 0;overflow-y:auto}.sidebar__nav-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.25rem;margin:.25rem .75rem;color:#94a3b8;text-decoration:none;border-radius:8px;transition:all .2s ease;font-weight:500;font-size:.9375rem}.sidebar__nav-item:hover{background:#ffffff0d;color:#e2e8f0}.sidebar__nav-item--active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.sidebar__nav-icon{width:20px;height:20px;flex-shrink:0}.sidebar__nav-icon svg{width:100%;height:100%}.sidebar__nav-label{flex:1}.sidebar__submenu{margin:.25rem 0}.sidebar__nav-item--parent{width:calc(100% - 1.5rem);border:none;background:transparent;cursor:pointer;text-align:left;justify-content:flex-start}.sidebar__nav-arrow{width:16px;height:16px;margin-left:auto;transition:transform .2s ease;flex-shrink:0}.sidebar__nav-arrow--expanded{transform:rotate(180deg)}.sidebar__submenu-items{padding-left:.75rem;margin-top:.25rem;border-left:2px solid rgba(255,255,255,.1);margin-left:1.875rem}.sidebar__nav-item--child{padding:.625rem 1rem;font-size:.875rem}.sidebar__nav-item--child .sidebar__nav-icon{width:16px;height:16px}.sidebar__nested-submenu{margin:0}.sidebar__submenu-items--nested{padding-left:.5rem;margin-top:.25rem;border-left:2px solid rgba(255,255,255,.08);margin-left:1rem}.sidebar__nav-item--grandchild{padding:.5rem .875rem;font-size:.8125rem;margin:.125rem .5rem}.sidebar__nav-item--grandchild .sidebar__nav-icon{width:14px;height:14px}.sidebar__nav-item--disabled{opacity:.4;cursor:not-allowed;pointer-events:none;color:#64748b}.sidebar__nav-item--disabled:hover{background:transparent;color:#64748b}.sidebar__nav-item--disabled .sidebar__nav-icon{opacity:.5}.sidebar__submenu--disabled{opacity:.6}.sidebar__submenu--disabled .sidebar__nav-item--parent{cursor:not-allowed}.sidebar__nested-submenu--disabled{opacity:.6}button.sidebar__nav-item--disabled{pointer-events:auto;cursor:not-allowed}button.sidebar__nav-item--disabled:hover{background:transparent}.sidebar__footer{padding:1.25rem;border-top:1px solid rgba(255,255,255,.1)}.sidebar__user{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff0d;border-radius:8px;cursor:pointer;transition:background .2s ease}.sidebar__user:hover{background:#ffffff14}.sidebar__user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar__user-avatar svg{width:20px;height:20px;color:#fff}.sidebar__user-info{flex:1;min-width:0}.sidebar__user-name{font-size:.875rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{font-size:.75rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__nav::-webkit-scrollbar{width:4px}.sidebar__nav::-webkit-scrollbar-track{background:transparent}.sidebar__nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.sidebar__nav::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width: 768px){.sidebar{width:220px;transform:translate(-100%);transition:transform .3s ease}.sidebar--open{transform:translate(0)}.sidebar__logo-text{font-size:1.125rem}.sidebar__nav-item{padding:.75rem 1rem;margin:.25rem .5rem}}.topbar{position:fixed;top:0;left:260px;right:0;height:70px;background:#fff;border-bottom:1px solid #e2e8f0;z-index:90;box-shadow:0 1px 3px #0000000d}.topbar__content{height:100%;display:flex;align-items:center;justify-content:flex-end;padding:0 2rem;gap:2rem}.topbar__actions{display:flex;align-items:center;gap:1rem}.topbar__icon-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#64748b;border-radius:8px;cursor:pointer;transition:all .2s ease}.topbar__icon-btn:hover{background:#f1f5f9;color:#334155}.topbar__icon-btn svg{width:20px;height:20px}.topbar__badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 5px;font-size:.65rem;font-weight:700;color:#fff;background:#ef4444;border-radius:9px;border:2px solid #ffffff}.topbar__notification,.topbar__user{position:relative}.topbar__user-btn{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border:1px solid #e2e8f0;background:#fff;border-radius:10px;cursor:pointer;transition:all .2s ease}.topbar__user-btn:hover{border-color:#cbd5e1;background:#f8fafc}.topbar__user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.topbar__user-avatar svg{width:18px;height:18px;color:#fff}.topbar__user-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.topbar__user-name{font-size:.875rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.topbar__user-role{font-size:.75rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.topbar__user-chevron{width:16px;height:16px;color:#94a3b8;transition:transform .2s ease}.topbar__user-btn:hover .topbar__user-chevron{color:#64748b}.topbar__dropdown{position:absolute;top:calc(100% + .5rem);left:0;min-width:320px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #0000001a;overflow:hidden;animation:dropdownFadeIn .2s ease}.topbar__dropdown--right{left:auto;right:0;min-width:220px}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.topbar__dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0}.topbar__dropdown-header h3{font-size:.9375rem;font-weight:700;color:#1e293b;margin:0}.topbar__dropdown-clear{font-size:.8125rem;color:#667eea;background:none;border:none;cursor:pointer;font-weight:600;transition:color .2s ease}.topbar__dropdown-clear:hover{color:#5568d3}.topbar__dropdown-content{max-height:400px;overflow-y:auto}.topbar__dropdown-footer{padding:.75rem 1.25rem;border-top:1px solid #e2e8f0;text-align:center}.topbar__dropdown-footer a{font-size:.875rem;font-weight:600;color:#667eea;text-decoration:none;transition:color .2s ease}.topbar__dropdown-footer a:hover{color:#5568d3}.topbar__notification-item{display:flex;gap:.875rem;padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .2s ease}.topbar__notification-item:hover{background:#f8fafc}.topbar__notification-item:last-child{border-bottom:none}.topbar__notification-item--unread{background:#f0f4ff}.topbar__notification-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:8px}.topbar__notification-icon svg{width:18px;height:18px}.topbar__notification-icon--success{background:#dcfce7;color:#16a34a}.topbar__notification-icon--warning{background:#fef3c7;color:#d97706}.topbar__notification-icon--info{background:#dbeafe;color:#2563eb}.topbar__notification-text{flex:1;min-width:0}.topbar__notification-title{font-size:.875rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.topbar__notification-desc{font-size:.8125rem;color:#64748b;margin-bottom:.5rem}.topbar__notification-time{font-size:.75rem;color:#94a3b8}.topbar__menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;color:#475569;text-decoration:none;font-size:.875rem;font-weight:500;background:none;border:none;width:100%;text-align:left;cursor:pointer;transition:all .2s ease}.topbar__menu-item:hover{background:#f8fafc;color:#1e293b}.topbar__menu-item svg{width:18px;height:18px}.topbar__menu-divider{height:1px;background:#e2e8f0;margin:.5rem 0}@media (max-width: 768px){.topbar{left:0}.topbar__content{padding:0 1rem}.topbar__user-info,.topbar__user-chevron{display:none}.topbar__dropdown{min-width:280px}}@media (max-width: 480px){.topbar__dropdown{min-width:260px;right:-1rem}}.main-layout{min-height:100vh;background:#f8fafc}.main-layout__content{margin-left:260px;margin-top:70px;padding:2rem;min-height:calc(100vh - 70px)}@media (max-width: 768px){.main-layout__content{margin-left:0;padding:1.5rem}}.auth-layout{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-layout__container{width:100%;max-width:480px;padding:1rem}.auth-layout__content{display:flex;flex-direction:column;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;font-weight:500;border-radius:.375rem;border:none;cursor:pointer;transition:all .2s ease-in-out}.button:disabled{opacity:.6;cursor:not-allowed}.button--sm{padding:.5rem 1rem;font-size:.875rem}.button--md{padding:.625rem 1.25rem;font-size:1rem}.button--lg{padding:.75rem 1.5rem;font-size:1.125rem}.button--primary{background-color:#3b82f6;color:#fff}.button--primary:hover:not(:disabled){background-color:#2563eb}.button--secondary{background-color:#6b7280;color:#fff}.button--secondary:hover:not(:disabled){background-color:#4b5563}.button--outline{background-color:transparent;border:1px solid #d1d5db;color:#374151}.button--outline:hover:not(:disabled){background-color:#f3f4f6}.button--danger{background-color:#ef4444;color:#fff}.button--danger:hover:not(:disabled){background-color:#dc2626}.button--loading{position:relative;color:transparent}.button__loader{position:absolute;color:#fff}.input-wrapper{display:flex;flex-direction:column;gap:.375rem;width:100%}.input-label{font-size:.875rem;font-weight:500;color:#374151}.input{width:100%;padding:.625rem .875rem;font-size:1rem;border:1px solid #d1d5db;border-radius:.375rem;transition:all .2s ease-in-out}.input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.input--error{border-color:#ef4444}.input--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.input-error{font-size:.875rem;color:#ef4444}.input-helper{font-size:.875rem;color:#6b7280}.page-header{margin-bottom:16px}.page-header__content{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.page-header__title-wrapper{display:flex;align-items:center;gap:8px}.page-header__title{font-size:24px;font-weight:600;color:#1a1a2e;margin:0}.page-header__info{position:relative;display:inline-flex;align-items:center}.page-header__info-icon{width:18px;height:18px;color:#9ca3af;cursor:help;transition:color .2s}.page-header__info:hover .page-header__info-icon{color:#2563eb}.page-header__tooltip{position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%);background:#1a1a2e;color:#fff;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:400;white-space:nowrap;max-width:300px;white-space:normal;line-height:1.4;z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;box-shadow:0 4px 12px #00000026}.page-header__tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:#1a1a2e}.page-header__info:hover .page-header__tooltip{opacity:1;visibility:visible}.page-header__actions{display:flex;gap:12px;flex-wrap:wrap}@media (max-width: 768px){.page-header__content{flex-direction:column;align-items:flex-start}.page-header__title{font-size:20px}.page-header__tooltip{left:0;transform:translate(0);max-width:250px}.page-header__tooltip:before{left:12px;transform:none}}.session-timeout-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.session-timeout-modal{background:#fff;border-radius:16px;padding:2rem;width:100%;max-width:400px;margin:1rem;text-align:center;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.session-timeout-icon{width:64px;height:64px;margin:0 auto 1.25rem;background:#fef3c7;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d97706}.session-timeout-icon svg{width:32px;height:32px}.session-timeout-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.session-timeout-message{font-size:.9375rem;color:#64748b;margin:0 0 1.25rem}.session-timeout-countdown{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.25rem}.countdown-unit{display:flex;flex-direction:column;align-items:center}.countdown-value{font-size:2.5rem;font-weight:700;color:#dc2626;line-height:1;font-variant-numeric:tabular-nums}.countdown-label{font-size:.75rem;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.countdown-separator{font-size:2.5rem;font-weight:700;color:#dc2626;line-height:1;margin-bottom:1rem}.session-timeout-info{font-size:.875rem;color:#64748b;margin:0 0 1.5rem;line-height:1.5}.session-timeout-actions{display:flex;gap:.75rem}.session-timeout-btn{flex:1;padding:.875rem 1.25rem;font-size:.9375rem;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:all .2s ease}.session-timeout-btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.session-timeout-btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.session-timeout-btn--secondary{background:#f1f5f9;color:#64748b}.session-timeout-btn--secondary:hover{background:#e2e8f0;color:#475569}@media (max-width: 480px){.session-timeout-modal{padding:1.5rem}.session-timeout-actions{flex-direction:column-reverse}.countdown-value,.countdown-separator{font-size:2rem}}.home-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.home-page__hero{text-align:center;max-width:800px;padding:2rem}.home-page__title{font-size:3rem;font-weight:700;margin:0 0 1rem}.home-page__description{font-size:1.25rem;margin:0 0 2rem;opacity:.9}.home-page__actions{display:flex;gap:1rem;justify-content:center}@media (max-width: 768px){.home-page__title{font-size:2rem}.home-page__description{font-size:1rem}.home-page__actions{flex-direction:column;align-items:stretch}}.login-container{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden}.login-background{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#667eea,#764ba2);z-index:0}.login-background__shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 20s ease-in-out infinite}.login-background__shape--1{width:500px;height:500px;background:linear-gradient(135deg,#667eea,#764ba2);top:-10%;left:-10%;animation-delay:0s}.login-background__shape--2{width:400px;height:400px;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-10%;right:-10%;animation-delay:5s}.login-background__shape--3{width:300px;height:300px;background:linear-gradient(135deg,#4facfe,#00f2fe);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.login-card{position:relative;z-index:1;width:100%;max-width:460px;background:#fff;border-radius:16px;padding:3rem 2.5rem;box-shadow:0 20px 60px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea66}.login-logo__icon{width:32px;height:32px;color:#fff}.login-logo__text{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.5px}.login-title{font-size:1.875rem;font-weight:700;color:#1a202c;margin:0 0 .5rem;letter-spacing:-.5px}.login-subtitle{font-size:.9375rem;color:#718096;margin:0;font-weight:400}.login-alert{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem;font-weight:500}.login-alert--error{background-color:#fee2e2;color:#dc2626;border:1px solid #fecaca}.login-alert--info{background-color:#fef3c7;color:#d97706;border:1px solid #fde68a}.login-alert__icon{width:20px;height:20px;flex-shrink:0}.login-form{margin-bottom:2rem}.form-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem;letter-spacing:.01em}.input-icon{position:absolute;left:0;top:0;bottom:0;width:48px;display:flex;align-items:center;justify-content:center;color:#9ca3af;pointer-events:none;z-index:2;border-right:1px solid #e5e7eb;background:#f3f4f6;border-radius:6px 0 0 6px}.input-icon svg{width:18px;height:18px}.input-icon--right{position:absolute;left:auto;right:0;top:0;bottom:0;width:48px;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer;color:#6b7280;transition:color .2s ease,background .2s ease;z-index:2;border:none;border-left:1px solid #e5e7eb;background:#f3f4f6;border-radius:0 6px 6px 0;padding:0;outline:none}.input-icon--right:focus-visible{outline:2px solid #667eea;outline-offset:-2px}.input-icon--right:hover{color:#374151;background:#e5e7eb}.input-icon--right svg{width:20px;height:20px}.form-input{width:100%;height:48px;padding:0 16px;font-size:.9375rem;color:#1a202c;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.form-input--with-toggle{padding-right:60px}.form-input:hover{border-color:#d1d5db;background:#fff}.form-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.form-input:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.form-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-input{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;accent-color:#667eea}.checkbox-input:disabled{cursor:not-allowed;opacity:.5}.checkbox-text{font-size:.875rem;color:#4b5563;font-weight:500}.link-text{font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s ease}.link-text--primary{color:#667eea}.link-text--primary:hover{color:#5568d3;text-decoration:underline}.link-text--secondary{color:#764ba2}.link-text--secondary:hover{color:#5e3b81;text-decoration:underline}.btn-submit{width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:0 16px;font-size:.9375rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;box-sizing:border-box}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.btn-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #667eea66}.btn-submit--loading{position:relative}.btn-icon{width:20px;height:20px;transition:transform .3s ease}.btn-submit:hover .btn-icon{transform:translate(4px)}.btn-spinner__circle{stroke-dasharray:50;stroke-dashoffset:25}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer{text-align:center;padding-top:1.5rem;border-top:1px solid #e5e7eb}.login-footer__text{font-size:.875rem;color:#6b7280;margin:0 0 1rem}.login-footer__divider{width:60px;height:1px;background:#e5e7eb;margin:1.5rem auto}.login-footer__info{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8125rem;color:#9ca3af;margin:0;font-weight:500}.login-footer__shield{width:16px;height:16px;color:#10b981}@media (max-width: 640px){.login-container{padding:1rem}.login-card{padding:2rem 1.5rem;border-radius:12px}.login-logo{padding:.625rem 1.25rem}.login-logo__text{font-size:1.25rem}.login-title{font-size:1.5rem}.login-subtitle{font-size:.875rem}.form-input{height:44px;padding:0 16px;font-size:1rem}.form-input--with-toggle{padding-right:60px}.form-options{flex-direction:column;align-items:flex-start;gap:1rem}.btn-submit{height:44px;padding:0 16px}.login-background__shape{filter:blur(60px)}}@media (prefers-reduced-motion: reduce){.login-background__shape{animation:none}.btn-submit:hover:not(:disabled){transform:none}.btn-submit .btn-icon{transform:none}}.form-input:focus-visible,.checkbox-input:focus-visible,.btn-submit:focus-visible,.link-text:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media (prefers-color-scheme: dark){.login-card{background:#1f2937;box-shadow:0 20px 60px #0009}.login-title{color:#f9fafb}.login-subtitle{color:#d1d5db}.form-label{color:#e5e7eb}.form-input{background:#374151;border-color:#4b5563;color:#f9fafb}.form-input:hover{border-color:#6b7280;background:#4b5563}.form-input:focus{background:#4b5563}.input-icon--right{color:#9ca3af}.input-icon--right:hover,.checkbox-text{color:#d1d5db}.login-footer{border-top-color:#374151}.login-footer__text{color:#9ca3af}.login-footer__divider{background:#374151}}.session-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.session-modal{background:#fff;border-radius:16px;padding:2rem;max-width:420px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.session-modal__icon{width:64px;height:64px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:50%;display:flex;align-items:center;justify-content:center}.session-modal__icon svg{width:32px;height:32px;color:#d97706}.session-modal__title{font-size:1.25rem;font-weight:700;color:#1a202c;margin:0 0 .75rem}.session-modal__message{font-size:.9375rem;color:#4b5563;margin:0 0 .5rem;line-height:1.5}.session-modal__info{font-size:.875rem;color:#6b7280;margin:0 0 1.5rem}.session-modal__actions{display:flex;gap:.75rem}.session-modal__btn{flex:1;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.session-modal__btn:disabled{opacity:.7;cursor:not-allowed}.session-modal__btn--cancel{background:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}.session-modal__btn--cancel:hover:not(:disabled){background:#e5e7eb}.session-modal__btn--logout{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;box-shadow:0 4px 12px #667eea66}.session-modal__btn--logout:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #667eea80}.btn-spinner--sm{width:16px;height:16px}@media (prefers-color-scheme: dark){.session-modal{background:#1f2937}.session-modal__title{color:#f9fafb}.session-modal__message{color:#d1d5db}.session-modal__info{color:#9ca3af}.session-modal__btn--cancel{background:#374151;color:#d1d5db;border-color:#4b5563}.session-modal__btn--cancel:hover:not(:disabled){background:#4b5563}}@media print{.login-container{display:none}}.dashboard-page{max-width:1400px;margin:0 auto}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.dashboard-title{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.dashboard-subtitle{font-size:.9375rem;color:#64748b;margin:0}.dashboard-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d}.dashboard-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.dashboard-btn svg{width:18px;height:18px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.stat-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-card--blue .stat-card__icon{background:#dbeafe;color:#2563eb}.stat-card--green .stat-card__icon{background:#dcfce7;color:#16a34a}.stat-card--orange .stat-card__icon{background:#fed7aa;color:#ea580c}.stat-card--purple .stat-card__icon{background:#e9d5ff;color:#9333ea}.stat-card__icon svg{width:22px;height:22px}.stat-card__trend{font-size:.875rem;font-weight:600;padding:.375rem .75rem;border-radius:20px}.stat-card__trend--up{background:#dcfce7;color:#16a34a}.stat-card__trend--down{background:#fee2e2;color:#dc2626}.stat-card__body{margin-top:.5rem}.stat-card__value{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.stat-card__title{font-size:.875rem;font-weight:500;color:#64748b}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 3px #0000000d}.dashboard-card__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0}.dashboard-card__title{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0}.dashboard-card__link{font-size:.875rem;font-weight:600;color:#667eea;text-decoration:none;transition:color .2s ease}.dashboard-card__link:hover{color:#5568d3}.dashboard-card__content{padding:0}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;transition:background .2s ease}.activity-item:hover{background:#f8fafc}.activity-item:last-child{border-bottom:none}.activity-icon{width:40px;height:40px;flex-shrink:0;border-radius:8px;display:flex;align-items:center;justify-content:center}.activity-icon svg{width:18px;height:18px}.activity-icon--payment{background:#dcfce7;color:#16a34a}.activity-icon--new_case{background:#dbeafe;color:#2563eb}.activity-icon--overdue{background:#fee2e2;color:#dc2626}.activity-details{flex:1;min-width:0}.activity-customer{font-size:.9375rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.activity-time{font-size:.8125rem;color:#94a3b8}.activity-amount{font-size:1rem;font-weight:700;color:#1e293b;margin-right:1rem}.activity-status{padding:.375rem .875rem;border-radius:20px;font-size:.8125rem;font-weight:600;text-transform:capitalize}.activity-status--completed{background:#dcfce7;color:#16a34a}.activity-status--pending{background:#fef3c7;color:#d97706}.activity-status--overdue{background:#fee2e2;color:#dc2626}.quick-actions{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem}.quick-action{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left}.quick-action:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.quick-action__icon{width:48px;height:48px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center}.quick-action__icon svg{width:20px;height:20px}.quick-action__icon--blue{background:#dbeafe;color:#2563eb}.quick-action__icon--green{background:#dcfce7;color:#16a34a}.quick-action__icon--purple{background:#e9d5ff;color:#9333ea}.quick-action__text{flex:1}.quick-action__title{font-size:.9375rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.quick-action__desc{font-size:.8125rem;color:#64748b}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.stats-grid,.dashboard-grid{grid-template-columns:1fr}.activity-item{flex-wrap:wrap;gap:.75rem}.activity-amount{order:3;margin-right:0}.activity-status{order:4}}@media (max-width: 480px){.dashboard-title,.stat-card__value{font-size:1.5rem}.dashboard-btn{width:100%;justify-content:center}}.not-found-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f9fafb}.not-found-page__content{text-align:center}.not-found-page__title{font-size:6rem;font-weight:700;color:#3b82f6;margin:0}.not-found-page__message{font-size:1.5rem;color:#6b7280;margin:1rem 0 2rem}.profile-page{max-width:1200px;margin:0 auto}.profile-page .page-header{margin-bottom:2rem}.profile-page .page-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.profile-page .page-subtitle{font-size:.9375rem;color:#64748b;margin:0}.profile-content{display:flex;flex-direction:column;gap:1.5rem}.profile-page .detail-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.profile-page .card-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.profile-page .user-header-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.profile-page .user-header-card .card-title{color:#ffffffe6;border-bottom-color:#fff3}.profile-page .user-header{display:flex;align-items:center;gap:1.5rem}.profile-page .user-avatar-large{width:80px;height:80px;border-radius:20px;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:600;flex-shrink:0}.profile-page .user-header-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.profile-page .user-header-info h2{font-size:1.5rem;font-weight:700;margin:0}.profile-page .user-header-info .username{font-size:1rem;opacity:.9}.profile-page .user-header-card .status-badge{align-self:flex-start;margin-top:.25rem}.profile-page .info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem}.profile-page .info-item{display:flex;flex-direction:column;gap:.375rem}.profile-page .info-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.profile-page .info-value{font-size:.9375rem;color:#1e293b;font-weight:500}.profile-page .roles-list{display:flex;flex-direction:column;gap:1rem}.profile-page .role-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1.25rem}.profile-page .role-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.profile-page .role-header h4{font-size:1rem;font-weight:600;color:#1e293b;margin:0}.profile-page .role-code{font-size:.75rem;font-weight:600;color:#64748b;background:#e2e8f0;padding:.25rem .5rem;border-radius:4px;font-family:Monaco,Menlo,monospace}.profile-page .role-description{font-size:.875rem;color:#64748b;margin:0 0 1rem;line-height:1.5}.profile-page .role-permissions{display:flex;flex-direction:column;gap:.5rem}.profile-page .permissions-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.profile-page .permissions-list{display:flex;flex-wrap:wrap;gap:.5rem}.profile-page .permission-tag{display:inline-flex;padding:.25rem .625rem;background:#dbeafe;color:#2563eb;font-size:.75rem;font-weight:500;border-radius:4px;cursor:help}.profile-page .status-badge{display:inline-flex;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.025em}.profile-page .status-badge--active{background:#dcfce7;color:#16a34a}.profile-page .status-badge--inactive{background:#f3f4f6;color:#6b7280}.profile-page .status-badge--suspended{background:#fef3c7;color:#d97706}.profile-page .status-badge--locked{background:#fee2e2;color:#dc2626}.profile-page .no-data{font-size:.875rem;color:#94a3b8;font-style:italic}.profile-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.profile-page .loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.profile-page .loading-state p{font-size:.9375rem;color:#64748b;margin:0}.profile-page .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;text-align:center}.profile-page .error-state svg{width:48px;height:48px;color:#dc2626}.profile-page .error-state h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.profile-page .error-state p{font-size:.9375rem;color:#64748b;margin:0}@media (max-width: 768px){.profile-page .user-header{flex-direction:column;text-align:center}.profile-page .user-header-info{align-items:center}.profile-page .info-grid{grid-template-columns:1fr}.profile-page .role-header{flex-direction:column;align-items:flex-start}}.forgot-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.forgot-password-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.forgot-password-background__shape{position:absolute;border-radius:50%;opacity:.1}.forgot-password-background__shape--1{width:400px;height:400px;background:#fff;top:-100px;right:-100px;animation:float 8s ease-in-out infinite}.forgot-password-background__shape--2{width:300px;height:300px;background:#fff;bottom:-50px;left:-50px;animation:float 6s ease-in-out infinite reverse}.forgot-password-card{position:relative;z-index:1;width:100%;max-width:440px;background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 25px 50px -12px #00000040}.forgot-password-header{text-align:center;margin-bottom:2rem}.forgot-password-logo{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.forgot-password-logo__icon{width:40px;height:40px;color:#667eea}.forgot-password-logo__text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.forgot-password-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.forgot-password-subtitle{font-size:.9375rem;color:#64748b;margin:0;line-height:1.6}.forgot-password-alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:10px;margin-bottom:1.5rem;font-size:.875rem;font-weight:500}.forgot-password-alert--error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.forgot-password-alert--success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.forgot-password-alert__icon{width:20px;height:20px;flex-shrink:0;margin-top:1px}.forgot-password-form{display:flex;flex-direction:column;gap:1.25rem}.input-wrapper{position:relative;display:flex;align-items:center}.btn-icon{width:18px;height:18px}.forgot-password-footer{display:flex;justify-content:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}@media (max-width: 480px){.forgot-password-container{padding:1rem}.forgot-password-card{padding:1.5rem}.forgot-password-title{font-size:1.5rem}}.verify-otp-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.verify-otp-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.verify-otp-background__shape{position:absolute;border-radius:50%;opacity:.1}.verify-otp-background__shape--1{width:400px;height:400px;background:#fff;top:-100px;right:-100px;animation:float 8s ease-in-out infinite}.verify-otp-background__shape--2{width:300px;height:300px;background:#fff;bottom:-50px;left:-50px;animation:float 6s ease-in-out infinite reverse}.verify-otp-card{position:relative;z-index:1;width:100%;max-width:440px;background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 25px 50px -12px #00000040}.verify-otp-header{text-align:center;margin-bottom:2rem}.verify-otp-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;margin-bottom:1.5rem}.verify-otp-icon{width:32px;height:32px;color:#fff}.verify-otp-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .75rem}.verify-otp-subtitle{font-size:.9375rem;color:#64748b;margin:0;line-height:1.6}.verify-otp-subtitle strong{color:#1e293b}.verify-otp-alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:10px;margin-bottom:1.5rem;font-size:.875rem;font-weight:500}.verify-otp-alert--error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.verify-otp-alert__icon{width:20px;height:20px;flex-shrink:0;margin-top:1px}.verify-otp-form{display:flex;flex-direction:column;gap:1.5rem}.otp-inputs{display:flex;justify-content:center;gap:.75rem}.otp-input{width:48px;height:56px;text-align:center;font-size:1.5rem;font-weight:700;color:#1e293b;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;transition:all .2s ease;outline:none}.otp-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.otp-input:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.7}.btn-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d}.verify-otp-resend{text-align:center;margin-top:.5rem}.verify-otp-resend__text{font-size:.875rem;color:#64748b;margin:0}.verify-otp-resend__btn{background:none;border:none;color:#667eea;font-size:.875rem;font-weight:600;cursor:pointer;padding:0;transition:color .2s ease}.verify-otp-resend__btn:hover{color:#5568d3;text-decoration:underline}.verify-otp-resend__btn:disabled{cursor:not-allowed;opacity:.5}.verify-otp-resend__timer{color:#94a3b8;font-weight:500}.verify-otp-lockout{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:1rem;text-align:center}.verify-otp-lockout__text{font-size:.875rem;font-weight:500;color:#dc2626;margin:0}.verify-otp-footer{display:flex;justify-content:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}@media (max-width: 480px){.verify-otp-container{padding:1rem}.verify-otp-card{padding:1.5rem}.verify-otp-title{font-size:1.25rem}.otp-inputs{gap:.5rem}.otp-input{width:42px;height:50px;font-size:1.25rem}}.reset-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.reset-password-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.reset-password-background__shape{position:absolute;border-radius:50%;opacity:.1}.reset-password-background__shape--1{width:400px;height:400px;background:#fff;top:-100px;right:-100px;animation:float 8s ease-in-out infinite}.reset-password-background__shape--2{width:300px;height:300px;background:#fff;bottom:-50px;left:-50px;animation:float 6s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.reset-password-card{position:relative;z-index:1;width:100%;max-width:440px;background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 25px 50px -12px #00000040}.reset-password-header{text-align:center;margin-bottom:2rem}.reset-password-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;margin-bottom:1.5rem}.reset-password-icon{width:32px;height:32px;color:#fff}.reset-password-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .75rem}.reset-password-subtitle{font-size:.9375rem;color:#64748b;margin:0;line-height:1.6}.reset-password-alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:10px;margin-bottom:1.5rem;font-size:.875rem;font-weight:500}.reset-password-alert--error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.reset-password-alert--success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.reset-password-alert__icon{width:20px;height:20px;flex-shrink:0;margin-top:1px}.reset-password-form{display:flex;flex-direction:column;gap:1.25rem}.input-wrapper{position:relative;display:block}.input-icon{position:absolute;left:1rem;width:20px;height:20px;color:#9ca3af;pointer-events:none}.form-input{width:100%;padding:.875rem 1rem .875rem 3rem;font-size:.9375rem;color:#1e293b;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;transition:all .2s ease;outline:none}.form-input--with-toggle{padding-right:56px}.form-input--no-icon{padding-left:1rem}.form-input:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.7}.form-input::placeholder{color:#94a3b8}.form-error{font-size:.8125rem;color:#dc2626;margin-top:.25rem}.password-toggle{position:absolute;right:0;top:0;bottom:0;width:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:color .2s ease,background .2s ease;z-index:2;border:none;border-left:1px solid #e5e7eb;background:#f3f4f6;border-radius:0 8px 8px 0;padding:0;outline:none}.password-toggle:focus-visible{outline:2px solid #667eea;outline-offset:-2px}.password-toggle:hover{color:#374151;background:#e5e7eb}.password-toggle svg{width:20px;height:20px}.password-requirements{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1rem}.password-requirements__title{font-size:.8125rem;font-weight:600;color:#64748b;margin:0 0 .75rem}.password-requirements__list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.password-requirements__list li{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#94a3b8;transition:color .2s ease}.password-requirements__list li.met{color:#16a34a}.check-icon{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.password-requirements__list li.met .check-icon{background:#16a34a;border-color:#16a34a}.password-requirements__list li.met .check-icon:after{content:"";width:6px;height:6px;background:#fff;border-radius:50%}.btn-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d;margin-top:.5rem}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{cursor:not-allowed;opacity:.7}.btn-submit--loading{cursor:wait}.btn-spinner{width:20px;height:20px;animation:spin 1s linear infinite}.btn-spinner__circle{stroke-dasharray:60;stroke-dashoffset:45;stroke-linecap:round}.reset-password-footer{display:flex;justify-content:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.link-text{display:inline-flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:color .2s ease}.link-text--secondary{color:#64748b}.link-text--secondary:hover{color:#667eea}.link-icon{width:18px;height:18px}@media (max-width: 480px){.reset-password-container{padding:1rem}.reset-password-card{padding:1.5rem}.reset-password-title{font-size:1.25rem}}.table-container{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.table__head{background:#f8fafc}.table__th{padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0;white-space:nowrap}.table__body .table__row{border-bottom:1px solid #f1f5f9;transition:background .15s ease}.table__body .table__row:last-child{border-bottom:none}.table__body .table__row:hover{background:#f8fafc}.table__row--clickable{cursor:pointer}.table__td{padding:1rem 1.5rem;font-size:.875rem;color:#1e293b;vertical-align:middle}.table__empty{padding:3rem 1.5rem;text-align:center;color:#64748b;font-size:.9375rem}.table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:#64748b;background:#fff;border-radius:12px;border:1px solid #e2e8f0}.table-loading__spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.pagination{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0}.pagination__info{font-size:.875rem;color:#64748b}.pagination__controls{display:flex;align-items:center;gap:.75rem}.pagination__btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s ease}.pagination__btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.pagination__btn svg{width:18px;height:18px}.pagination__current{font-size:.875rem;font-weight:500;color:#1e293b;padding:0 .5rem}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:20px;text-transform:uppercase}.status-badge--inactive{background:#f1f5f9;color:#64748b}.table-actions{display:flex;align-items:center;gap:.5rem}.table-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s ease}.table-action-btn:hover{background:#f1f5f9;color:#1e293b}.table-action-btn--edit:hover{color:#2563eb}.table-action-btn--delete:hover{background:#fef2f2;color:#dc2626}.table-action-btn--disabled,.table-action-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.table-action-btn--disabled:hover,.table-action-btn:disabled:hover{background:transparent;color:#64748b}.table-action-btn svg{width:18px;height:18px}@media (max-width: 768px){.table-container{overflow-x:auto}.table{min-width:600px}.table__th,.table__td{padding:.75rem 1rem}.pagination{flex-direction:column;gap:1rem;padding:1rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;display:flex;flex-direction:column;animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal--sm{width:100%;max-width:400px}.modal--md{width:100%;max-width:540px}.modal--lg{width:100%;max-width:720px}.modal--xl{width:100%;max-width:960px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0}.modal__title{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0}.modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s ease}.modal__close:hover{background:#f1f5f9;color:#1e293b}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid #e2e8f0}@media (max-width: 640px){.modal-overlay{padding:.5rem;align-items:flex-end}.modal{max-height:85vh;border-radius:12px 12px 0 0}.modal--sm,.modal--md,.modal--lg,.modal--xl{max-width:100%}}.users-page{max-width:1400px;margin:0 auto}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;color:#1e293b}.user-username{font-size:.8125rem;color:#64748b}.form-alert{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:.5rem}.form-alert--error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.form-alert button{background:none;border:none;color:inherit;font-weight:600;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .2s ease}.form-alert button:hover{background:#0000001a}.form-label .required{color:#dc2626;font-weight:600}.form-input--error{border-color:#dc2626;background:#fef2f2}.checkbox-group{display:flex;flex-wrap:wrap;gap:.75rem;padding:.5rem;border:2px solid transparent;border-radius:8px;margin:-.5rem}.checkbox-group--error{border-color:#dc2626;background:#fef2f2}.checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.checkbox-item:hover{background:#f1f5f9}.checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:#667eea}.checkbox-item span{font-size:.875rem;color:#1e293b}.user-view{display:flex;flex-direction:column;gap:1.5rem}.user-view__header{display:flex;align-items:center;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.user-view__avatar{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;flex-shrink:0}.user-view__name{flex:1}.user-view__name h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 .25rem}.user-view__name span{font-size:.9375rem;color:#64748b}.user-view__details{display:grid;gap:1rem}.detail-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:.9375rem;color:#1e293b}.role-tag{display:inline-flex;padding:.25rem .75rem;background:#dbeafe;color:#2563eb;font-size:.75rem;font-weight:600;border-radius:20px;margin-right:.5rem}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.form-row{grid-template-columns:1fr}.user-view__header{flex-wrap:wrap}}.user-detail-page{max-width:1200px;margin:0 auto}.user-detail-page .page-header{margin-bottom:2rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 0;background:none;border:none;color:#667eea;font-size:.9375rem;font-weight:500;cursor:pointer;transition:color .2s ease;margin-bottom:1rem}.back-button:hover{color:#5a67d8}.user-detail-page .page-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.user-detail-page .page-subtitle{font-size:.9375rem;color:#64748b;margin:0}.user-detail-content{display:flex;flex-direction:column;gap:1.5rem}.detail-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.card-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.user-header-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.user-header-card .card-title{color:#ffffffe6;border-bottom-color:#fff3}.user-header{display:flex;align-items:center;gap:1.5rem}.user-avatar-large{width:80px;height:80px;border-radius:20px;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:600;flex-shrink:0}.user-header-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.user-header-info h2{font-size:1.5rem;font-weight:700;margin:0}.user-header-info .username{font-size:1rem;opacity:.9}.user-header-card .status-badge{align-self:flex-start;margin-top:.25rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem}.info-item{display:flex;flex-direction:column;gap:.375rem}.info-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:.9375rem;color:#1e293b;font-weight:500}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.geography-tag{display:inline-flex;padding:.375rem .875rem;background:#e0f2fe;color:#0369a1;font-size:.8125rem;font-weight:500;border-radius:20px}.permission-code-tag{display:inline-flex;padding:.375rem .75rem;background:#f3e8ff;color:#7c3aed;font-size:.75rem;font-weight:600;border-radius:6px;font-family:Monaco,Menlo,monospace}.roles-list{display:flex;flex-direction:column;gap:1rem}.role-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1.25rem}.role-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.role-header h4{font-size:1rem;font-weight:600;color:#1e293b;margin:0}.role-code{font-size:.75rem;font-weight:600;color:#64748b;background:#e2e8f0;padding:.25rem .5rem;border-radius:4px;font-family:Monaco,Menlo,monospace}.role-description{font-size:.875rem;color:#64748b;margin:0 0 1rem;line-height:1.5}.role-permissions{display:flex;flex-direction:column;gap:.5rem}.permissions-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.permissions-list{display:flex;flex-wrap:wrap;gap:.5rem}.permission-tag{display:inline-flex;padding:.25rem .625rem;background:#dbeafe;color:#2563eb;font-size:.75rem;font-weight:500;border-radius:4px;cursor:help}.status-badge{display:inline-flex;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.025em}.status-badge--active{background:#dcfce7;color:#16a34a}.status-badge--inactive{background:#f3f4f6;color:#6b7280}.status-badge--suspended{background:#fef3c7;color:#d97706}.status-badge--locked{background:#fee2e2;color:#dc2626}.no-data{font-size:.875rem;color:#94a3b8;font-style:italic}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.loading-state p{font-size:.9375rem;color:#64748b;margin:0}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;text-align:center}.error-state svg{width:48px;height:48px;color:#dc2626}.error-state h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.error-state p{font-size:.9375rem;color:#64748b;margin:0}@media (max-width: 768px){.user-header{flex-direction:column;text-align:center}.user-header-info{align-items:center}.info-grid{grid-template-columns:1fr}.role-header{flex-direction:column;align-items:flex-start}}.roles-page{max-width:1400px;margin:0 auto}.role-info{display:flex;align-items:center;gap:.75rem}.role-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.role-icon svg{width:20px;height:20px}.role-details{display:flex;flex-direction:column}.role-name{font-weight:600;color:#1e293b}.role-code{font-size:.8125rem;color:#64748b;text-transform:uppercase}.search-input{width:100%;max-width:500px;padding:.875rem 1.25rem;font-size:.9375rem;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:1.5rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.search-input::placeholder{color:#94a3b8}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-error-alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:10px;margin-bottom:1.5rem;font-size:.875rem;font-weight:500}.form-error-alert svg{width:20px;height:20px;flex-shrink:0;margin-top:1px}.form-input--error{border-color:#dc2626!important;background:#fef2f2!important}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;max-height:400px;overflow-y:auto;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.permissions-grid--error{border-color:#dc2626;background:#fef2f2}.permission-group{display:flex;flex-direction:column;gap:.75rem}.permission-group__title{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.permission-group__items{display:flex;flex-direction:column;gap:.5rem}.role-view{display:flex;flex-direction:column;gap:1.5rem}.role-view__header{display:flex;align-items:center;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.role-view__icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.role-view__icon svg{width:28px;height:28px}.role-view__name{flex:1}.role-view__name h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 .25rem}.role-view__name span{font-size:.9375rem;color:#64748b;text-transform:uppercase}.role-view__details{display:grid;gap:1.25rem}.permissions-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.permission-tag{display:inline-flex;padding:.375rem .75rem;background:#dbeafe;color:#2563eb;font-size:.75rem;font-weight:600;border-radius:20px}.no-permissions{font-size:.875rem;color:#94a3b8;font-style:italic}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.permissions-grid{grid-template-columns:1fr}}.permissions-page{max-width:1400px;margin:0 auto}.permission-code{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8125rem;padding:.25rem .5rem;background:#f1f5f9;border-radius:4px;color:#475569}.permission-name{font-weight:500;color:#1e293b}.resource-tag{display:inline-flex;padding:.25rem .75rem;background:#f3f4f6;color:#374151;font-size:.75rem;font-weight:600;border-radius:20px;text-transform:capitalize}.action-badge{display:inline-flex;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:20px;text-transform:uppercase}.action-badge--create{background:#dcfce7;color:#16a34a}.action-badge--read{background:#dbeafe;color:#2563eb}.action-badge--update{background:#fef3c7;color:#d97706}.action-badge--delete{background:#fee2e2;color:#dc2626}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px;padding-right:2.5rem}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.page-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.page-subtitle{font-size:.9375rem;color:#64748b;margin:0}.alert{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-radius:10px;margin-bottom:1.5rem;font-size:.875rem}.alert button{background:none;border:none;color:inherit;font-weight:600;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .2s ease}.alert button:hover{background:#0000001a}.modal-form{display:flex;flex-direction:column;gap:1.25rem}.form-label{font-size:.875rem;font-weight:600;color:#374151}.form-input{padding:.75rem 1rem;font-size:.9375rem;color:#1e293b;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;transition:all .2s ease;outline:none}.form-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.delete-confirmation{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.delete-icon{width:48px;height:48px;color:#dc2626}.delete-confirmation p{font-size:.9375rem;color:#64748b;margin:0;line-height:1.6}.delete-confirmation strong{color:#1e293b}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.form-row{grid-template-columns:1fr}}.account-lockout-page{max-width:900px;margin:0 auto;padding:0 1rem}.lockout-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:2rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000d}.search-form{margin-bottom:0}.search-input-wrapper{display:flex;align-items:stretch;justify-content:space-between;gap:1.5rem;width:100%}.search-input-wrapper .form-input{flex:1;height:48px;padding:0 1rem;font-size:.9375rem;color:#1e293b;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;transition:all .2s ease;outline:none;width:100%}.search-input-wrapper .form-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-input-wrapper .form-input:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.7}.search-input-wrapper .form-input::placeholder{color:#94a3b8}.search-input-wrapper button{height:48px;padding:0 1.5rem;white-space:nowrap;flex-shrink:0;margin-left:auto}.lockout-card .alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border-radius:10px;margin-top:1.5rem;margin-bottom:0;font-size:.875rem;line-height:1.5}.alert__icon{width:20px;height:20px;flex-shrink:0;margin-top:1px}.alert--success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.lockout-status{border-top:1px solid #e2e8f0;padding-top:1.5rem;margin-top:1.5rem}.status-header{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:10px;margin-bottom:1.25rem}.status-header--locked{background:#fef2f2;border:1px solid #fecaca}.status-header--unlocked{background:#f0f9ff;border:1px solid #bae6fd}.status-indicator{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-header--locked .status-indicator{background:#dc2626;color:#fff}.status-header--unlocked .status-indicator{background:#0284c7;color:#fff}.status-indicator svg{width:26px;height:26px}.status-text{flex:1;min-width:0}.status-text h3{font-size:1.125rem;font-weight:700;margin:0 0 .25rem}.status-header--locked .status-text h3{color:#dc2626}.status-header--unlocked .status-text h3{color:#0284c7}.status-text p{font-size:.875rem;color:#64748b;margin:0;line-height:1.4}.status-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.detail-row{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:#f8fafc;border-radius:8px;border:1px solid #f1f5f9}.detail-label{font-size:.875rem;font-weight:500;color:#64748b}.detail-value{font-size:.875rem;font-weight:600;color:#1e293b;text-align:right}.attempts-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600}.attempts-badge--normal{background:#dcfce7;color:#16a34a}.attempts-badge--warning{background:#fef3c7;color:#d97706}.unlock-action{display:flex;justify-content:center;padding-top:1.25rem;border-top:1px solid #e2e8f0}.help-section{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.help-section h3{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 1.25rem}.help-content{display:flex;flex-direction:column;gap:1rem}.help-item{display:flex;gap:1rem;padding:1rem;background:#f8fafc;border-radius:10px;border:1px solid #f1f5f9}.help-icon{width:42px;height:42px;border-radius:10px;background:#dbeafe;color:#2563eb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.help-icon svg{width:20px;height:20px}.help-item-content{flex:1;min-width:0}.help-item h4{font-size:.9375rem;font-weight:600;color:#1e293b;margin:0 0 .375rem}.help-item p{font-size:.8125rem;color:#64748b;margin:0;line-height:1.6}@media (max-width: 640px){.account-lockout-page{padding:0 .5rem}.lockout-card{padding:1.25rem}.search-input-wrapper{flex-direction:column;align-items:stretch}.search-input-wrapper button{width:100%;height:48px}.status-header{flex-direction:column;text-align:center;gap:.75rem}.status-text{text-align:center}.detail-row{flex-direction:column;align-items:flex-start;gap:.375rem}.detail-value{text-align:left}.help-item{flex-direction:column;align-items:center;text-align:center}.help-section{padding:1.25rem}}.master-data-page{padding:1.5rem}.page-title{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.page-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}.page-header__actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.page-header--detail{align-items:center}.page-header__left{display:flex;align-items:center;gap:1rem}.page-header__title-wrapper{position:relative;display:flex;align-items:center}.page-title--detail{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937;cursor:default}.page-title__tooltip{position:absolute;left:0;top:100%;margin-top:8px;padding:8px 12px;background-color:#1f2937;color:#fff;font-size:.75rem;font-weight:400;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:100;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.page-title__tooltip:before{content:"";position:absolute;top:-6px;left:20px;border-width:0 6px 6px 6px;border-style:solid;border-color:transparent transparent #1f2937 transparent}.page-header__title-wrapper:hover .page-title__tooltip{opacity:1;visibility:visible}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;transition:all .2s ease}.back-button:hover{background-color:#e5e7eb;color:#1f2937}.back-button svg{width:20px;height:20px}.category-search{display:flex;align-items:center;position:relative;min-width:280px;background-color:#f3f4f6;border-radius:8px;padding:2px}.category-search__icon{position:absolute;left:14px;width:18px;height:18px;color:#6b7280;pointer-events:none}.category-search__input{width:100%;padding:.75rem 2.5rem .75rem 2.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;color:#1f2937;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.category-search__input::placeholder{color:#9ca3af}.category-search__input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26;background-color:#fff}.category-search__clear{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:4px;transition:color .2s ease,background-color .2s ease}.category-search__clear:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.category-search__clear svg{width:14px;height:14px}.filter-section{display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.filter-group{display:flex;align-items:center;gap:.75rem}.filter-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.filter-select{padding:.5rem 2rem .5rem .75rem;font-size:.875rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;min-width:180px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.filter-info{font-size:.875rem;color:var(--text-secondary)}.filter-info strong{color:var(--text-primary)}.code-badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:500;font-family:monospace;background:var(--bg-tertiary);color:var(--text-primary);border-radius:4px}.status-badge{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:9999px;text-transform:capitalize}.status-badge--active{background:#10b9811a;color:#059669}.status-badge--inactive{background:#ef44441a;color:#dc2626}.table-actions{display:flex;gap:.5rem}.table-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s}.table-action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.table-action-btn--edit:hover{background:#2563eb1a;color:#2563eb}.table-action-btn--delete:hover{background:#ef44441a;color:#dc2626}.modal-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-input{padding:.625rem .75rem;font-size:.875rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.form-input:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.form-textarea{resize:vertical;min-height:80px;font-family:monospace}.form-hint{font-size:.75rem;color:var(--text-tertiary);margin-top:.25rem}.required{color:#dc2626;font-weight:600}.form-input--error{border-color:#dc2626;background-color:#fef2f2}.form-input--error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-error-message svg{width:18px;height:18px;flex-shrink:0}.delete-confirmation{text-align:center;padding:1rem}.delete-icon{width:48px;height:48px;color:#dc2626;margin-bottom:1rem}.delete-confirmation p{color:var(--text-secondary);margin:0}.delete-confirmation strong{color:var(--text-primary)}.bulk-upload-form{display:flex;flex-direction:column;gap:1.25rem}.radio-group{display:flex;flex-direction:column;gap:.5rem}.radio-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--text-primary)}.radio-item input[type=radio]{width:16px;height:16px;cursor:pointer}.file-upload{position:relative}.file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.file-label{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;border:2px dashed var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s}.file-label:hover{border-color:var(--primary-color);background:#2563eb0d;color:var(--primary-color)}.file-label svg{width:24px;height:24px}.file-input:focus+.file-label{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.upload-info{background:var(--bg-secondary);border-radius:8px;padding:1rem}.upload-info h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.upload-info__description{margin:0 0 .75rem;font-size:.8125rem;color:var(--text-secondary)}.upload-info ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.upload-info li{font-size:.8125rem;color:var(--text-secondary)}.upload-info li strong{color:var(--text-primary);font-family:monospace;background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:4px}.upload-result{display:flex;flex-direction:column;gap:1.25rem}.upload-result__summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem;border-radius:8px}.upload-result__summary--success{background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.upload-result__summary--warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2)}.upload-result__stat{display:flex;flex-direction:column;align-items:center;text-align:center}.upload-result__stat-value{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.upload-result__stat--success .upload-result__stat-value{color:#059669}.upload-result__stat--error .upload-result__stat-value{color:#dc2626}.upload-result__stat-label{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.upload-result__errors h4{font-size:.875rem;font-weight:600;color:#dc2626;margin:0 0 .75rem}.error-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.error-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ef44440d;border:1px solid rgba(239,68,68,.1);border-radius:6px;font-size:.8125rem}.error-row{font-weight:600;color:#dc2626;white-space:nowrap}.error-field{font-family:monospace;background:#ef44441a;padding:.125rem .375rem;border-radius:4px;color:#dc2626;white-space:nowrap}.error-message{color:var(--text-secondary);flex:1}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:0;margin-bottom:.75rem;background:none;border:none;color:var(--primary-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:color .2s}.back-button:hover{color:var(--primary-hover)}.data-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.data-type-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s ease}.data-type-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.data-type-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#2563eb1a;border-radius:10px;color:var(--primary-color);flex-shrink:0}.data-type-card__icon svg{width:24px;height:24px}.data-type-card__content{flex:1;min-width:0}.data-type-card__title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.data-type-card__description{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-type-card__meta{display:flex;align-items:center;gap:12px;margin-top:8px}.data-type-card__count{font-size:.75rem;color:var(--text-tertiary)}.data-type-card__status{font-size:.6875rem;font-weight:500;padding:2px 8px;border-radius:10px;text-transform:uppercase}.data-type-card__status--active{background-color:var(--success-bg, #d1fae5);color:var(--success-color, #059669)}.data-type-card__status--inactive{background-color:var(--danger-bg, #fee2e2);color:var(--danger-color, #dc2626)}.data-type-card__arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-tertiary);flex-shrink:0;transition:color .2s,transform .2s}.data-type-card__arrow svg{width:20px;height:20px}.data-type-card:hover .data-type-card__arrow{color:var(--primary-color);transform:translate(4px)}.data-type-card__delete{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;transition:all .2s ease;opacity:0}.data-type-card__delete svg{width:18px;height:18px}.data-type-card:hover .data-type-card__delete{opacity:1}.data-type-card__delete:hover{background:#ef44441a;color:#dc2626}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-container p{margin:1rem 0 0;color:var(--text-secondary);font-size:.875rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--bg-secondary);border-radius:10px;border:1px dashed var(--border-color)}.empty-state__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--bg-tertiary);border-radius:50%;color:var(--text-tertiary);margin-bottom:1rem}.empty-state__icon svg{width:32px;height:32px}.empty-state__title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.empty-state__description{font-size:.875rem;color:var(--text-secondary);margin:0;max-width:400px}@media (max-width: 768px){.page-header{flex-direction:column}.page-header__actions{width:100%}.page-header__actions button{flex:1}.filter-section,.filter-group{flex-direction:column;align-items:stretch}.filter-select{width:100%}.form-row,.upload-result__summary,.data-types-grid{grid-template-columns:1fr}.data-type-card__description{white-space:normal}}.case-upload-page{padding:var(--spacing-md)}.case-upload-page__header{margin-bottom:var(--spacing-md)}.case-upload-page__title{font-size:1.5rem;font-weight:600;color:var(--color-gray-900);margin:0}.case-upload-page__subtitle{font-size:.8125rem;color:var(--color-gray-500);margin-top:4px}.case-upload-page__content{display:grid;grid-template-columns:1fr 280px;gap:var(--spacing-md)}.upload-section{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);padding:var(--spacing-md)}.drop-zone{border:2px dashed var(--color-gray-300);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;cursor:pointer;transition:all .2s;min-height:140px;display:flex;align-items:center;justify-content:center}.drop-zone:hover{border-color:var(--color-primary);background:#3b82f605}.drop-zone--active{border-color:var(--color-primary);background:#3b82f60d}.drop-zone--has-file{border-style:solid;border-color:var(--color-success);background:#22c55e05}.drop-zone__input{display:none}.drop-zone__placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.drop-zone__icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-gray-100);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-xs)}.drop-zone__icon svg{width:24px;height:24px;color:var(--color-gray-400)}.drop-zone__text{font-size:.875rem;color:var(--color-gray-600)}.drop-zone__text-primary{color:var(--color-primary);font-weight:500}.drop-zone__text-secondary{font-size:.75rem;color:var(--color-gray-400)}.drop-zone__file{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-gray-50);border-radius:var(--radius-md);width:100%;max-width:350px}.drop-zone__file-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-white);display:flex;align-items:center;justify-content:center;flex-shrink:0}.drop-zone__file-icon svg{width:20px;height:20px;color:var(--color-success)}.drop-zone__file-info{flex:1;text-align:left;min-width:0}.drop-zone__file-name{font-weight:500;font-size:.875rem;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drop-zone__file-size{font-size:.75rem;color:var(--color-gray-500)}.drop-zone__file-remove{width:28px;height:28px;border-radius:var(--radius-md);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);flex-shrink:0}.drop-zone__file-remove:hover{background:var(--color-gray-200);color:var(--color-gray-600)}.drop-zone__file-remove svg{width:16px;height:16px}.upload-actions{display:flex;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.validation-result{padding:var(--spacing-sm)}.validation-result__status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9375rem;font-weight:600;margin-bottom:var(--spacing-xs)}.validation-result__status svg{width:18px;height:18px}.validation-result__status--valid{color:var(--color-success)}.validation-result__status--invalid{color:var(--color-warning)}.validation-result__message{color:var(--color-gray-600);font-size:.8125rem;margin-bottom:var(--spacing-sm)}.validation-result__section{margin-bottom:var(--spacing-sm)}.validation-result__section-title{font-size:.75rem;font-weight:600;color:var(--color-gray-700);margin-bottom:4px}.validation-result__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.validation-result__tag{display:inline-block;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-family:var(--font-mono);background:var(--color-gray-100);color:var(--color-gray-700)}.validation-result__tag--error{background:#ef44441a;color:var(--color-danger)}.validation-result__tag--warning{background:#f973161a;color:var(--color-warning)}.validation-result__suggestions{display:flex;flex-direction:column;gap:var(--spacing-xs)}.validation-result__suggestion{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px var(--spacing-sm);background:var(--color-gray-50);border-radius:var(--radius-sm);font-size:.8125rem}.validation-result__suggestion svg{width:16px;height:16px;color:var(--color-gray-400)}.validation-result__suggestion-from{font-family:var(--font-mono);color:var(--color-danger)}.validation-result__suggestion-to{font-family:var(--font-mono);color:var(--color-success)}.validation-result__suggestion-score{color:var(--color-gray-400);font-size:.75rem}.upload-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);min-height:200px}.upload-progress__spinner{margin-bottom:var(--spacing-md)}.spinner--lg{width:40px;height:40px;border-width:3px}.upload-progress__text{font-size:1rem;font-weight:500;color:var(--color-gray-900)}.upload-progress__subtext{font-size:.8125rem;color:var(--color-gray-500);margin-top:var(--spacing-xs)}.upload-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-md)}.upload-success__icon{width:48px;height:48px;border-radius:50%;background:#22c55e1a;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-sm)}.upload-success__icon svg{width:24px;height:24px;color:var(--color-success)}.upload-success__title{font-size:1.25rem;font-weight:600;color:var(--color-gray-900);margin:0 0 var(--spacing-xs)}.upload-success__message{color:var(--color-gray-600);font-size:.875rem;margin-bottom:var(--spacing-sm)}.upload-success__info{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--spacing-md)}.upload-success__info-row{display:flex;align-items:center;gap:6px;font-size:.875rem}.upload-success__info-label{color:var(--color-gray-500)}.upload-success__info-value{font-weight:600;color:var(--color-gray-900);font-family:var(--font-mono)}.upload-error{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-md)}.upload-error__icon{width:48px;height:48px;border-radius:50%;background:#ef44441a;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-sm)}.upload-error__icon svg{width:24px;height:24px;color:var(--color-danger)}.upload-error__title{font-size:1.25rem;font-weight:600;color:var(--color-gray-900);margin:0 0 var(--spacing-xs)}.upload-error__message{color:var(--color-gray-600);font-size:.875rem;margin-bottom:var(--spacing-md)}.template-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.template-card{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);padding:var(--spacing-sm);text-align:center}.template-card__icon{width:36px;height:36px;border-radius:var(--radius-sm);background:#3b82f61a;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-xs)}.template-card__icon svg{width:18px;height:18px;color:var(--color-primary)}.template-card__title{font-size:.875rem;font-weight:600;color:var(--color-gray-900);margin:0 0 2px}.template-card__desc{font-size:.75rem;color:var(--color-gray-500);margin-bottom:var(--spacing-sm)}.template-card__actions{display:flex;flex-direction:column;gap:var(--spacing-xs)}.template-card__btn{padding:6px var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--color-gray-300);background:var(--color-white);color:var(--color-gray-700);font-size:.75rem;cursor:pointer;transition:all .2s}.template-card__btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.template-card__btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.template-card__btn--primary:hover{background:var(--color-primary-dark, #2563eb);color:var(--color-white)}.template-card__btn--disabled,.template-card__btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.drop-zone--disabled{opacity:.5;cursor:not-allowed;pointer-events:none;background:var(--color-gray-50)}.alert{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:.875rem}.status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.batches-section{margin-top:var(--spacing-md);background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);padding:var(--spacing-md)}.batches-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.batches-section__title{font-size:1rem;font-weight:600;color:var(--color-gray-900);margin:0}.batches-section__filters{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-select{padding:6px var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:.8125rem;color:var(--color-gray-700);background:var(--color-white);cursor:pointer;min-width:120px}.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a}.filter-info{font-size:.8125rem;color:var(--color-gray-500)}.batches-section__table{margin-bottom:var(--spacing-sm)}.batch-id{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-gray-700)}.source-label{text-transform:capitalize;font-size:.8125rem}.success-rate{font-weight:500}.table-action-btn{width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:var(--color-gray-100);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.table-action-btn:hover{background:var(--color-gray-200)}.table-action-btn svg{width:14px;height:14px;color:var(--color-gray-600)}@media (max-width: 768px){.case-upload-page__content{grid-template-columns:1fr}.template-section{order:-1}.batches-section__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.batches-section__filters{width:100%;justify-content:space-between}}.batch-detail-page{padding:var(--spacing-lg)}.batch-detail-page__loading,.batch-detail-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md);color:var(--color-gray-500)}.batch-detail-page__header{margin-bottom:var(--spacing-xl)}.batch-detail-page__header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap}.batch-detail-page__title{font-size:1.75rem;font-weight:600;color:var(--color-gray-900);margin:0}.batch-detail-page__batch-id{font-size:.875rem;font-family:var(--font-mono);color:var(--color-gray-500);margin-top:var(--spacing-xs)}.batch-detail-page__actions{display:flex;gap:var(--spacing-sm)}.batch-detail-page__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.summary-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);padding:var(--spacing-md)}.summary-card--wide{grid-column:span 2}.summary-card__label{font-size:.75rem;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.summary-card__value{font-size:1.5rem;font-weight:600;color:var(--color-gray-900)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-info{color:#0891b2}.text-primary{color:var(--color-primary)}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;text-transform:capitalize}.status-badge--danger{background:#ef44441a;color:var(--color-danger)}.batch-detail-page__tabs{display:flex;gap:var(--spacing-xs);border-bottom:1px solid var(--color-gray-200);margin-bottom:var(--spacing-lg)}.tab-button{padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-bottom:2px solid transparent;color:var(--color-gray-500);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-1px}.tab-button:hover{color:var(--color-gray-700)}.tab-button--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.batch-detail-page__content{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);padding:var(--spacing-lg)}.overview-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.progress-section{max-width:600px}.progress-bar{height:12px;background:var(--color-gray-100);border-radius:var(--radius-full);overflow:hidden;display:flex}.progress-bar__fill--success{background:var(--color-success)}.progress-bar__fill--danger{background:var(--color-danger)}.progress-legend{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-sm)}.progress-legend__item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:var(--color-gray-600)}.progress-legend__dot--success{background:var(--color-success)}.progress-legend__dot--danger{background:var(--color-danger)}.quick-errors-section{max-width:800px}.quick-errors{display:flex;flex-direction:column;gap:var(--spacing-sm)}.quick-error-item{display:grid;grid-template-columns:150px 120px 1fr;gap:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-gray-50);border-radius:var(--radius-md);font-size:.875rem}.quick-error-item__case{font-family:var(--font-mono);color:var(--color-gray-700)}.quick-error-item__type{color:var(--color-danger);font-weight:500}.quick-error-item__message{color:var(--color-gray-600)}.view-all-button{background:none;border:none;color:var(--color-primary);font-size:.875rem;cursor:pointer;padding:var(--spacing-sm);text-align:left}.view-all-button:hover{text-decoration:underline}.errors-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.case-id{font-family:var(--font-mono);font-size:.875rem;color:var(--color-gray-700)}.error-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.error-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:var(--color-danger)}.error-item svg{width:14px;height:14px;flex-shrink:0}@media (max-width: 768px){.batch-detail-page{padding:var(--spacing-md)}.batch-detail-page__header-content{flex-direction:column;align-items:stretch}.batch-detail-page__actions{flex-direction:column}.summary-card--wide{grid-column:span 1}.quick-error-item{grid-template-columns:1fr;gap:var(--spacing-xs)}}.unallocated-page{padding:var(--spacing-lg)}.unallocated-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-md);flex-wrap:wrap}.unallocated-page__title{font-size:1.75rem;font-weight:600;color:var(--color-gray-900);margin:0}.unallocated-page__subtitle{font-size:.875rem;color:var(--color-gray-500);margin-top:var(--spacing-xs)}.unallocated-page__stats{display:flex;gap:var(--spacing-md)}.stat-chip{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.stat-chip__value{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.stat-chip__label{font-size:.75rem;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px}.unallocated-page__table{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);overflow:hidden;margin-bottom:var(--spacing-lg)}@media (max-width: 1024px){.unallocated-page__table{overflow-x:auto}}@media (max-width: 768px){.unallocated-page{padding:var(--spacing-md)}.unallocated-page__header{flex-direction:column;align-items:stretch}}.unallocated-detail-page{padding:1.5rem;max-width:1200px;margin:0 auto}.unallocated-detail-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:#64748b}.unallocated-detail-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:#64748b;text-align:center}.unallocated-detail-page__error svg{width:48px;height:48px;color:#ef4444}.unallocated-detail-page__error p{font-size:1rem;margin:0}.unallocated-detail-page__header{margin-bottom:1.5rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 0;background:none;border:none;color:#6366f1;cursor:pointer;font-size:.875rem;font-weight:500;margin-bottom:1rem;transition:color .15s}.back-button:hover{color:#4f46e5}.unallocated-detail-page__header-content{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.unallocated-detail-page__title{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.unallocated-detail-page__subtitle{font-size:.875rem;color:#64748b;margin:.25rem 0 0}.status-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge--primary{background:#e0e7ff;color:#4f46e5}.status-badge--success{background:#dcfce7;color:#16a34a}.status-badge--default{background:#f1f5f9;color:#64748b}.unallocated-detail-page__content{display:flex;flex-direction:column;gap:1.5rem}.detail-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.detail-card__header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.detail-card__header svg{width:20px;height:20px;color:#6366f1}.detail-card__header h2{font-size:1rem;font-weight:600;color:#1e293b;margin:0}.detail-card__body{padding:1.25rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.detail-item{display:flex;flex-direction:column;gap:.375rem}.detail-item__label{font-size:.75rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.025em}.detail-item__value{font-size:.9375rem;color:#1e293b;font-weight:500}.detail-item__value.highlight{color:#6366f1;font-weight:600}.detail-item__value.currency{color:#16a34a;font-weight:600}.detail-item__value.dpd{color:#dc2626;font-weight:600}.bucket-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-weight:600}.bucket-badge--danger{background:#fee2e2;color:#dc2626}.bucket-badge--warning{background:#fef3c7;color:#d97706}.bucket-badge--info{background:#dbeafe;color:#2563eb}.bucket-badge--default{background:#f1f5f9;color:#64748b}.alert{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border-radius:8px;margin-bottom:1rem}.alert--error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.alert button{background:none;border:none;color:inherit;cursor:pointer;font-size:.875rem;font-weight:500;opacity:.7;transition:opacity .15s}.alert button:hover{opacity:1}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.btn-primary:hover{background:#4f46e5}.spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.unallocated-detail-page{padding:1rem}.unallocated-detail-page__header-content{flex-direction:column;align-items:flex-start}.detail-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.detail-grid{grid-template-columns:1fr}}.case-search-page{padding:var(--spacing-lg)}.case-search-page__header{margin-bottom:var(--spacing-lg)}.case-search-page__title{font-size:1.75rem;font-weight:600;color:var(--color-gray-900);margin:0}.case-search-page__subtitle{font-size:.875rem;color:var(--color-gray-500);margin-top:var(--spacing-xs)}.search-form{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.search-form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.form-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-gray-900);background:var(--color-white)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a}.form-input::placeholder{color:var(--color-gray-400)}.search-form__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.search-results{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);overflow:hidden}.search-results__header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-gray-100)}.search-results__title{font-size:1rem;font-weight:600;color:var(--color-gray-900);margin:0}.search-results__count{font-weight:400;color:var(--color-gray-500);margin-left:var(--spacing-sm)}.case-info{display:flex;flex-direction:column;gap:2px}.case-number{font-weight:500;color:var(--color-gray-900)}.external-case-id{font-size:.75rem;color:var(--color-gray-500);font-family:var(--font-mono)}.customer-info{display:flex;flex-direction:column;gap:2px}.customer-name{font-weight:500;color:var(--color-gray-900)}.customer-mobile{font-size:.75rem;color:var(--color-gray-500)}.loan-account{font-family:var(--font-mono);font-size:.875rem;color:var(--color-gray-700)}.outstanding-amount{font-weight:600;color:var(--color-gray-900)}.dpd-value{font-weight:500;color:var(--color-gray-700)}.allocated-to{font-size:.875rem;color:var(--color-gray-600)}.status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge--success{background:#22c55e1a;color:var(--color-success)}.status-badge--info{background:#3b82f61a;color:var(--color-primary)}.status-badge--warning{background:#f973161a;color:var(--color-warning)}.status-badge--primary{background:#8b5cf61a;color:#8b5cf6}.status-badge--default{background:var(--color-gray-100);color:var(--color-gray-600)}.bucket-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.bucket-badge--default{background:var(--color-gray-100);color:var(--color-gray-600)}.bucket-badge--info{background:#3b82f61a;color:var(--color-primary)}.bucket-badge--warning{background:#f973161a;color:var(--color-warning)}.bucket-badge--danger{background:#ef44441a;color:var(--color-danger)}.table-actions{display:flex;gap:var(--spacing-xs)}.table-action-btn{width:32px;height:32px;border-radius:var(--radius-md);border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);transition:all .2s}.table-action-btn:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.table-action-btn svg{width:16px;height:16px}@media (max-width: 1024px){.search-results__table{overflow-x:auto}}@media (max-width: 768px){.case-search-page{padding:var(--spacing-md)}.search-form__grid{grid-template-columns:1fr}.search-form__actions{flex-direction:column}}.case-detail-page{padding:var(--spacing-lg);max-width:1000px}.case-detail-page__loading,.case-detail-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md);color:var(--color-gray-500)}.spinner{width:40px;height:40px;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.case-detail-page__header{margin-bottom:var(--spacing-xl)}.back-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--color-gray-600);font-size:.875rem;cursor:pointer;padding:0;margin-bottom:var(--spacing-md)}.back-button:hover{color:var(--color-primary)}.case-detail-page__title{font-size:1.75rem;font-weight:600;color:var(--color-gray-900);margin:0}.case-detail-page__subtitle{font-size:.875rem;color:var(--color-gray-500);margin-top:var(--spacing-xs)}.case-detail-page__content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.section-title{font-size:1rem;font-weight:600;color:var(--color-gray-900);margin:0 0 var(--spacing-md)}.case-detail-page__summary{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);padding:var(--spacing-lg)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md)}.summary-item{text-align:center;padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.summary-item__value{font-size:1.5rem;font-weight:700;color:var(--color-gray-900)}.summary-item__label{font-size:.75rem;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--spacing-xs)}.summary-footer{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-100)}.summary-footer__label{font-size:.875rem;color:var(--color-gray-500)}.summary-footer__value{font-size:.875rem;font-weight:500;color:var(--color-gray-900)}.summary-footer__badge{padding:2px 8px;background:#3b82f61a;color:var(--color-primary);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.case-detail-page__timeline{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);padding:var(--spacing-lg)}.timeline-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-gray-400)}.timeline{display:flex;flex-direction:column}.timeline-event{display:flex;gap:var(--spacing-md);padding-bottom:var(--spacing-lg)}.timeline-event:last-child{padding-bottom:0}.timeline-event:last-child .timeline-event__line{display:none}.timeline-event__marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-event__icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);color:var(--color-gray-500);flex-shrink:0}.timeline-event__icon svg{width:18px;height:18px}.timeline-event__line{width:2px;flex:1;background:var(--color-gray-200);margin-top:var(--spacing-xs)}.timeline-event--blue .timeline-event__icon{background:#3b82f61a;color:var(--color-primary)}.timeline-event--green .timeline-event__icon{background:#22c55e1a;color:var(--color-success)}.timeline-event--red .timeline-event__icon{background:#ef44441a;color:var(--color-danger)}.timeline-event--orange .timeline-event__icon{background:#f973161a;color:var(--color-warning)}.timeline-event--gray .timeline-event__icon{background:var(--color-gray-100);color:var(--color-gray-500)}.timeline-event__content{flex:1;min-width:0}.timeline-event__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.timeline-event__title{font-weight:600;color:var(--color-gray-900)}.timeline-event__time{font-size:.75rem;color:var(--color-gray-400);white-space:nowrap}.timeline-event__description{font-size:.875rem;color:var(--color-gray-600);margin:0 0 var(--spacing-sm)}.timeline-event__meta{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.timeline-event__meta-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:var(--color-gray-500)}.timeline-event__meta-item svg{width:14px;height:14px}.timeline-event__details{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.timeline-event__badge{padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;background:var(--color-gray-100);color:var(--color-gray-600)}.timeline-event__badge--disposition{background:#8b5cf61a;color:#8b5cf6}.timeline-event__badge--success{background:#22c55e1a;color:var(--color-success)}.timeline-event__badge--danger{background:#ef44441a;color:var(--color-danger)}.timeline-event__badge--warning{background:#f973161a;color:var(--color-warning)}.timeline-event__duration{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:var(--color-gray-500)}.timeline-event__duration svg{width:14px;height:14px}.alert{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.alert--error{background:#ef44441a;color:var(--color-danger);border:1px solid rgba(239,68,68,.2)}.alert button{background:none;border:none;color:inherit;cursor:pointer;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}@media (max-width: 768px){.case-detail-page{padding:var(--spacing-md)}.summary-grid{grid-template-columns:repeat(3,1fr)}.timeline-event__header{flex-direction:column;gap:var(--spacing-xs)}}.wizard-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.wizard-container{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.wizard-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e2e8f0}.wizard-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.wizard-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:#64748b;cursor:pointer;transition:all .2s}.wizard-close:hover{background:#f1f5f9;color:#1e293b}.wizard-stepper{display:flex;align-items:center;justify-content:center;padding:1.5rem 2rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.wizard-step{display:flex;align-items:center;gap:.5rem}.wizard-step__number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;background:#e2e8f0;color:#64748b;transition:all .3s}.wizard-step--active .wizard-step__number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.wizard-step--completed .wizard-step__number{background:#16a34a;color:#fff}.wizard-step__label{font-size:.875rem;font-weight:500;color:#64748b;transition:color .3s}.wizard-step--active .wizard-step__label{color:#1e293b;font-weight:600}.wizard-step--completed .wizard-step__label{color:#16a34a}.wizard-step__connector{width:48px;height:2px;background:#e2e8f0;margin:0 1rem;transition:background .3s}.wizard-step--completed+.wizard-step__connector,.wizard-step--completed~.wizard-step__connector{background:#16a34a}.wizard-content{flex:1;overflow-y:auto;padding:2rem}.wizard-step-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.wizard-step-description{font-size:.875rem;color:#64748b;margin:0 0 1.5rem}.wizard-form-group{margin-bottom:1.5rem}.wizard-label{display:block;font-size:.875rem;font-weight:500;color:#1e293b;margin-bottom:.5rem}.wizard-label--required:after{content:" *";color:#dc2626}.wizard-input{width:100%;padding:.75rem 1rem;font-size:.9375rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#1e293b;transition:all .2s}.wizard-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.wizard-input::placeholder{color:#94a3b8}.wizard-textarea{resize:vertical;min-height:100px}.wizard-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.wizard-error{font-size:.8125rem;color:#dc2626;margin-top:.375rem}.wizard-error--filters{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;margin-top:1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:.875rem;font-weight:500}.wizard-error--filters:before{content:"";display:inline-block;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dc2626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4M12 16h.01'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;flex-shrink:0}.wizard-error-banner{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;margin-bottom:1.25rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;font-weight:500}.wizard-error-banner svg{width:20px;height:20px;flex-shrink:0}.wizard-error-banner span{flex:1}.wizard-error-banner__close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:4px;background:transparent;color:#dc2626;cursor:pointer;transition:background-color .2s}.wizard-error-banner__close:hover{background-color:#fee2e2}.wizard-error-banner__close svg{width:16px;height:16px}.wizard-info-box{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;font-size:.875rem;color:#1e40af}.wizard-info-box svg{width:20px;height:20px;flex-shrink:0;color:#3b82f6}.wizard-info-box--warning{background-color:#fef3c7;border-color:#fde68a;color:#92400e}.wizard-info-box--warning svg{color:#f59e0b}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.channel-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s}.channel-card:hover{border-color:#cbd5e1;background:#fff}.channel-card--selected{border-color:#667eea;background:#667eea0d}.channel-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#e2e8f0;color:#64748b;transition:all .2s}.channel-card--selected .channel-card__icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.channel-card__icon svg{width:24px;height:24px}.channel-card__label{font-size:.875rem;font-weight:500;color:#64748b;text-align:center}.channel-card--selected .channel-card__label{color:#1e293b;font-weight:600}.channel-loading{padding:1rem;text-align:center;color:#64748b;font-size:.875rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.filter-builder{background:#f8fafc;border-radius:12px;padding:1.5rem}.filter-group{margin-bottom:1rem}.filter-group__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.filter-group__logic{padding:.375rem .75rem;font-size:.75rem;font-weight:600;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#1e293b;cursor:pointer}.filter-group__logic:hover{background:#f1f5f9}.filter-conditions{display:flex;flex-direction:column;gap:.75rem}.filter-condition{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px}.filter-condition__field{flex:1}.filter-condition__operator{width:160px}.filter-condition__value{flex:1}.filter-condition select,.filter-condition input{width:100%;padding:.5rem .75rem;font-size:.875rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#1e293b}.filter-condition select:focus,.filter-condition input:focus{outline:none;border-color:#667eea}.filter-condition__remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:#94a3b8;cursor:pointer;transition:all .2s}.filter-condition__remove:hover{background:#ef44441a;color:#dc2626}.filter-condition__remove svg{width:16px;height:16px}.filter-add-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;margin-top:1rem;background:none;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;font-size:.875rem;cursor:pointer;transition:all .2s}.filter-add-btn:hover{border-color:#667eea;color:#667eea}.filter-add-btn svg{width:16px;height:16px}.filters-container{display:flex;flex-direction:column;gap:1.5rem}.filter-section{display:flex;flex-direction:column;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.filter-section__header{display:block;width:100%;padding:1rem 1.25rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.filter-section__title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:.025em}.filter-section__title svg{width:20px;height:20px;color:#667eea}.filter-section__error{display:block;margin-top:.5rem;font-size:.8125rem;font-weight:500;color:#dc2626;text-transform:none;letter-spacing:normal}.filter-section__content{display:block;width:100%;padding:1.25rem;background:#fff}.filter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.filter-field{display:flex;flex-direction:column;gap:.375rem}.filter-field-label{font-size:.8125rem;font-weight:500;color:#64748b}.filter-field-label--required:after{content:" *";color:#dc2626;font-weight:600}.wizard-input--error{border-color:#dc2626!important;background-color:#fef2f2!important}.wizard-input--error:focus{box-shadow:0 0 0 3px #dc26261a!important}.numeric-filter-row{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.75rem}.numeric-filter-fields{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.date-filter-row{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.75rem}.date-filter-fields{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.filter-remove-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:#94a3b8;cursor:pointer;transition:all .2s;flex-shrink:0;margin-top:1.5rem}.filter-remove-btn:hover{background:#ef44441a;color:#dc2626}.filter-remove-btn svg{width:18px;height:18px}@media (max-width: 600px){.filter-grid,.numeric-filter-fields,.date-filter-fields{grid-template-columns:1fr}}.frequency-options{display:flex;gap:.75rem;margin-bottom:1.5rem}.frequency-option{flex:1;display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.frequency-option:hover{border-color:#cbd5e1}.frequency-option--selected{border-color:#667eea;background:#667eea0d;color:#1e293b;font-weight:600}.frequency-details{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.day-selector{display:flex;gap:.5rem;flex-wrap:wrap}.day-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;font-size:.75rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.day-btn:hover{border-color:#cbd5e1}.day-btn--selected{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.wizard-footer{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc}.wizard-footer__left,.wizard-footer__right{display:flex;gap:.75rem}.wizard-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s}.wizard-btn--secondary{background:#fff;color:#1e293b;border:1px solid #e2e8f0}.wizard-btn--secondary:hover{background:#f8fafc;border-color:#cbd5e1}.wizard-btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;box-shadow:0 4px 12px #667eea4d}.wizard-btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.wizard-btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.wizard-btn svg{width:18px;height:18px}.wizard-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.template-select-row{display:flex;gap:.75rem;align-items:flex-start}.template-select-row .wizard-select{flex:1}.template-view-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.template-view-btn:hover{background:#e2e8f0;border-color:#cbd5e1;color:#1e293b}.template-view-btn svg{width:18px;height:18px}.template-details-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1100;padding:2rem}.template-details-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000059}.template-details-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.template-details-title{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0}.template-details-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:#64748b;cursor:pointer;transition:all .2s}.template-details-close:hover{background:#e2e8f0;color:#1e293b}.template-details-close svg{width:18px;height:18px}.template-details-content{flex:1;overflow-y:auto;padding:1.5rem}.template-details-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:#64748b}.template-details-error{text-align:center;padding:2rem;color:#dc2626;background:#fef2f2;border-radius:8px}.template-details-info{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.template-details-row{display:flex;flex-direction:column;gap:.25rem}.template-details-row--full{grid-column:1 / -1}.template-details-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.template-details-value{font-size:.9375rem;color:#1e293b;font-weight:500}.template-details-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.75rem;font-weight:600;border-radius:4px;width:fit-content}.template-details-status{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;border-radius:4px;width:fit-content}.template-details-status--active{background:#dcfce7;color:#166534}.template-details-status--inactive{background:#fee2e2;color:#991b1b}.template-details-section{margin-bottom:1.5rem}.template-details-section-title{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:#1e293b;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.template-details-section-title svg{width:18px;height:18px;color:#667eea}.template-details-content-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.template-content-subject{padding:.75rem 1rem;background:#f1f5f9;border-bottom:1px solid #e2e8f0;font-size:.875rem;color:#475569}.template-content-body{margin:0;padding:1rem;font-family:inherit;font-size:.875rem;line-height:1.6;color:#1e293b;white-space:pre-wrap;word-wrap:break-word;background:transparent}.template-variables-list{display:flex;flex-direction:column;gap:.75rem}.template-variable-item{padding:.75rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.template-variable-name{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.template-variable-name code{font-family:Monaco,Consolas,monospace;font-size:.875rem;font-weight:600;color:#667eea;background:#eff6ff;padding:.125rem .375rem;border-radius:4px}.template-variable-required{font-size:.625rem;font-weight:700;color:#dc2626;background:#fee2e2;padding:.125rem .375rem;border-radius:4px;text-transform:uppercase}.template-variable-desc{font-size:.8125rem;color:#64748b}.template-variable-default{font-size:.75rem;color:#94a3b8;margin-top:.25rem}.template-variable-default code{font-family:Monaco,Consolas,monospace;background:#f1f5f9;padding:.125rem .25rem;border-radius:3px}.template-details-meta{display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid #e2e8f0;font-size:.75rem;color:#94a3b8}.template-details-footer{display:flex;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc}.multi-select-container{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.multi-select-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;min-height:42px}.multi-select-placeholder{font-size:.875rem;color:#64748b;font-weight:500}.multi-select-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#e2e8f0;border:none;border-radius:4px;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;line-height:1}.multi-select-clear:hover{background:#cbd5e1;color:#475569}.multi-select-options{max-height:250px;overflow-y:auto;padding:0}.multi-select-options::-webkit-scrollbar{width:6px}.multi-select-options::-webkit-scrollbar-track{background:#f1f5f9}.multi-select-options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.multi-select-options::-webkit-scrollbar-thumb:hover{background:#94a3b8}.multi-select-option{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;margin:0 .5rem;border-radius:6px;cursor:pointer;transition:background-color .15s}.multi-select-option:first-of-type{margin-top:.5rem}.multi-select-option:last-of-type{margin-bottom:.5rem}.multi-select-option:hover{background:#f1f5f9}.multi-select-option input[type=checkbox]{width:16px;height:16px;accent-color:#667eea;cursor:pointer;flex-shrink:0}.multi-select-option-text{font-size:.875rem;color:#374151;line-height:1.3}.multi-select-empty{padding:1rem 1.25rem;text-align:center;color:#94a3b8;font-size:.875rem;font-style:italic}.multi-select-search{padding:.5rem;border-bottom:1px solid #e2e8f0;position:sticky;top:0;background:#fff;z-index:1}.multi-select-search-input{width:100%;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;color:#1e293b;background:#f8fafc;outline:none;transition:all .2s}.multi-select-search-input:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.multi-select-search-input::placeholder{color:#94a3b8}.multi-select-tags{display:flex;flex-wrap:wrap;gap:.375rem;padding:.5rem;border-top:1px solid #e2e8f0;background:#fff}.multi-select-tag{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.75rem;font-weight:500;border-radius:4px}.multi-select-tag-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;background:#fff3;border:none;border-radius:50%;color:#fff;font-size:10px;cursor:pointer;padding:0;line-height:1}.multi-select-tag-remove:hover{background:#ffffff4d}.pincode-input-container{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.pincode-input-row{display:flex;gap:.5rem;align-items:center;padding:.5rem;background:#f8fafc;min-height:42px}.pincode-input{flex:1;padding:.5rem .75rem;font-size:.875rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#1e293b;transition:all .2s;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;letter-spacing:.1em}.pincode-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.pincode-input::placeholder{color:#94a3b8;letter-spacing:normal;font-family:inherit;font-size:.875rem}.pincode-input--error{border-color:#ef4444}.pincode-input--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.pincode-add-btn{padding:.5rem 1rem;font-size:.8125rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s;white-space:nowrap}.pincode-add-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.pincode-add-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.pincode-error{font-size:.75rem;color:#ef4444;padding:.25rem .75rem .5rem;background:#fef2f2}.pincode-input-container .multi-select-tags{border-top:1px solid #e2e8f0}.multi-select-dropdown{position:relative;width:100%}.multi-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s;min-height:42px}.multi-select-trigger:hover{border-color:#667eea;background:#f8fafc}.multi-select-trigger:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.multi-select-trigger-text{font-size:.9375rem;color:#64748b}.multi-select-arrow{width:16px;height:16px;color:#94a3b8;transition:transform .2s;flex-shrink:0}.multi-select-arrow.open{transform:rotate(180deg)}.multi-select-dropdown-menu{position:fixed;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 20px 40px -10px #00000026,0 10px 20px -5px #0000001a;z-index:9999;min-width:200px;overflow:hidden}.multi-select-dropdown-header{padding:.75rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.multi-select-dropdown-options{max-height:240px;overflow-y:auto;padding:.5rem 0}.multi-select-dropdown-options::-webkit-scrollbar{width:6px}.multi-select-dropdown-options::-webkit-scrollbar-track{background:#f1f5f9}.multi-select-dropdown-options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.multi-select-dropdown-options::-webkit-scrollbar-thumb:hover{background:#94a3b8}.multi-select-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:all .15s;font-size:.875rem;color:#374151;border-left:3px solid transparent}.multi-select-dropdown-item:hover{background:#f1f5f9;border-left-color:#667eea}.multi-select-dropdown-item.selected{background:linear-gradient(90deg,#667eea1a,#667eea0d);color:#1e293b;font-weight:500;border-left-color:#667eea}.multi-select-checkbox{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid #cbd5e1;border-radius:5px;font-size:12px;font-weight:700;color:#667eea;flex-shrink:0;transition:all .15s;background:#fff}.multi-select-dropdown-item.selected .multi-select-checkbox{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.multi-select-empty{padding:2rem 1rem;text-align:center;color:#94a3b8;font-size:.875rem;font-style:italic}.multi-select-dropdown .multi-select-tags{margin-top:.5rem;padding:0;border:none;background:transparent}@media (max-width: 768px){.wizard-overlay{padding:1rem}.wizard-container{max-height:95vh}.wizard-stepper{flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.wizard-step__connector,.wizard-step__label{display:none}.channel-grid{grid-template-columns:repeat(2,1fr)}.filter-condition{flex-wrap:wrap}.filter-condition__field,.filter-condition__operator,.filter-condition__value{width:100%;flex:none}.frequency-options{flex-direction:column}.frequency-details,.wizard-form-row{grid-template-columns:1fr}}.rule-details-modal{display:flex;flex-direction:column;gap:1.5rem;max-height:70vh;overflow-y:auto}.rule-details-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.rule-details-header__info{flex:1}.rule-details-header__name{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 .5rem}.rule-details-header__code{font-size:.875rem;color:#6b7280;font-family:monospace;margin:0}.status-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;font-size:.75rem;font-weight:600;border-radius:.375rem;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.status-badge--draft{background-color:#fef3c7;color:#92400e}.rule-details-description{font-size:.875rem;color:#4b5563;line-height:1.5;margin:0}.rule-details-section{display:flex;flex-direction:column;gap:1rem}.rule-details-section__title{font-size:1rem;font-weight:600;color:#111827;margin:0;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.rule-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.rule-details-item{display:flex;flex-direction:column;gap:.25rem}.rule-details-item--full-width{grid-column:1 / -1}.rule-details-item__label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.rule-details-item__value{font-size:.875rem;color:#111827;font-weight:500}.rule-details-channel{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background-color:#eff6ff;color:#1e40af;border-radius:.25rem;font-weight:600;width:fit-content}.text-muted{color:#9ca3af!important}.rule-details-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid #e5e7eb;margin-top:.5rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem}.spinner{width:2rem;height:2rem;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.rule-details-error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center}.rule-details-error p{color:#6b7280;margin:0}@media (max-width: 768px){.rule-details-grid{grid-template-columns:1fr}.rule-details-header{flex-direction:column}.rule-details-header__name{font-size:1.25rem}}.strategy-engine-page{padding:1.5rem;max-width:1400px;margin:0 auto}.strategy-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.strategy-header__content{flex:1}.strategy-title{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.strategy-subtitle{font-size:.9375rem;color:#64748b;margin:0}.strategy-header__actions{display:flex;gap:.75rem;flex-wrap:wrap}.strategy-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.strategy-stat-card{background:#fff;border-radius:10px;padding:1rem;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;transition:all .2s ease}.strategy-stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.strategy-stat-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.strategy-stat-card__icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.strategy-stat-card--blue .strategy-stat-card__icon{background:#dbeafe;color:#2563eb}.strategy-stat-card--green .strategy-stat-card__icon{background:#dcfce7;color:#16a34a}.strategy-stat-card--orange .strategy-stat-card__icon{background:#fed7aa;color:#ea580c}.strategy-stat-card--purple .strategy-stat-card__icon{background:#e9d5ff;color:#9333ea}.strategy-stat-card__icon svg{width:18px;height:18px}.strategy-stat-card__trend{font-size:.875rem;font-weight:600;padding:.375rem .75rem;border-radius:20px;display:flex;align-items:center;gap:.25rem}.strategy-stat-card__trend--up{background:#dcfce7;color:#16a34a}.strategy-stat-card__trend--down{background:#fee2e2;color:#dc2626}.strategy-stat-card__trend svg{width:14px;height:14px}.strategy-stat-card__body{margin-top:.25rem}.strategy-stat-card__value{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:.125rem;line-height:1.2}.strategy-stat-card__title{font-size:.8125rem;font-weight:500;color:#64748b}.rules-section{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:visible}.rules-section__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:1rem;border-radius:12px 12px 0 0;background:#fff}.rules-section__title{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0}.rules-section__controls{display:flex;align-items:center;gap:1rem}.search-box{position:relative}.search-box__input{padding:.625rem .75rem;font-size:.875rem;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#1e293b;width:360px;transition:all .2s}.search-box__input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.search-box__input::placeholder{color:#94a3b8}.rules-list{display:flex;flex-direction:column}.rules-list--empty{padding:3rem;text-align:center;color:#64748b}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.alert{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.alert--error{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.alert--success{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.alert button{background:none;border:none;color:inherit;cursor:pointer;font-size:.75rem;text-decoration:underline;padding:0}.rule-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;transition:background .2s ease}.rule-card:last-child{border-bottom:none}.rule-card:hover{background:#f8fafc}.rule-card__main{flex:1;min-width:0}.rule-card__header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.rule-card__name{font-size:1rem;font-weight:600;color:#1e293b;margin:0}.rule-card__channel{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:4px;text-transform:uppercase}.rule-card__channel--sms{background:#dbeafe;color:#2563eb}.rule-card__channel--email{background:#dcfce7;color:#16a34a}.rule-card__channel--whatsapp{background:#d1fae5;color:#059669}.rule-card__channel--ivr{background:#e9d5ff;color:#9333ea}.rule-card__channel--pushnotification{background:#fed7aa;color:#ea580c}.rule-card__channel svg{width:12px;height:12px}.rule-card__meta{display:flex;align-items:center;gap:1.5rem;font-size:.8125rem;color:#64748b}.rule-card__meta-item{display:flex;align-items:center;gap:.375rem}.rule-card__meta-item svg{width:14px;height:14px;color:#94a3b8}.rule-card__stats{display:flex;align-items:center;gap:1.5rem}.rule-card__stat{text-align:center;min-width:80px}.rule-card__stat-value{font-size:1.125rem;font-weight:700;color:#1e293b}.rule-card__stat-label{font-size:.75rem;color:#64748b}.status-toggle{position:relative;width:44px;height:24px}.status-toggle__input{opacity:0;width:0;height:0}.status-toggle__slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e2e8f0;transition:.3s;border-radius:24px}.status-toggle__slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0000001a}.status-toggle__input:checked+.status-toggle__slider{background:linear-gradient(135deg,#667eea,#764ba2)}.status-toggle__input:checked+.status-toggle__slider:before{transform:translate(20px)}.run-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;border-radius:20px;text-transform:capitalize}.run-status-badge--success{background:#dcfce7;color:#16a34a}.run-status-badge--failed{background:#fee2e2;color:#dc2626}.run-status-badge--running{background:#dbeafe;color:#2563eb}.run-status-badge--partial{background:#fef3c7;color:#d97706}.run-status-badge svg{width:12px;height:12px}.run-status-badge--running{animation:pulse 2s ease-in-out infinite}.rule-card__actions{display:flex;align-items:center;gap:.5rem}.rule-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:#64748b;cursor:pointer;transition:all .2s}.rule-action-btn:hover{background:#f1f5f9;color:#1e293b}.rule-action-btn--edit:hover{background:#2563eb1a;color:#2563eb}.rule-action-btn--logs:hover{background:#9333ea1a;color:#9333ea}.rule-action-btn--run:hover{background:#10b9811a;color:#16a34a}.rule-action-btn--delete:hover{background:#ef44441a;color:#dc2626}.rule-action-btn--simulate:hover{background:#06b6d41a;color:#0891b2}.rule-action-btn--more:hover{background:#f1f5f9;color:#1e293b}.rule-card__menu{position:relative}.rule-card__dropdown{position:fixed;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 16px #0003;min-width:120px;z-index:9999;overflow:visible}.rule-card__dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-size:.8125rem;color:#475569;background:none;border:none;cursor:pointer;transition:all .15s ease;text-align:left;white-space:nowrap}.rule-card__dropdown-item:first-child{border-radius:6px 6px 0 0}.rule-card__dropdown-item:last-child{border-radius:0 0 6px 6px}.rule-card__dropdown-item:hover{background:#f8fafc;color:#1e293b}.rule-card__dropdown-item svg{width:14px;height:14px;flex-shrink:0}.rule-card__dropdown-item--danger{color:#dc2626}.rule-card__dropdown-item--danger:hover{background:#ef44441a;color:#dc2626}.rule-card__dropdown-item--disabled,.rule-card__dropdown-item:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.rule-action-btn--disabled,.btn-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.rule-action-btn svg{width:18px;height:18px}.rule-action-btn:disabled{opacity:.5;cursor:not-allowed}.rule-action-btn--running{background:#10b9811a;color:#16a34a}.rule-action-btn__spinner{width:16px;height:16px;border:2px solid #e2e8f0;border-top-color:#16a34a;border-radius:50%;animation:spin .8s linear infinite}.view-logs-link{font-size:.875rem;color:#667eea;text-decoration:none;font-weight:500;transition:color .2s}.view-logs-link:hover{color:#5568d3;text-decoration:underline}.strategy-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #e2e8f0;padding-bottom:0}.strategy-tab{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;color:#64748b;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;margin-bottom:-1px}.strategy-tab:hover{color:#1e293b}.strategy-tab--active{color:#667eea;border-bottom-color:#667eea}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;color:#1e293b;border:1px solid #e2e8f0;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.delete-modal-content{text-align:center;padding:1rem}.delete-modal-icon{width:64px;height:64px;margin:0 auto 1rem;color:#dc2626}.delete-modal-content h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.delete-modal-content p{color:#64748b;margin:0}.delete-modal-content strong{color:#1e293b}.delete-modal-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.btn-danger{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#dc2626;color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:#b91c1c}.simulate-modal-content{padding:1rem}.simulate-summary{display:flex;justify-content:center;margin-bottom:1.5rem}.simulate-summary__stat{display:flex;flex-direction:column;align-items:center;padding:1.5rem 3rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;border:1px solid rgba(102,126,234,.2)}.simulate-summary__value{font-size:2.5rem;font-weight:700;color:#667eea;line-height:1}.simulate-summary__label{font-size:.875rem;font-weight:500;color:#64748b;margin-top:.5rem}.simulate-table-container{max-height:400px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px}.simulate-table{width:100%;border-collapse:collapse;font-size:.875rem}.simulate-table thead{position:sticky;top:0;background:#f8fafc;z-index:1}.simulate-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0}.simulate-table td{padding:.75rem 1rem;color:#1e293b;border-bottom:1px solid #f1f5f9}.simulate-table tbody tr:hover{background:#f8fafc}.simulate-table tbody tr:last-child td{border-bottom:none}.simulate-no-results{text-align:center;color:#64748b;padding:2rem;background:#f8fafc;border-radius:8px;margin:0}.simulate-modal-actions{display:flex;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}@media (max-width: 1024px){.rule-card{flex-wrap:wrap}.rule-card__stats{width:100%;margin-top:1rem;padding-top:1rem;border-top:1px solid #f1f5f9;justify-content:flex-start}.rule-card__actions{width:100%;justify-content:flex-end;margin-top:1rem}}@media (max-width: 1024px){.strategy-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.strategy-header{flex-direction:column;align-items:flex-start}.strategy-header__actions{width:100%}.strategy-header__actions .btn-primary{flex:1;justify-content:center}.rules-section__header{flex-direction:column;align-items:stretch}.rules-section__controls,.search-box__input{width:100%}.rule-card__meta{flex-wrap:wrap}}@media (max-width: 480px){.strategy-title{font-size:1.5rem}.strategy-stats-grid{grid-template-columns:1fr}.strategy-stat-card__value{font-size:1.5rem}}.execution-logs-page{padding:1.5rem;max-width:1400px;margin:0 auto}.logs-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.logs-header__content{flex:1}.logs-title{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.logs-subtitle{font-size:.9375rem;color:#64748b;margin:0}.logs-header__actions{display:flex;gap:.75rem}.logs-filters{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:1.25rem 1.5rem;margin-bottom:1.5rem}.logs-filters__row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem}.logs-search{position:relative;flex:1;min-width:250px;max-width:400px}.logs-search__icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#94a3b8;pointer-events:none}.logs-search__input{width:100%;padding:.625rem 2.5rem;font-size:.875rem;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#1e293b;transition:all .2s}.logs-search__input:focus{outline:none;background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.logs-search__input::placeholder{color:#94a3b8}.logs-search__clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:4px;background:transparent;color:#94a3b8;cursor:pointer;transition:all .2s}.logs-search__clear:hover{background:#f1f5f9;color:#64748b}.logs-search__clear svg{width:14px;height:14px}.logs-filter{display:flex;flex-direction:column;gap:.375rem}.logs-filter__label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase}.logs-filter__select,.logs-filter__date{padding:.625rem .875rem;font-size:.875rem;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#1e293b;min-width:140px;transition:all .2s;cursor:pointer}.logs-filter__select:focus,.logs-filter__date:focus{outline:none;background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.logs-filter__date{min-width:150px}.logs-clear-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;cursor:pointer;transition:all .2s;margin-left:auto}.logs-clear-btn:hover{background:#fee2e2;border-color:#fca5a5}.logs-clear-btn svg{width:14px;height:14px}.logs-filter-summary{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0;font-size:.875rem;color:#64748b}.logs-empty__clear-btn{margin-top:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#667eea;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:6px;cursor:pointer;transition:all .2s}.logs-empty__clear-btn:hover{background:#667eea26;border-color:#667eea4d}.logs-table-container{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.logs-table-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:1rem}.logs-table-title{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0}.logs-table{width:100%;border-collapse:collapse}.logs-table th{text-align:left;padding:1rem 1.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0}.logs-table td{padding:1rem 1.5rem;font-size:.875rem;color:#1e293b;border-bottom:1px solid #f1f5f9}.logs-table tr:hover td{background:#f8fafc}.logs-table tr:last-child td{border-bottom:none}.run-id{font-family:monospace;font-size:.8125rem;color:#667eea;font-weight:500}.rule-name{font-weight:500;color:#1e293b}.trigger-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:4px;text-transform:capitalize}.trigger-badge--scheduled{background:#dbeafe;color:#2563eb}.trigger-badge--manual{background:#e9d5ff;color:#9333ea}.trigger-badge svg{width:12px;height:12px}.log-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;border-radius:20px;text-transform:none}.log-status-badge--SUCCESS{background:#dcfce7;color:#16a34a}.log-status-badge--FAILED{background:#fee2e2;color:#dc2626}.log-status-badge--NO_CASES_MATCHED{background:#fef3c7;color:#d97706}.log-status-badge--RUNNING{background:#dbeafe;color:#2563eb;animation:pulse 2s ease-in-out infinite}.log-status-badge--PARTIAL{background:#e9d5ff;color:#9333ea}.log-status-badge svg{width:12px;height:12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.duration{font-family:monospace;font-size:.8125rem;color:#64748b}.log-stats{display:flex;gap:1rem}.log-stat{display:flex;flex-direction:column;align-items:center}.log-stat__value{font-size:.9375rem;font-weight:600;color:#1e293b}.log-stat__value--success{color:#16a34a}.log-stat__value--failed{color:#dc2626}.log-stat__label{font-size:.6875rem;color:#94a3b8;text-transform:uppercase}.view-details-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:#64748b;cursor:pointer;transition:all .2s}.view-details-btn:hover{background:#667eea1a;color:#667eea}.view-details-btn svg{width:18px;height:18px}.logs-empty{padding:3rem;text-align:center;color:#64748b}.logs-empty svg{width:64px;height:64px;color:#cbd5e1;margin-bottom:1rem}.logs-empty p{margin:0}.logs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.log-details{padding:1rem}.log-details__section{margin-bottom:1.5rem}.log-details__section:last-child{margin-bottom:0}.log-details__section-title{font-size:.875rem;font-weight:600;color:#1e293b;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.log-details__grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.log-details__item{display:flex;flex-direction:column;gap:.25rem}.log-details__label{font-size:.75rem;font-weight:500;color:#64748b;text-transform:uppercase}.log-details__value{font-size:.9375rem;color:#1e293b}.log-details__error{padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#dc2626;font-size:.875rem}.logs-pagination{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc}.logs-pagination__info{font-size:.875rem;color:#64748b}.logs-pagination__controls{display:flex;gap:.5rem}.pagination-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.pagination-btn svg{width:18px;height:18px}@media (max-width: 1024px){.logs-table-container{overflow-x:auto}.logs-table{min-width:800px}}@media (max-width: 768px){.logs-header{flex-direction:column;align-items:flex-start}.logs-title{font-size:1.5rem}.log-details__grid{grid-template-columns:1fr}.logs-filters__row{flex-direction:column;align-items:stretch}.logs-search{max-width:100%}.logs-filter,.logs-filter__select,.logs-filter__date{width:100%}.logs-clear-btn{width:100%;justify-content:center;margin-left:0}}.allocation-page{padding:24px;max-width:1400px;margin:0 auto}.allocation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.allocation-header__content{flex:1}.allocation-title{font-size:24px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.allocation-subtitle{font-size:14px;color:#6b7280;margin:0}.allocation-header__actions{display:flex;gap:12px}.allocation-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media (max-width: 1200px){.allocation-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.allocation-stats-grid{grid-template-columns:1fr}}.allocation-stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.allocation-stat-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.allocation-stat-card__icon svg{width:24px;height:24px}.allocation-stat-card--blue .allocation-stat-card__icon{background:#dbeafe;color:#2563eb}.allocation-stat-card--green .allocation-stat-card__icon{background:#d1fae5;color:#059669}.allocation-stat-card--red .allocation-stat-card__icon{background:#fee2e2;color:#dc2626}.allocation-stat-card--orange .allocation-stat-card__icon{background:#ffedd5;color:#ea580c}.allocation-stat-card__content{flex:1}.allocation-stat-card__value{font-size:24px;font-weight:700;color:#1a1a2e}.allocation-stat-card__label{font-size:13px;color:#6b7280;margin-top:2px}.allocation-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #e5e7eb;padding-bottom:0}.allocation-tab{padding:12px 20px;font-size:14px;font-weight:500;color:#6b7280;background:transparent;border:none;cursor:pointer;position:relative;transition:color .2s}.allocation-tab:hover{color:#1a1a2e}.allocation-tab--active{color:#2563eb}.allocation-tab--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#2563eb;border-radius:2px 2px 0 0}.allocation-content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}@media (max-width: 1024px){.allocation-content-grid{grid-template-columns:1fr}}.allocation-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.allocation-card__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.allocation-card__title{font-size:16px;font-weight:600;color:#1a1a2e;margin:0}.allocation-card__body{padding:16px 20px}.batch-list{display:flex;flex-direction:column;gap:12px}.batch-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border-radius:8px}.batch-item__info{flex:1}.batch-item__id{font-size:14px;font-weight:500;color:#1a1a2e;font-family:monospace}.batch-item__meta{display:flex;gap:12px;margin-top:4px}.batch-item__type{font-size:12px;color:#6b7280;text-transform:capitalize}.batch-item__date{font-size:12px;color:#9ca3af}.batch-item__stats{display:flex;align-items:center;gap:12px}.batch-item__count{font-size:14px;font-weight:500;color:#374151}.agent-list{display:flex;flex-direction:column;gap:16px}.agent-item{display:flex;justify-content:space-between;align-items:center;gap:16px}.agent-item__info{flex-shrink:0;min-width:120px}.agent-item__geography{font-size:12px;color:#6b7280}.agent-item__workload{flex:1}.agent-item__progress{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.agent-item__progress-bar{height:100%;border-radius:4px;transition:width .3s ease}.agent-item__progress-bar.utilization--low{background:#10b981}.agent-item__progress-bar.utilization--medium{background:#f59e0b}.agent-item__progress-bar.utilization--high{background:#ef4444}.agent-item__stats{display:flex;justify-content:space-between;margin-top:4px;font-size:12px;color:#6b7280}.utilization-label{font-weight:500}.utilization-label.utilization--low{color:#10b981}.utilization-label.utilization--medium{color:#f59e0b}.utilization-label.utilization--high{color:#ef4444}.quick-action-card__icon--red{background:#fee2e2;color:#dc2626}.quick-action-card__icon--teal{background:#ccfbf1;color:#0d9488}.upload-page{padding:24px;max-width:1200px;margin:0 auto}.upload-header{margin-bottom:24px}.upload-title{font-size:24px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.upload-subtitle{font-size:14px;color:#6b7280;margin:0}.upload-type-selector{display:flex;gap:12px;margin-bottom:24px}.upload-type-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.upload-type-btn:hover{border-color:#2563eb;color:#2563eb}.upload-type-btn--active{background:#eff6ff;border-color:#2563eb;color:#2563eb}.upload-type-btn svg{width:18px;height:18px}.upload-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-bottom:24px}.upload-card__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.upload-card__title{font-size:16px;font-weight:600;color:#1a1a2e;margin:0}.btn-download-template{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;color:#2563eb;background:#eff6ff;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.btn-download-template:hover:not(:disabled){background:#dbeafe}.btn-download-template:disabled{opacity:.6;cursor:not-allowed}.btn-download-template svg{width:16px;height:16px}.upload-card__body{padding:24px}.upload-dropzone{border:2px dashed #d1d5db;border-radius:12px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .2s;background:#fafafa}.upload-dropzone--has-file{border-style:solid;border-color:#2563eb;background:#eff6ff;padding:24px}.upload-dropzone__icon{width:64px;height:64px;margin:0 auto 16px;color:#9ca3af}.upload-dropzone__icon svg{width:100%;height:100%}.upload-dropzone__text{font-size:14px;color:#6b7280;margin:0 0 4px}.upload-dropzone__text--primary{color:#2563eb;font-weight:500}.upload-dropzone__hint{font-size:12px;color:#9ca3af;margin:0}.upload-dropzone__file{display:flex;align-items:center;gap:12px}.upload-dropzone__file>svg{width:40px;height:40px;color:#2563eb;flex-shrink:0}.upload-dropzone__file-info{flex:1;text-align:left}.upload-dropzone__file-name{display:block;font-size:14px;font-weight:500;color:#1a1a2e}.upload-dropzone__file-size{font-size:12px;color:#6b7280}.upload-dropzone__remove{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s}.upload-dropzone__remove:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.upload-dropzone__remove svg{width:16px;height:16px}.upload-actions{margin-top:24px;text-align:center}.btn-upload{min-width:200px;justify-content:center}.btn-upload svg{width:18px;height:18px}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.batch-status-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-bottom:24px}.batch-status-card__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.batch-status-card__title{font-size:16px;font-weight:600;color:#1a1a2e;margin:0}.batch-status-card__body{padding:20px}.batch-status-info{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}@media (max-width: 768px){.batch-status-info{grid-template-columns:repeat(2,1fr)}}.batch-status-item{text-align:center;padding:12px;background:#f9fafb;border-radius:8px}.batch-status-item__label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px}.batch-status-item__value{font-size:18px;font-weight:600;color:#1a1a2e;font-family:monospace}.batch-status-item__value--success{color:#059669}.batch-status-item__value--error{color:#dc2626}.batch-progress{margin-bottom:20px}.batch-progress__bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:8px}.batch-progress__fill{height:100%;background:#2563eb;border-radius:4px;transition:width .3s ease}.batch-progress__text{font-size:12px;color:#6b7280}.batch-status-actions{display:flex;gap:12px}.instructions-card{background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;padding:20px}.instructions-card__title{font-size:14px;font-weight:600;color:#92400e;margin:0 0 12px}.instructions-list{margin:0;padding-left:20px;color:#78350f;font-size:14px}.instructions-list li{margin-bottom:8px}.instructions-list li:last-child{margin-bottom:0}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;color:#fff;background:#2563eb;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.batches-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-top:24px;overflow:hidden}.batches-section__header{padding:16px 20px;border-bottom:1px solid #e5e7eb}.batches-section__title{font-size:16px;font-weight:600;color:#1a1a2e;margin:0}.batches-filters{display:flex;gap:12px;padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.filter-select{padding:8px 12px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;background:#fff;min-width:140px}.filter-input{padding:8px 12px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;background:#fff}.filter-input:focus{outline:none;border-color:#2563eb}.btn-filter{padding:8px 16px}.batches-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;background:#f9fafb;border-bottom:1px solid #e5e7eb}.batches-table td{padding:12px 16px;font-size:14px;color:#374151;border-bottom:1px solid #e5e7eb}.batches-table tbody tr:last-child td{border-bottom:none}.batch-id{font-family:monospace;font-size:13px;color:#6b7280}.btn-icon:hover{background:#e5e7eb;color:#374151}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#6b7280;gap:16px}.empty-state p{font-size:14px;margin:0}.upload-progress{text-align:center;padding:48px 24px}.upload-progress__spinner{margin-bottom:24px}.upload-progress__spinner .spinner{margin:0 auto}.upload-progress__title{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 8px}.upload-progress__text{font-size:14px;color:#6b7280;margin:0}.upload-progress__details{margin-top:24px;padding:16px;background:#f9fafb;border-radius:8px;display:inline-block;text-align:left}.upload-progress__detail{display:flex;gap:8px;margin-bottom:8px}.upload-progress__detail:last-child{margin-bottom:0}.upload-progress__label{font-size:13px;color:#6b7280;font-weight:500}.upload-progress__value{font-size:13px;color:#1a1a2e;font-family:monospace}.upload-success{text-align:center;padding:48px 24px}.upload-success__icon{width:64px;height:64px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:#d1fae5;border-radius:50%;color:#059669}.upload-success__icon svg{width:32px;height:32px}.upload-success__title{font-size:20px;font-weight:600;color:#1a1a2e;margin:0 0 8px}.upload-success__message{font-size:14px;color:#6b7280;margin:0 0 16px}.upload-success__info{display:flex;flex-direction:column;gap:4px;margin-bottom:24px}.upload-success__info-row{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px}.upload-success__info-label{color:#6b7280}.upload-success__info-value{font-weight:600;color:#1a1a2e;font-family:monospace}.upload-error{text-align:center;padding:48px 24px}.upload-error__icon{width:64px;height:64px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:#fee2e2;border-radius:50%;color:#dc2626}.upload-error__icon svg{width:32px;height:32px}.upload-error__title{font-size:20px;font-weight:600;color:#dc2626;margin:0 0 8px}.upload-error__message{font-size:14px;color:#6b7280;margin:0 0 32px}.wizard-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.wizard-modal{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.wizard-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.wizard-title{font-size:20px;font-weight:600;color:#1a1a2e;margin:0}.wizard-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#6b7280;border-radius:6px;transition:all .2s}.wizard-close:hover{background:#f3f4f6;color:#1a1a2e}.wizard-close svg{width:20px;height:20px}.wizard-stepper{display:flex;justify-content:space-between;padding:20px 24px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.wizard-step{display:flex;align-items:center;gap:8px;opacity:.5}.wizard-step--active,.wizard-step--completed{opacity:1}.wizard-step__number{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;background:#e5e7eb;color:#6b7280}.wizard-step--active .wizard-step__number{background:#2563eb;color:#fff}.wizard-step--completed .wizard-step__number{background:#059669;color:#fff}.wizard-step__number svg{width:16px;height:16px}.wizard-step__label{font-size:13px;font-weight:500;color:#374151}@media (max-width: 640px){.wizard-step__label{display:none}}.wizard-error{padding:12px 24px;background:#fee2e2;color:#dc2626;font-size:14px}.wizard-content{flex:1;overflow-y:auto;padding:24px}.wizard-step-content h3{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.wizard-step-content>p{font-size:14px;color:#6b7280;margin:0 0 24px}.form-group{margin-bottom:20px}.form-input{width:100%;padding:10px 14px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;transition:border-color .2s}.form-input--small{width:120px}.form-textarea{width:100%;padding:10px 14px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;resize:vertical;min-height:80px;transition:border-color .2s}.rule-type-options{display:flex;flex-direction:column;gap:12px}.rule-type-card{display:block;width:100%;padding:16px;text-align:left;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s}.rule-type-card:hover{border-color:#2563eb}.rule-type-card--selected{border-color:#2563eb;background:#eff6ff}.rule-type-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.rule-type-card__title{font-size:15px;font-weight:600;color:#1a1a2e}.rule-type-card__header svg{width:20px;height:20px;color:#2563eb}.rule-type-card__description{font-size:13px;color:#6b7280;margin:0}.geography-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:24px}.geography-grid--compact{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;max-height:200px;overflow-y:auto;padding:4px;margin-bottom:16px}.geography-card{position:relative;padding:14px;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.geography-card--small{padding:10px 12px}.geography-card:hover{border-color:#2563eb}.geography-card--selected{border-color:#2563eb;background:#eff6ff}.geography-card__code{display:block;font-size:14px;font-weight:600;color:#1a1a2e;margin-bottom:2px}.geography-card__name{font-size:12px;color:#6b7280}.geography-card--small .geography-card__name{font-size:13px;font-weight:500;color:#374151}.geography-card__check{position:absolute;top:8px;right:8px;width:18px;height:18px;color:#2563eb}.geography-card--small .geography-card__check{top:6px;right:6px;width:16px;height:16px}.geography-summary{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#eff6ff;border-radius:8px;margin-top:16px}.geography-summary__label{font-size:13px;font-weight:500;color:#374151}.geography-summary__item{font-size:13px;font-weight:600;color:#2563eb;background:#fff;padding:4px 10px;border-radius:4px}.bucket-options{display:flex;gap:8px;flex-wrap:wrap}.bucket-btn{padding:8px 16px;font-size:13px;font-weight:500;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;cursor:pointer;transition:all .2s}.bucket-btn:hover{border-color:#2563eb}.bucket-btn--selected{background:#2563eb;border-color:#2563eb;color:#fff}.agents-section{margin-top:20px}.agents-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.agents-section__header .form-label{margin-bottom:0}.btn-link{padding:0;font-size:13px;font-weight:500;color:#2563eb;background:none;border:none;cursor:pointer}.agents-loading,.agents-empty{padding:32px;text-align:center;color:#6b7280;font-size:14px;background:#f9fafb;border-radius:8px;margin-bottom:16px}.agent-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;max-height:300px;overflow-y:auto}.agent-card{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.agent-card:hover{border-color:#2563eb}.agent-card--selected{border-color:#2563eb;background:#eff6ff}.agent-card__main{display:flex;align-items:center;gap:12px;flex:1}.agent-card__checkbox{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.agent-card--selected .agent-card__checkbox{background:#2563eb;border-color:#2563eb}.agent-card__checkbox svg{width:14px;height:14px;color:#fff}.agent-card__info{flex:1}.agent-card__name{display:block;font-size:14px;font-weight:500;color:#1a1a2e}.agent-card__meta{font-size:12px;color:#6b7280}.agent-card__percentage{display:flex;align-items:center;gap:4px;font-size:14px;color:#374151}.percentage-input{width:60px;padding:6px 8px;font-size:14px;text-align:center;border:1px solid #d1d5db;border-radius:6px}.percentage-input:focus{outline:none;border-color:#2563eb}.percentage-total{font-size:14px;font-weight:500;color:#374151;text-align:right}.percentage-total--error{color:#dc2626}.review-section{background:#f9fafb;border-radius:12px;padding:20px}.review-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e5e7eb}.review-item:last-child{border-bottom:none}.review-item__label{font-size:14px;color:#6b7280}.review-item__value{font-size:14px;font-weight:500;color:#1a1a2e;text-align:right;max-width:60%}.wizard-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb}.geography-info{margin-top:20px;padding:16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px}.geography-info strong{display:block;font-size:14px;color:#0369a1;margin-bottom:8px}.geography-info ul{margin:0;padding-left:20px;color:#0c4a6e;font-size:13px}.geography-info li{margin-bottom:4px}.geography-info li:last-child{margin-bottom:0}.review-info{margin-top:20px;padding:16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px}.review-info strong{display:block;font-size:14px;color:#0369a1;margin-bottom:8px}.review-info p{margin:0;color:#0c4a6e;font-size:13px;line-height:1.5}.form-select{width:100%;padding:10px 14px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;transition:border-color .2s}.form-select[multiple]{min-height:150px}.form-select option{padding:8px 12px;cursor:pointer}.form-select option:checked{background:#eff6ff;color:#2563eb}.selected-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.selected-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:500;background:#eff6ff;color:#2563eb;border-radius:6px;border:1px solid #bfdbfe}.selected-tag__remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;font-size:16px;font-weight:400;line-height:1;color:#2563eb;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all .2s}.selected-tag__remove:hover{background:#dbeafe;color:#1d4ed8}.empty-master-data{padding:24px;text-align:center;color:#6b7280;font-size:14px;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px}.wizard-step-content .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:200px;color:#6b7280}.wizard-step-content .spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}.custom-dropdown{position:relative;width:100%}.custom-dropdown__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;font-size:14px;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s}.custom-dropdown__trigger:hover{border-color:#9ca3af}.custom-dropdown__trigger--open{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.custom-dropdown__placeholder{color:#374151}.custom-dropdown__trigger:not(.custom-dropdown__trigger--open) .custom-dropdown__placeholder:not(:empty){color:#374151}.custom-dropdown__arrow{width:20px;height:20px;color:#6b7280;transition:transform .2s;flex-shrink:0}.custom-dropdown__trigger--open .custom-dropdown__arrow{transform:rotate(180deg)}.custom-dropdown__menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;z-index:50;overflow:hidden}.custom-dropdown__search{padding:8px 12px;border-bottom:1px solid #e5e7eb}.custom-dropdown__search input{width:100%;padding:8px 12px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;outline:none;transition:border-color .2s}.custom-dropdown__search input:focus{border-color:#2563eb}.custom-dropdown__search input::placeholder{color:#9ca3af}.custom-dropdown__list{max-height:200px;overflow-y:auto}.custom-dropdown__item{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:14px;color:#374151;cursor:pointer;transition:background .15s}.custom-dropdown__item:hover{background:#f3f4f6}.custom-dropdown__item--selected{background:#eff6ff;color:#2563eb}.custom-dropdown__item--selected:hover{background:#dbeafe}.custom-dropdown__checkbox{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;background:#fff;flex-shrink:0;transition:all .15s}.custom-dropdown__item--selected .custom-dropdown__checkbox{background:#2563eb;border-color:#2563eb}.custom-dropdown__checkbox svg{width:14px;height:14px;color:#fff}.custom-dropdown__label{flex:1}.custom-dropdown__empty{padding:20px;text-align:center;color:#6b7280;font-size:14px}.rules-page{padding:24px;max-width:1200px;margin:0 auto}.rules-header{margin-bottom:24px}.rules-header__content{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.rules-title{font-size:24px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.rules-subtitle{font-size:14px;color:#6b7280;margin:0}.rules-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.rules-table{width:100%;border-collapse:collapse}.rules-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.rules-table th{padding:14px 20px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.rules-table th:last-child{text-align:right}.rules-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .15s}.rules-table tbody tr:last-child{border-bottom:none}.rules-table tbody tr:hover{background:#f9fafb}.rules-table td{padding:16px 20px;font-size:14px;color:#1a1a2e;vertical-align:middle}.rules-table td:last-child{text-align:right}.rule-name-link{background:none;border:none;padding:0;font-size:14px;font-weight:500;color:#2563eb;cursor:pointer;text-align:left;transition:color .15s}.rule-name-link:hover{color:#1d4ed8;text-decoration:underline}.rule-actions{display:flex;gap:8px;justify-content:flex-end}.btn-action-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:6px;cursor:pointer;transition:all .2s;border:none}.btn-action-icon svg{width:16px;height:16px}.btn-action-icon.btn-action--simulate{color:#7c3aed;background:#ede9fe}.btn-action-icon.btn-action--simulate:hover{background:#ddd6fe}.btn-action-icon.btn-action--apply{color:#059669;background:#d1fae5}.btn-action-icon.btn-action--apply:hover{background:#a7f3d0}.btn-action-icon.btn-action--edit{color:#2563eb;background:#dbeafe}.btn-action-icon.btn-action--edit:hover{background:#bfdbfe}.btn-action-icon.btn-action--delete{color:#dc2626;background:#fee2e2}.btn-action-icon.btn-action--delete:hover{background:#fecaca}.rule-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.rule-card__header{padding:20px;border-bottom:1px solid #f3f4f6}.rule-card__title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px}.rule-card__title{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.rule-card__badges{display:flex;gap:8px;flex-shrink:0}.rule-card__description{font-size:14px;color:#6b7280;margin:0}.rule-card__body{padding:20px}.rule-card__details{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-bottom:16px}.rule-detail{display:flex;flex-direction:column;gap:4px}.rule-detail__label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.rule-detail__value{font-size:14px;font-weight:500;color:#1a1a2e}.rule-card__meta{display:flex;gap:24px;font-size:12px;color:#9ca3af}.rule-card__actions{display:flex;gap:8px;padding:16px 20px;background:#f9fafb;border-top:1px solid #e5e7eb}.empty-state p{font-size:14px;color:#6b7280;margin:0 0 24px}.rule-details-page{padding:24px;max-width:1200px;margin:0 auto}.rule-details-header{margin-bottom:24px}.rule-details-header__content{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.rule-details-header__text{flex:1;min-width:300px}.rule-details-header__title-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:8px}.rule-details-title{font-size:24px;font-weight:600;color:#1a1a2e;margin:0}.rule-details-badges{display:flex;gap:8px}.rule-details-description{font-size:14px;color:#6b7280;margin:0}.rule-details-header__actions{display:flex;gap:8px;flex-wrap:wrap}.rule-details-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:24px}.rule-details-card__title{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.rule-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;margin-bottom:24px}.rule-detail-item{display:flex;flex-direction:column;gap:6px}.rule-detail-item--full{grid-column:1 / -1}.rule-detail-item__label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.rule-detail-item__value{font-size:14px;font-weight:500;color:#1a1a2e}.rule-detail-item__tags{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;color:#374151;background:#f3f4f6;border-radius:6px}.agent-allocations{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.agent-allocation{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.agent-allocation__id{font-size:13px;font-weight:500;color:#1a1a2e}.agent-allocation__percentage{font-size:12px;font-weight:600;color:#2563eb;background:#dbeafe;padding:2px 8px;border-radius:4px}.rule-details-meta{display:flex;flex-wrap:wrap;gap:24px;font-size:12px;color:#9ca3af;padding-top:16px;border-top:1px solid #e5e7eb}.error-container{text-align:center;padding:64px 24px;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.error-container svg{width:64px;height:64px;color:#dc2626;margin-bottom:16px}.error-container h3{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 8px}.error-container p{font-size:14px;color:#6b7280;margin:0 0 24px}.badge--blue{background:#dbeafe;color:#2563eb}.btn-action{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s}.btn-action--simulate{color:#7c3aed;background:#ede9fe;border:none}.btn-action--simulate:hover{background:#ddd6fe}.btn-action--apply{color:#059669;background:#d1fae5;border:none}.btn-action--apply:hover{background:#a7f3d0}.btn-action--edit{color:#2563eb;background:#dbeafe;border:none}.btn-action--edit:hover{background:#bfdbfe}.btn-action--delete{color:#dc2626;background:#fee2e2;border:none}.btn-action--delete:hover{background:#fecaca}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:200px;color:#6b7280}.delete-modal-content,.apply-modal-content{text-align:center;padding:24px}.delete-modal-icon,.apply-modal-icon{width:64px;height:64px;margin:0 auto 16px}.delete-modal-icon{color:#dc2626}.apply-modal-icon{color:#059669}.delete-modal-content h3,.apply-modal-content h3{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 8px}.delete-modal-content p,.apply-modal-content p{font-size:14px;color:#6b7280;margin:0 0 24px}.delete-modal-actions,.apply-modal-actions{display:flex;justify-content:center;gap:12px}.simulation-modal-content{padding:24px}.simulation-summary{display:flex;justify-content:center;gap:16px;margin-bottom:24px}.simulation-stat{text-align:center;padding:20px 32px;background:#eff6ff;border-radius:12px;flex:1;max-width:200px}.simulation-stat__value{display:block;font-size:32px;font-weight:700;color:#2563eb}.simulation-stat__label{font-size:13px;color:#6b7280}.simulation-modal-content h4{font-size:14px;font-weight:600;color:#1a1a2e;margin:0 0 12px}.simulation-agents{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;max-height:300px;overflow-y:auto}.simulation-agent{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border-radius:8px}.simulation-agent__info{display:flex;flex-direction:column;gap:2px}.simulation-agent__name{font-size:14px;font-weight:500;color:#1a1a2e}.simulation-agent__meta{font-size:12px;color:#6b7280}.simulation-agent__count{font-size:14px;font-weight:600;color:#2563eb;white-space:nowrap}.simulation-actions{display:flex;justify-content:flex-end;gap:12px}.rule-detail-item__info{margin-top:8px;padding:12px 16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px}.rule-detail-item__info p{margin:0;color:#0c4a6e;font-size:13px;line-height:1.5}.workload-page{padding:24px;max-width:1400px;margin:0 auto}.workload-header{margin-bottom:24px}.workload-title{font-size:24px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.workload-subtitle{font-size:14px;color:#6b7280;margin:0}.workload-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media (max-width: 1024px){.workload-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.workload-stats-grid{grid-template-columns:1fr}}.workload-stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.workload-stat-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.workload-stat-card__icon svg{width:24px;height:24px}.workload-stat-card__icon--blue{background:#dbeafe;color:#2563eb}.workload-stat-card__icon--green{background:#d1fae5;color:#059669}.workload-stat-card__icon--purple{background:#ede9fe;color:#7c3aed}.workload-stat-card__icon--red{background:#fee2e2;color:#dc2626}.workload-stat-card__value{font-size:24px;font-weight:700;color:#1a1a2e}.workload-stat-card__label{font-size:13px;color:#6b7280;margin-top:2px}.workload-filters{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.filter-group{display:flex;gap:12px}.filter-select{padding:10px 36px 10px 14px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") no-repeat right 10px center;background-size:18px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.filter-select:focus{outline:none;border-color:#2563eb}.agent-list{display:flex;flex-direction:column;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.agent-row{display:flex;align-items:center;gap:24px;padding:12px 16px;border-bottom:1px solid #f3f4f6;transition:background .2s}.agent-row:last-child{border-bottom:none}.agent-row:hover{background:#f9fafb}.agent-row__info{display:flex;align-items:center;gap:12px;min-width:200px;flex-shrink:0}.agent-row__avatar{width:36px;height:36px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.agent-row__avatar svg{width:18px;height:18px}.agent-row__details{min-width:0}.agent-row__name{font-size:14px;font-weight:600;color:#1a1a2e;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-row__geography{font-size:12px;color:#6b7280}.agent-row__progress{flex:1;min-width:150px;max-width:250px}.agent-row__progress-info{display:flex;justify-content:space-between;margin-bottom:4px;font-size:12px}.agent-row__progress-label{color:#6b7280}.agent-row__progress-value{font-weight:600;color:#1a1a2e}.agent-row__progress-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.agent-row__progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.agent-row__progress-fill.utilization--low{background:#10b981}.agent-row__progress-fill.utilization--medium{background:#f59e0b}.agent-row__progress-fill.utilization--high{background:#f97316}.agent-row__progress-fill.utilization--critical{background:#ef4444}.agent-row__stats{display:flex;gap:16px}.agent-row__stat{text-align:center;min-width:60px}.agent-row__stat-value{display:block;font-size:15px;font-weight:600;color:#1a1a2e}.agent-row__stat-label{font-size:11px;color:#6b7280}.utilization-badge{padding:4px 10px;font-size:11px;font-weight:500;border-radius:9999px;flex-shrink:0;min-width:60px;text-align:center}.utilization-badge.utilization--low{background:#d1fae5;color:#059669}.utilization-badge.utilization--medium{background:#fef3c7;color:#d97706}.utilization-badge.utilization--high{background:#ffedd5;color:#ea580c}.utilization-badge.utilization--critical{background:#fee2e2;color:#dc2626}@media (max-width: 768px){.workload-filters{flex-direction:column;align-items:stretch}.search-input-wrapper{width:100%}.filter-group{flex-wrap:wrap}.agent-row{flex-wrap:wrap;gap:12px}.agent-row__info{min-width:100%}.agent-row__progress{flex:1;min-width:120px;max-width:none}.agent-row__stats{gap:12px}.agent-row__stat{min-width:50px}}.empty-state svg{width:64px;height:64px;color:#d1d5db;margin-bottom:16px}.reallocation-page{padding:24px;max-width:800px;margin:0 auto}.reallocation-header{margin-bottom:24px}.reallocation-title{font-size:24px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.reallocation-subtitle{font-size:14px;color:#6b7280;margin:0}.method-selector{display:flex;gap:12px;margin-bottom:24px}.method-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;font-size:14px;font-weight:500;color:#6b7280;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s}.method-btn:hover{border-color:#2563eb;color:#2563eb}.method-btn--active{background:#eff6ff;border-color:#2563eb;color:#2563eb}.method-btn svg{width:24px;height:24px}.reallocation-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.reallocation-card__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.reallocation-card__header h2{font-size:16px;font-weight:600;color:#1a1a2e;margin:0}.reallocation-card__body{padding:24px}.method-description{font-size:14px;color:#6b7280;margin:0 0 24px}.upload-dropzone{border:2px dashed #d1d5db;border-radius:12px;padding:40px 24px;text-align:center;cursor:pointer;transition:all .2s;background:#fafafa;margin-bottom:20px}.upload-dropzone:hover{border-color:#2563eb;background:#f8faff}.upload-dropzone svg{width:48px;height:48px;color:#9ca3af;margin-bottom:12px}.upload-dropzone p{font-size:14px;color:#374151;margin:0 0 4px}.upload-dropzone span{font-size:12px;color:#9ca3af}.upload-dropzone__file{display:flex;align-items:center;justify-content:center;gap:12px}.upload-dropzone__file svg{width:32px;height:32px;color:#2563eb;margin-bottom:0}.upload-dropzone__file span{font-size:14px;font-weight:500;color:#1a1a2e}.batch-status{margin-top:20px;padding:16px;background:#f9fafb;border-radius:8px}.batch-status__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;color:#6b7280}.batch-status__stats{display:flex;gap:16px;font-size:14px;margin-bottom:12px}.filter-section{margin-bottom:24px}.filter-section h3{font-size:14px;font-weight:600;color:#374151;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}@media (max-width: 640px){.form-row{grid-template-columns:1fr}}.form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;transition:border-color .2s}.form-textarea{resize:vertical;min-height:60px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;color:#fff;background:#2563eb;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.btn-full{width:100%}.btn-sm{padding:8px 14px;font-size:13px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;color:#6b7280;gap:12px}.spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}.empty-state{text-align:center;padding:32px 24px;color:#6b7280}.empty-state p{margin:0;font-size:14px}.recent-batches-section{margin-top:24px}.batches-table-container{overflow-x:auto}.batches-table{width:100%;border-collapse:collapse;font-size:14px}.batches-table th,.batches-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.batches-table th{font-weight:600;color:#374151;background:#f9fafb;white-space:nowrap}.batches-table td{color:#1a1a2e}.batches-table tbody tr:hover{background:#f9fafb}.batches-table .batch-id{font-family:monospace;font-size:13px;color:#6b7280}.btn-link-batch{font-family:monospace;font-size:13px;color:#2563eb;background:none;border:none;padding:0;cursor:pointer;text-decoration:none}.btn-link-batch:hover{text-decoration:underline;color:#1d4ed8}.btn-icon--danger:hover{background:#fee2e2}.btn-icon--danger:hover svg{color:#dc2626}.method-prompt{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px;color:#6b7280}.method-prompt svg{width:48px;height:48px;color:#9ca3af;margin-bottom:16px}.method-prompt h3{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 8px}.method-prompt p{font-size:14px;color:#6b7280;margin:0 0 16px}.method-prompt ul{text-align:left;margin:0;padding:0;list-style:none}.method-prompt li{font-size:14px;color:#374151;padding:8px 0;border-bottom:1px solid #f3f4f6}.method-prompt li:last-child{border-bottom:none}.method-prompt li strong{color:#1a1a2e}.batches-page{padding:24px;max-width:1400px;margin:0 auto}.batches-header{margin-bottom:24px}.batches-title{font-size:24px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.batches-subtitle{font-size:14px;color:#6b7280;margin:0}.batches-filters{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.filter-select,.filter-input{padding:10px 14px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;background:#fff}.filter-select:focus,.filter-input:focus{outline:none;border-color:#2563eb}.batches-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.batches-table{width:100%;border-collapse:collapse}.batches-table th,.batches-table td{padding:14px 16px;text-align:left;font-size:14px}.batches-table th{background:#f9fafb;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.batches-table td{border-bottom:1px solid #f3f4f6;color:#1a1a2e}.batches-table tr:last-child td{border-bottom:none}.batches-table tr:hover{background:#f9fafb}.batch-id{font-family:monospace;font-size:13px}.text-success{color:#059669;font-weight:500}.text-danger{color:#dc2626;font-weight:500}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s}.btn-icon:hover{background:#e5e7eb;color:#2563eb}.btn-icon--danger:hover{background:#fee2e2;color:#dc2626}.badge{display:inline-flex;padding:4px 10px;font-size:11px;font-weight:500;border-radius:9999px;text-transform:uppercase}.badge--info,.badge--blue{background:#dbeafe;color:#2563eb}.badge--purple{background:#ede9fe;color:#7c3aed}.badge--green{background:#d1fae5;color:#059669}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer}.btn-secondary:hover{background:#f9fafb}.empty-state{text-align:center;padding:64px 24px;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.empty-state h3{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 8px}.loading-container{display:flex;flex-direction:column;align-items:center;gap:16px;min-height:200px;justify-content:center;color:#6b7280}.allocation-batch-detail-page{padding:24px;max-width:900px;margin:0 auto}.allocation-batch-detail-page__loading,.allocation-batch-detail-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#6b7280}.spinner-small{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}.allocation-batch-detail-page__header{margin-bottom:24px}.back-button{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:#6b7280;font-size:14px;cursor:pointer;padding:0;margin-bottom:16px}.back-button:hover{color:#2563eb}.back-button svg{width:18px;height:18px}.allocation-batch-detail-page__header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.allocation-batch-detail-page__title{font-size:24px;font-weight:600;color:#1a1a2e;margin:0}.allocation-batch-detail-page__batch-id{font-size:14px;font-family:monospace;color:#6b7280;margin-top:4px}.allocation-batch-detail-page__actions{display:flex;gap:12px}.btn-secondary--danger{color:#dc2626;border-color:#fecaca}.btn-secondary--danger:hover{background:#fef2f2;border-color:#dc2626}.allocation-batch-detail-page__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.summary-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:16px}.summary-card__label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.summary-card__value{font-size:24px;font-weight:600;color:#1a1a2e}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-size:14px;font-weight:500;text-transform:capitalize}.status-badge--success{background:#d1fae5;color:#059669}.status-badge--info{background:#dbeafe;color:#2563eb}.status-badge--danger{background:#fee2e2;color:#dc2626}.status-badge--warning{background:#fef3c7;color:#d97706}.status-badge--default{background:#f3f4f6;color:#6b7280}.allocation-batch-detail-page__content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:24px}.section-title{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 16px}.progress-section{margin-bottom:24px}.progress-bar{height:12px;background:#f3f4f6;border-radius:9999px;overflow:hidden;display:flex}.progress-bar__fill{height:100%;transition:width .3s ease}.progress-bar__fill--success{background:#059669}.progress-bar__fill--danger{background:#dc2626}.progress-legend{display:flex;gap:24px;margin-top:12px}.progress-legend__item{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.progress-legend__dot{width:10px;height:10px;border-radius:50%}.progress-legend__dot--success{background:#059669}.progress-legend__dot--danger{background:#dc2626}.processing-message,.success-message,.warning-message{display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px;font-size:14px}.processing-message{background:#dbeafe;color:#1e40af}.success-message{background:#d1fae5;color:#065f46}.success-message svg,.warning-message svg{width:20px;height:20px;flex-shrink:0}.warning-message{background:#fef3c7;color:#92400e}@media (max-width: 768px){.allocation-batch-detail-page{padding:16px}.allocation-batch-detail-page__header-content{flex-direction:column;align-items:stretch}.allocation-batch-detail-page__actions{flex-direction:column}.progress-legend{flex-direction:column;gap:8px}}.allocated-cases-page{padding:24px;max-width:1200px;margin:0 auto}.allocated-cases-page__header{margin-bottom:24px}.btn-back{display:inline-flex;align-items:center;gap:8px;padding:8px 0;font-size:14px;color:#6b7280;background:none;border:none;cursor:pointer;margin-bottom:16px}.btn-back:hover{color:#2563eb}.allocated-cases-page__header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.allocated-cases-page__title{font-size:24px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.allocated-cases-page__subtitle{font-size:14px;color:#6b7280;margin:0}.allocated-cases-page__stats{display:flex;gap:12px}.stat-chip{display:flex;flex-direction:column;align-items:center;padding:12px 20px;background:#eff6ff;border-radius:12px}.stat-chip__value{font-size:24px;font-weight:600;color:#2563eb}.stat-chip__label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.allocated-cases-page__filters{display:flex;align-items:center;gap:12px;margin-bottom:24px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#9ca3af;pointer-events:none}.search-input{width:100%;padding:10px 14px 10px 42px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;transition:border-color .2s,box-shadow .2s}.search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.allocated-cases-page__content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.cases-table{width:100%;border-collapse:collapse;font-size:14px}.cases-table th,.cases-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.cases-table th{font-weight:600;color:#374151;background:#f9fafb;white-space:nowrap}.cases-table td{color:#1a1a2e}.cases-table tbody tr:hover{background:#f9fafb}.cases-table tbody tr:last-child td{border-bottom:none}.case-id{font-family:monospace;font-size:14px;font-weight:500;color:#2563eb}.customer-name{font-weight:500;color:#1a1a2e}.agent-info{display:flex;flex-direction:column;gap:2px}.agent-name{font-weight:500;color:#1a1a2e}.agent-id{font-size:12px;color:#6b7280}.no-agent{color:#9ca3af}.allocated-at{color:#6b7280;white-space:nowrap}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.btn-icon:hover{background:#e5e7eb}.btn-icon svg{width:16px;height:16px;color:#6b7280}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.empty-state svg{width:48px;height:48px;color:#9ca3af;margin-bottom:16px}.empty-state h3{font-size:16px;font-weight:600;color:#374151;margin:0 0 8px}.empty-state p{font-size:14px;color:#6b7280;margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#6b7280}@media (max-width: 768px){.allocated-cases-page{padding:16px}.allocated-cases-page__header-content,.allocated-cases-page__filters{flex-direction:column;align-items:stretch}.search-input-wrapper{width:100%}}.template-management-page{padding:1.5rem;min-height:100vh;background-color:#f9fafb}.page-title{font-size:1.75rem;font-weight:600;color:var(--text-primary, #111827);margin:0 0 .25rem}.page-subtitle{font-size:.875rem;color:var(--text-secondary, #6b7280);margin:0}.page-header__actions{display:flex;gap:.75rem;flex-wrap:wrap}.filter-section{display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary, #ffffff);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.search-bar{width:100%;flex:1;position:relative}.search-bar input{width:100%;padding:.625rem 1rem;border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:.875rem;transition:all .2s}.search-bar input:focus{outline:none;border-color:var(--primary-color, #007aff);box-shadow:0 0 0 3px #007aff1a}.channel-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.channel-tab{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;background-color:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #6b7280)}.channel-tab.active{background-color:var(--primary-color, #007aff);color:#fff}.channel-tab__badge{margin-left:.5rem;padding:.125rem .5rem;background-color:#fff3;border-radius:9999px;font-size:.75rem}.template-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.template-table{width:100%;border-collapse:collapse}.template-table thead{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.template-table th{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.template-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .15s}.template-table tbody tr:hover{background-color:#f9fafb}.template-table td{padding:1rem 1.5rem;font-size:.875rem}.status-badge--active{background-color:#d1fae5;color:#065f46}.status-badge--inactive{background-color:#fee2e2;color:#991b1b}.template-form{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.template-form__header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.template-form__back-btn{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-color, #007aff);font-size:.875rem;background:none;border:none;cursor:pointer;padding:0;margin-bottom:1rem}.template-form__back-btn:hover{text-decoration:underline}.template-form__title{font-size:1.5rem;font-weight:600;color:var(--text-primary, #111827);margin:0}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary, #374151);margin-bottom:.5rem}.form-label__required{color:#ef4444;margin-left:.25rem}.form-input,.form-select,.form-textarea{width:100%;padding:.625rem 1rem;border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:.875rem;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color, #007aff);box-shadow:0 0 0 3px #007aff1a}.form-input--error,.form-textarea--error{border-color:#ef4444}.form-error{display:block;margin-top:.25rem;font-size:.75rem;color:#ef4444}.form-textarea{resize:none;font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.5}.char-counter{margin-top:.5rem;font-size:.75rem;color:var(--text-secondary, #6b7280)}.char-counter--error{color:#ef4444}.variable-palette{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;max-height:400px;overflow-y:auto}.variable-palette__title{font-size:.875rem;font-weight:600;color:var(--text-primary, #111827);margin:0 0 .5rem}.variable-palette__subtitle{font-size:.75rem;color:var(--text-secondary, #6b7280);margin:0 0 1rem}.variable-item{width:100%;text-align:left;padding:.75rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s;margin-bottom:.5rem}.variable-item:hover{border-color:var(--primary-color, #007aff);background-color:#eff6ff}.variable-item__key{display:block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;color:var(--primary-color, #007aff);margin-bottom:.25rem}.variable-item__example{font-size:.75rem;color:var(--text-secondary, #6b7280)}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;margin-top:1.5rem}.btn{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background-color:var(--primary-color, #007aff);color:#fff}.btn-primary:hover:not(:disabled){background-color:#0051d5}.btn-primary:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-secondary{background-color:#fff;color:var(--text-primary, #374151);border:1px solid var(--border-color, #d1d5db)}.btn-secondary:hover:not(:disabled){background-color:#f9fafb}.btn-danger{background-color:#fff;color:#dc2626;border:1px solid #dc2626}.btn-danger:hover{background-color:#fee2e2}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.action-buttons{display:flex;align-items:center;gap:.5rem}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .2s;padding:0}.action-btn svg{width:16px;height:16px}.action-btn--edit{color:#6b7280;border-color:#e5e7eb}.action-btn--edit:hover{color:#007aff;border-color:#007aff;background-color:#eff6ff}.action-btn--delete{color:#6b7280;border-color:#e5e7eb}.action-btn--delete:hover{color:#dc2626;border-color:#dc2626;background-color:#fee2e2}.action-btn--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.action-btn--disabled:hover{background-color:transparent;border-color:#e5e7eb}.btn-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.error-message{padding:1rem;background-color:#fee2e2;border:1px solid: #fecaca;border-radius:6px;color:#991b1b;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.error-message__dismiss{color:#7f1d1d;text-decoration:underline;background:none;border:none;cursor:pointer;padding:0;font-size:.875rem}.form-error-banner{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-radius:8px;margin-bottom:1.5rem;animation:slideInDown .3s ease-out}.form-error-banner>svg{flex-shrink:0;width:20px;height:20px;color:#dc2626;margin-top:1px}.form-error-banner__message{flex:1;font-size:.875rem;color:#991b1b;line-height:1.5;font-weight:500}.form-error-banner__dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:4px;background:#dc26261a;color:#dc2626;cursor:pointer;transition:all .2s}.form-error-banner__dismiss:hover{background:#dc262633}.form-error-banner__dismiss svg{width:14px;height:14px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading-state{padding:2rem;text-align:center;color:var(--text-secondary, #6b7280)}.empty-state{padding:3rem 2rem;text-align:center;color:var(--text-secondary, #6b7280)}.form-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media (max-width: 1024px){.form-grid{grid-template-columns:1fr}.channel-tabs{overflow-x:auto;flex-wrap:nowrap}.template-table-container{overflow-x:auto}}.variable-palette::-webkit-scrollbar{width:6px}.variable-palette::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.variable-palette::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.variable-palette::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.template-row--clickable{cursor:pointer}.template-row--clickable:hover{background-color:#f0f9ff!important}.action-btn--view{color:#6b7280;border-color:#e5e7eb}.action-btn--view:hover{color:#0ea5e9;border-color:#0ea5e9;background-color:#f0f9ff}.template-details-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.template-details-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.template-details-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.template-details-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.template-details-actions{display:flex;gap:.75rem}.template-details-body{padding:1.5rem}.template-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.5rem;margin-bottom:1.5rem}.template-info-card__title{display:flex;align-items:center;gap:.625rem;font-size:1rem;font-weight:600;color:#111827;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.template-info-card__title svg{color:#007aff}.template-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.template-info-item{display:flex;flex-direction:column;gap:.375rem}.template-info-item--full{grid-column:1 / -1}.template-info-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.template-info-value{font-size:.9375rem;color:#111827;font-weight:500}.template-info-value code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem;background-color:#f3f4f6;padding:.25rem .5rem;border-radius:4px;color:#1f2937}.template-content-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.template-content-subject{padding:.875rem 1rem;background:#f3f4f6;border-bottom:1px solid #e5e7eb;font-size:.875rem;color:#374151}.template-content-body{margin:0;padding:1rem;font-family:inherit;font-size:.875rem;line-height:1.7;color:#1f2937;white-space:pre-wrap;word-wrap:break-word;background:transparent;max-height:400px;overflow-y:auto}.template-variables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.template-variable-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.template-variable-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.template-variable-key{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;font-weight:600;color:#007aff;background:#eff6ff;padding:.25rem .5rem;border-radius:4px}.template-variable-required{font-size:.625rem;font-weight:700;color:#dc2626;background:#fee2e2;padding:.125rem .375rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.template-variable-description{font-size:.8125rem;color:#6b7280;margin:0 0 .5rem;line-height:1.5}.template-variable-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.template-variable-type{font-size:.6875rem;font-weight:600;color:#059669;background:#d1fae5;padding:.125rem .5rem;border-radius:4px;text-transform:uppercase}.template-variable-default{font-size:.75rem;color:#6b7280}.template-variable-default code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.6875rem;background:#e5e7eb;padding:.125rem .25rem;border-radius:3px}.template-meta-info{display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid #e5e7eb;font-size:.75rem;color:#9ca3af}@media (max-width: 768px){.template-details-header-content{flex-direction:column;align-items:flex-start}.template-info-grid,.template-variables-grid{grid-template-columns:1fr}.template-meta-info{flex-direction:column;gap:.5rem}}.repayment-page{padding:24px;max-width:1400px;margin:0 auto}.repayment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.repayment-header__content{flex:1}.repayment-title{font-size:24px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.repayment-subtitle{font-size:14px;color:#6b7280;margin:0}.repayment-header__actions{display:flex;gap:12px}.repayment-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}@media (max-width: 640px){.repayment-stats-grid{grid-template-columns:1fr}}.repayment-stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.repayment-stat-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.repayment-stat-card__icon svg{width:24px;height:24px}.repayment-stat-card--blue .repayment-stat-card__icon{background:#dbeafe;color:#2563eb}.repayment-stat-card--green .repayment-stat-card__icon{background:#d1fae5;color:#059669}.repayment-stat-card--red .repayment-stat-card__icon{background:#fee2e2;color:#dc2626}.repayment-stat-card--orange .repayment-stat-card__icon{background:#ffedd5;color:#ea580c}.repayment-stat-card--purple .repayment-stat-card__icon{background:#ede9fe;color:#7c3aed}.repayment-stat-card__content{flex:1}.repayment-stat-card__value{font-size:28px;font-weight:700;color:#1a1a2e;line-height:1}.repayment-stat-card__label{font-size:13px;color:#6b7280;margin-top:4px}.repayment-stat-card__amount{font-size:14px;font-weight:600;color:#059669;margin-top:4px}.repayment-stat-card__progress{margin-top:8px;width:100%}.repayment-stat-card__progress-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-bottom:4px}.repayment-stat-card__progress-fill{height:100%;background:linear-gradient(90deg,#059669,#10b981);border-radius:3px;transition:width .5s ease}.repayment-stat-card__progress-text{font-size:11px;color:#6b7280}.repayment-progress-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-bottom:24px}.repayment-progress-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.repayment-progress-card__title{font-size:16px;font-weight:600;color:#1a1a2e;margin:0}.repayment-progress-card__percentage{font-size:24px;font-weight:700;color:#2563eb}.repayment-progress-card__bar{height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden;margin-bottom:16px}.repayment-progress-card__fill{height:100%;background:linear-gradient(90deg,#2563eb,#059669);border-radius:6px;transition:width .5s ease}.repayment-progress-card__stats{display:flex;justify-content:space-between;gap:24px}.repayment-progress-stat{display:flex;flex-direction:column;gap:4px}.repayment-progress-stat__label{font-size:12px;color:#6b7280}.repayment-progress-stat__value{font-size:16px;font-weight:600;color:#1a1a2e}.repayment-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #e5e7eb;padding-bottom:0}.repayment-tab{padding:12px 20px;font-size:14px;font-weight:500;color:#6b7280;background:transparent;border:none;cursor:pointer;position:relative;transition:color .2s}.repayment-tab:hover{color:#1a1a2e}.repayment-tab--active{color:#2563eb}.repayment-tab--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#2563eb;border-radius:2px 2px 0 0}.repayment-content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px}@media (max-width: 1024px){.repayment-content-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.repayment-content-grid{grid-template-columns:1fr}}.repayment-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.repayment-card__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.repayment-card__title{font-size:16px;font-weight:600;color:#1a1a2e;margin:0}.repayment-card__body{padding:16px 20px}.breakdown-list{display:flex;flex-direction:column;gap:12px}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border-radius:8px}.breakdown-item--total{background:#f0f9ff;border:1px solid #bae6fd}.breakdown-item__label{font-size:14px;color:#6b7280}.breakdown-item__value{font-size:18px;font-weight:600;color:#1a1a2e}.breakdown-item__value--success{color:#059669}.breakdown-item__value--warning{color:#d97706}.breakdown-item__value--danger{color:#dc2626}.breakdown-item__value--amount{color:#059669}.breakdown-item--with-amount{flex-direction:column;align-items:stretch;gap:8px}.breakdown-item__main{display:flex;justify-content:space-between;align-items:center}.breakdown-item__count{font-size:12px;color:#9ca3af}.empty-state--small{padding:16px}.empty-state--small p{font-size:13px;margin:0}.sla-gauge{display:flex;justify-content:center;margin-bottom:16px}.sla-gauge__circle{position:relative;width:120px;height:120px}.sla-gauge__circle svg{width:100%;height:100%}.sla-gauge__bg{stroke:#e5e7eb}.sla-gauge__fill{stroke:#059669;stroke-linecap:round;transition:stroke-dasharray .5s ease}.sla-gauge__value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700;color:#1a1a2e}.sla-stats{display:flex;justify-content:space-around;text-align:center}.sla-stat{display:flex;flex-direction:column;gap:4px}.sla-stat__value{font-size:20px;font-weight:600;color:#059669}.sla-stat__value--warning{color:#d97706}.sla-stat__value--danger{color:#dc2626}.sla-stat__label{font-size:12px;color:#6b7280}.repayment-list{display:flex;flex-direction:column;gap:12px}.repayment-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border-radius:8px;cursor:pointer;transition:all .2s}.repayment-item:hover{background:#f3f4f6;box-shadow:0 2px 4px #0000000d}.repayment-item__info{flex:1}.repayment-item__number{font-size:14px;font-weight:500;color:#1a1a2e;font-family:monospace}.repayment-item__customer{font-size:13px;color:#374151;margin-top:2px}.repayment-item__meta{display:flex;gap:12px;margin-top:4px;font-size:12px;color:#9ca3af}.repayment-item__details{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.repayment-item__amount{font-size:16px;font-weight:600;color:#1a1a2e}.sla-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:11px;font-weight:500;border-radius:9999px}.sla-badge.sla--ok{background:#d1fae5;color:#059669}.sla-badge.sla--warning{background:#fef3c7;color:#d97706}.sla-badge.sla--critical{background:#fee2e2;color:#dc2626}.quick-actions{margin-top:24px}.quick-actions__title{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 16px}.quick-actions__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1024px){.quick-actions__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.quick-actions__grid{grid-template-columns:1fr}}.quick-action-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s}.quick-action-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb26;transform:translateY(-2px)}.quick-action-card__icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center}.quick-action-card__icon svg{width:28px;height:28px}.quick-action-card__icon--blue{background:#dbeafe;color:#2563eb}.quick-action-card__icon--green{background:#d1fae5;color:#059669}.quick-action-card__icon--purple{background:#ede9fe;color:#7c3aed}.quick-action-card__icon--orange{background:#ffedd5;color:#ea580c}.quick-action-card__label{font-size:14px;font-weight:500;color:#374151}.btn-primary:disabled,.btn-primary.btn-disabled{opacity:.6;cursor:not-allowed}.btn-link{padding:0;font-size:14px;font-weight:500;color:#2563eb;background:none;border:none;cursor:pointer}.btn-link:hover{text-decoration:underline}.repayment-list-page{padding:24px;max-width:1400px;margin:0 auto}.repayment-list-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.repayment-list-header__content{flex:1}.repayment-list-title{font-size:24px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.repayment-list-subtitle{font-size:14px;color:#6b7280;margin:0}.search-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-bottom:24px}.search-form{display:flex;flex-direction:column;gap:16px}.search-row{display:flex;gap:16px;align-items:flex-end}@media (max-width: 768px){.search-row{flex-direction:column;align-items:stretch}}.search-field{flex:1;display:flex;flex-direction:column;gap:6px}.search-field--large{flex:2}.search-label{font-size:13px;font-weight:500;color:#374151}.search-input,.search-select{padding:0 14px;height:40px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;transition:all .2s;box-sizing:border-box}.search-input:focus,.search-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.search-input::placeholder{color:#9ca3af}.search-actions{display:flex;gap:12px;align-items:flex-end;flex-shrink:0;padding-bottom:1px}.search-actions .btn-primary,.search-actions .btn-secondary{height:40px;padding:0 16px;white-space:nowrap;box-sizing:border-box}.repayment-table{width:100%;border-collapse:collapse}.repayment-table th{padding:14px 16px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;text-align:left;background:#f9fafb;border-bottom:1px solid #e5e7eb;white-space:nowrap}.repayment-table td{padding:14px 16px;font-size:14px;color:#1a1a2e;border-bottom:1px solid #e5e7eb}.repayment-table tbody tr:last-child td{border-bottom:none}.table-row--clickable{cursor:pointer;transition:background .2s}.table-row--clickable:hover{background:#f9fafb}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.repayment-detail-page{padding:24px;max-width:1200px;margin:0 auto}.detail-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;flex-wrap:wrap}.detail-header__content{flex:1}.detail-header__title-row{display:flex;align-items:center;gap:12px;margin-bottom:4px}.detail-title{font-size:24px;font-weight:600;color:#1a1a2e;margin:0}.detail-subtitle{font-size:14px;color:#6b7280;margin:0}.detail-header__actions{display:flex;gap:12px}@media (max-width: 768px){.detail-grid{grid-template-columns:1fr}}.detail-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.detail-card--full{grid-column:1 / -1}.detail-card__header{padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.detail-card__title{font-size:16px;font-weight:600;color:#1a1a2e;margin:0}.detail-card__body{padding:20px}.detail-amount{text-align:center;padding:16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:8px;margin-bottom:20px}.detail-amount__label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px}.detail-amount__value{font-size:32px;font-weight:700;color:#059669}.detail-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 480px){.detail-fields{grid-template-columns:1fr}}.detail-field{display:flex;flex-direction:column;gap:4px}.detail-field--full{grid-column:1 / -1}.detail-field__label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.detail-field__value{font-size:14px;color:#1a1a2e;font-weight:500}.detail-field__value--mono{font-family:monospace}.detail-field__value--error{color:#dc2626}.btn-secondary svg{width:18px;height:18px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:400px;color:#6b7280}.error-container p{font-size:18px;margin:0}.detail-card--cheque{border-color:#fbbf24;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.detail-card__header--cheque{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom-color:#fbbf24}.detail-card__header--cheque .detail-card__title{display:flex;align-items:center;gap:10px;color:#92400e}.detail-card__header--cheque .detail-card__title svg{width:22px;height:22px;color:#d97706}.cheque-details-content{display:grid;grid-template-columns:1fr 300px;gap:24px}@media (max-width: 768px){.cheque-details-content{grid-template-columns:1fr}}.cheque-details-info{background:#fff;border-radius:8px;padding:16px}.detail-field__value--highlight{font-size:16px;color:#d97706}.cheque-image-section{display:flex;flex-direction:column;gap:8px}.cheque-image-label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.cheque-image-container{position:relative;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.cheque-image{width:100%;height:auto;display:block;cursor:pointer;transition:transform .2s}.cheque-image:hover{transform:scale(1.02)}.cheque-image-expand{position:absolute;top:8px;right:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0009;border:none;border-radius:6px;cursor:pointer;color:#fff;transition:all .2s;opacity:0}.cheque-image-container:hover .cheque-image-expand{opacity:1}.cheque-image-expand:hover{background:#000c}.cheque-image-expand svg{width:18px;height:18px}.cheque-image-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:150px;background:#fff;border-radius:8px;color:#6b7280;font-size:13px}.spinner-small{width:24px;height:24px;border:2px solid #e5e7eb;border-top-color:#d97706;border-radius:50%;animation:spin .8s linear infinite}.cheque-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:150px;background:#fff;border:2px dashed #d1d5db;border-radius:8px;color:#9ca3af;font-size:13px}.cheque-image-placeholder svg{width:40px;height:40px;opacity:.5}.modal-overlay--dark{background:#000000d9}.cheque-image-modal{background:#fff;border-radius:12px;width:90%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.cheque-image-modal__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#fef3c7,#fde68a)}.cheque-image-modal__title{font-size:16px;font-weight:600;color:#92400e;margin:0}.cheque-image-modal__body{flex:1;overflow:auto;padding:20px;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.cheque-image-modal__image{max-width:100%;max-height:60vh;border-radius:8px;box-shadow:0 4px 20px #0003}.cheque-image-modal__footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.cheque-image-modal__info{display:flex;gap:20px;font-size:13px;color:#6b7280}.cheque-image-modal__info strong{color:#374151}@media (max-width: 640px){.cheque-image-modal__info{flex-direction:column;gap:4px}}.approval-page{padding:24px;max-width:1400px;margin:0 auto}.approval-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.approval-header__content{flex:1}.approval-title{font-size:24px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.approval-subtitle{font-size:14px;color:#6b7280;margin:0}.bulk-actions-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;margin-bottom:16px}.bulk-actions-bar__count{font-size:14px;font-weight:600;color:#0369a1}.bulk-actions-bar__amount{font-size:14px;color:#0369a1}.approval-table{width:100%;border-collapse:collapse}.approval-table th{padding:14px 16px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;text-align:left;background:#f9fafb;border-bottom:1px solid #e5e7eb;white-space:nowrap}.approval-table td{padding:14px 16px;font-size:14px;color:#1a1a2e;border-bottom:1px solid #e5e7eb}.approval-table tbody tr:last-child td{border-bottom:none}.approval-table tbody tr:hover{background:#f9fafb}.row--selected{background:#f0f9ff!important}.btn-icon--success{background:#d1fae5;color:#059669}.btn-icon--success:hover{background:#a7f3d0;color:#047857}.btn-icon--danger{background:#fee2e2;color:#dc2626}.btn-icon--danger:hover{background:#fecaca;color:#b91c1c}.modal__body{padding:20px}.modal__message{font-size:14px;color:#374151;margin:0 0 16px;line-height:1.5}.btn-success{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:#059669;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.btn-success:hover:not(:disabled){background:#047857}.btn-success:disabled{opacity:.6;cursor:not-allowed}.btn-success svg{width:18px;height:18px}.btn-danger{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:#dc2626;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-danger svg{width:18px;height:18px}.btn-danger-outline{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:#dc2626;background:#fff;border:1px solid #dc2626;border-radius:8px;cursor:pointer;transition:all .2s}.btn-danger-outline:hover:not(:disabled){background:#fee2e2}.btn-danger-outline:disabled{opacity:.6;cursor:not-allowed}.btn-danger-outline svg{width:18px;height:18px}.reconciliation-page{padding:24px;max-width:1400px;margin:0 auto}.reconciliation-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.reconciliation-header__content{flex:1}.reconciliation-title{font-size:24px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.reconciliation-subtitle{font-size:14px;color:#6b7280;margin:0}.bulk-actions-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:1px solid #c4b5fd;border-radius:12px;margin-bottom:16px}.bulk-actions-bar__info{display:flex;align-items:center;gap:16px}.bulk-actions-bar__count{font-size:14px;font-weight:600;color:#6d28d9}.bulk-actions-bar__amount{font-size:14px;color:#6d28d9}.bulk-actions-bar__actions{display:flex;gap:12px}.reconciliation-table{width:100%;border-collapse:collapse}.reconciliation-table th{padding:14px 16px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;text-align:left;background:#f9fafb;border-bottom:1px solid #e5e7eb;white-space:nowrap}.th-checkbox{width:40px}.reconciliation-table td{padding:14px 16px;font-size:14px;color:#1a1a2e;border-bottom:1px solid #e5e7eb}.td-checkbox{width:40px}.reconciliation-table tbody tr:last-child td{border-bottom:none}.reconciliation-table tbody tr:hover{background:#f9fafb}.row--selected{background:#f5f3ff!important}.cell-link{font-family:monospace;font-size:13px;color:#2563eb;cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:#fff;border-radius:12px;width:100%;max-width:480px;box-shadow:0 20px 60px #0000004d}.modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s}.modal__body{padding:20px;display:flex;flex-direction:column;gap:16px}.modal__message{font-size:14px;color:#374151;margin:0;line-height:1.5}.modal__message strong{color:#1a1a2e}.modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.reconcile-summary{background:#f9fafb;border-radius:8px;padding:16px}.reconcile-summary__row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e5e7eb}.reconcile-summary__row:last-child{border-bottom:none}.reconcile-summary__row span{font-size:14px;color:#6b7280}.reconcile-summary__row strong{font-size:14px;color:#1a1a2e}.text-success{color:#059669!important}.digital-payment-page{padding:24px;max-width:800px;margin:0 auto}.digital-payment-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.digital-payment-header__content{flex:1}.digital-payment-title{font-size:24px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.digital-payment-subtitle{font-size:14px;color:#6b7280;margin:0}.digital-payment-content{display:flex;flex-direction:column;gap:24px}.service-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 640px){.service-type-grid{grid-template-columns:1fr}}.service-type-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s}.service-type-card:hover{border-color:#d1d5db;background:#f9fafb}.service-type-card--active{border-color:#2563eb;background:#eff6ff}.service-type-card__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#6b7280}.service-type-card--active .service-type-card__icon{color:#2563eb}.service-type-card__icon svg{width:32px;height:32px}.service-type-card__label{font-size:13px;font-weight:500;color:#374151}.service-type-card--active .service-type-card__label{color:#2563eb}.form-select{padding:10px 14px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s}.prefilled-customer-details{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:10px;padding:16px;margin-bottom:12px}.prefilled-customer-details__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 640px){.prefilled-customer-details__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.prefilled-customer-details__grid{grid-template-columns:1fr}}.prefilled-customer-detail{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d}.prefilled-customer-detail__label{font-size:11px;font-weight:500;color:#0369a1;text-transform:uppercase;letter-spacing:.025em}.prefilled-customer-detail__value{font-size:14px;font-weight:600;color:#1a1a2e;word-break:break-word}.payment-response-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.payment-response-card__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.payment-response-card__title{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.payment-response-card__body{padding:24px 20px;display:flex;flex-direction:column;gap:24px}.payment-response-card__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.qr-code-container{display:flex;flex-direction:column;align-items:center;padding:24px;background:#f9fafb;border-radius:12px}.qr-code-container--expired{background:#fef2f2;border:1px solid #fecaca}.qr-code-wrapper{position:relative;display:inline-block}.qr-code{width:200px;height:200px;border-radius:8px;transition:filter .3s}.qr-code--expired{filter:grayscale(100%) opacity(.4)}.qr-expired-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;background:#fffffff2;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#dc2626;font-weight:600;font-size:14px;text-align:center}.qr-expired-overlay svg{width:32px;height:32px}.qr-code-hint{margin:16px 0 0;font-size:14px;color:#6b7280}.qr-countdown{display:flex;align-items:center;gap:8px;margin-top:16px;padding:8px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280}.qr-countdown svg{width:18px;height:18px;color:#6b7280}.qr-countdown__time{font-size:18px;font-weight:700;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;color:#1a1a2e}.qr-countdown__time--warning{color:#dc2626;animation:pulse-warning 1s ease-in-out infinite}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.6}}.qr-countdown__label{font-size:13px;color:#9ca3af}.qr-expired-message{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 16px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;font-weight:500}.qr-expired-message svg{width:20px;height:20px;flex-shrink:0}.payment-link-container{display:flex;flex-direction:column;gap:8px}.payment-link-input{display:flex;gap:8px}.payment-link-input .form-input{flex:1;background:#f9fafb}.transaction-details{display:flex;flex-direction:column;gap:12px}.transaction-detail{display:flex;justify-content:space-between;padding:12px;background:#f9fafb;border-radius:8px}.transaction-detail__label{font-size:14px;color:#6b7280}.transaction-detail__value{font-size:14px;font-weight:500;color:#1a1a2e;font-family:monospace}.transaction-detail__value--amount{font-size:18px;color:#059669;font-family:inherit}.transaction-detail__value--warning{color:#d97706;font-weight:600;animation:pulse-warning 1s ease-in-out infinite}.transaction-detail__value--expired{color:#dc2626;font-weight:600}.customer-details-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:12px;padding:20px;margin-bottom:8px}.customer-details-section__title{font-size:14px;font-weight:600;color:#0369a1;margin:0 0 16px;display:flex;align-items:center;gap:8px}.customer-details-section__title:before{content:"";display:inline-block;width:4px;height:16px;background:#0ea5e9;border-radius:2px}.customer-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 480px){.customer-details-grid{grid-template-columns:1fr}}.customer-detail{display:flex;flex-direction:column;gap:4px;padding:12px;background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d}.customer-detail__label{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.customer-detail__value{font-size:14px;font-weight:600;color:#1a1a2e;word-break:break-word}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s}.btn-icon svg{width:18px;height:18px}.payment-initiated-section{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:12px;border:1px solid #a7f3d0}.payment-initiated-message{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:#047857}.payment-initiated-message svg{width:24px;height:24px;color:#10b981}.btn-check-status{display:inline-flex;align-items:center;justify-content:center;padding:10px 32px;font-size:14px;font-weight:600;color:#fff;background:#2563eb;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.btn-check-status:hover:not(:disabled){background:#1d4ed8}.btn-check-status:disabled{opacity:.7;cursor:not-allowed}.receipt-section{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:12px;padding:24px}.receipt-section__header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.receipt-section__icon{width:48px;height:48px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#059669;flex-shrink:0}.receipt-section__icon svg{width:24px;height:24px}.receipt-section__title-wrap{flex:1}.receipt-section__title{font-size:18px;font-weight:600;color:#065f46;margin:0 0 4px}.receipt-section__subtitle{font-size:14px;color:#047857;margin:0}.receipt-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;background:#fff;border-radius:8px;color:#6b7280;font-size:14px}.receipt-details{background:#fff;border-radius:8px;padding:20px}.receipt-details__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}@media (max-width: 480px){.receipt-details__grid{grid-template-columns:1fr}}.receipt-detail-item__value{font-size:14px;font-weight:600;color:#1a1a2e}.receipt-detail-item__value--amount{font-size:18px;color:#059669}.btn-download-receipt{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;font-size:14px;font-weight:500;color:#fff;background:#059669;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.btn-download-receipt:hover:not(:disabled){background:#047857}.btn-download-receipt:disabled{opacity:.6;cursor:not-allowed}.btn-download-receipt svg{width:18px;height:18px}.btn-generate-receipt{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;font-size:14px;font-weight:500;color:#065f46;background:#fff;border:2px solid #059669;border-radius:8px;cursor:pointer;transition:all .2s}.btn-generate-receipt:hover:not(:disabled){background:#ecfdf5}.btn-generate-receipt:disabled{opacity:.6;cursor:not-allowed}.btn-generate-receipt svg{width:18px;height:18px}.receipt-buttons-row{display:flex;gap:12px;margin-top:4px}.receipt-buttons-row .btn-download-receipt,.receipt-buttons-row .btn-view-receipt{flex:1;width:auto}.btn-view-receipt{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;color:#2563eb;background:#fff;border:2px solid #2563eb;border-radius:8px;cursor:pointer;transition:all .2s}.btn-view-receipt:hover{background:#eff6ff}.btn-view-receipt svg{width:18px;height:18px}.receipt-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.receipt-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.receipt-modal__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.receipt-modal__title{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.receipt-modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s}.receipt-modal__close:hover{background:#f3f4f6;color:#1a1a2e}.receipt-modal__close svg{width:20px;height:20px}.receipt-modal__body{padding:32px 24px;overflow-y:auto;text-align:center}.receipt-modal__success-icon{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#059669}.receipt-modal__success-icon svg{width:32px;height:32px}.receipt-modal__status{font-size:20px;font-weight:600;color:#059669;margin:0 0 8px}.receipt-modal__amount{font-size:36px;font-weight:700;color:#1a1a2e;margin-bottom:32px}.receipt-modal__details{text-align:left;border-top:1px solid #e5e7eb;padding-top:24px}.receipt-modal__detail-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f3f4f6}.receipt-modal__detail-row:last-child{border-bottom:none}.receipt-modal__detail-label{font-size:14px;color:#6b7280}.receipt-modal__detail-value{font-size:14px;font-weight:500;color:#1a1a2e;text-align:right;max-width:60%;word-break:break-all}.receipt-modal__detail-value--success{color:#059669;font-weight:600}.receipt-modal__footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.receipt-modal__footer .btn-download-receipt,.receipt-modal__footer .btn-secondary{flex:1}.case-search-section{margin-bottom:12px}.case-search-input-wrapper{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;transition:all .2s}.case-search-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}.case-search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 40px #0000001f;z-index:50;max-height:320px;overflow-y:auto}.selected-case-card__clear{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fee2e2;border:none;border-radius:6px;cursor:pointer;color:#dc2626;transition:all .2s}@media (max-width: 640px){.selected-case-card__details{grid-template-columns:repeat(2,1fr)}}.record-payment-page{padding:24px;max-width:800px;margin:0 auto}.record-payment-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.record-payment-header__content{flex:1}.record-payment-title{font-size:24px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.record-payment-subtitle{font-size:14px;color:#6b7280;margin:0}.payment-form-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.payment-form-card__header{padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.payment-form-card__title{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.payment-form{padding:20px;display:flex;flex-direction:column;gap:20px}.payment-mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 480px){.payment-mode-grid{grid-template-columns:1fr}}.payment-mode-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s}.payment-mode-card:hover{border-color:#d1d5db;background:#f9fafb}.payment-mode-card--active{border-color:#2563eb;background:#eff6ff}.payment-mode-card__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#6b7280}.payment-mode-card--active .payment-mode-card__icon{color:#2563eb}.payment-mode-card__icon svg{width:32px;height:32px}.payment-mode-card__label{font-size:14px;font-weight:500;color:#374151}.payment-mode-card--active .payment-mode-card__label{color:#2563eb}.form-field{display:flex;flex-direction:column;gap:6px}.form-input--large{padding:14px 16px;font-size:20px;font-weight:600}.form-textarea{padding:10px 14px;font-size:14px;font-family:inherit;border:1px solid #d1d5db;border-radius:8px;resize:vertical;transition:all .2s}.form-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-textarea::placeholder{color:#9ca3af}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 480px){.form-row{grid-template-columns:1fr}}.form-section{padding-top:16px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:12px}.form-section__title{font-size:14px;font-weight:600;color:#6b7280;margin:0}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:#2563eb;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary--full{width:100%;padding:14px 20px;font-size:16px}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.payment-success-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.payment-success-card__header{display:flex;align-items:center;gap:16px;padding:24px 20px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-bottom:1px solid #a7f3d0}.payment-success-icon{width:56px;height:56px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#059669;flex-shrink:0}.payment-success-icon svg{width:28px;height:28px}.payment-success-info{flex:1}.payment-success-title{font-size:18px;font-weight:600;color:#065f46;margin:0 0 4px}.payment-success-subtitle{font-size:14px;color:#047857;margin:0}.payment-success-body{padding:24px 20px;text-align:center}.payment-success-amount{font-size:36px;font-weight:700;color:#1a1a2e;margin-bottom:12px}.payment-success-details{margin-top:24px;text-align:left;border-top:1px solid #e5e7eb;padding-top:20px}.payment-detail-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f3f4f6}.payment-detail-row:last-child{border-bottom:none}.payment-detail-label{font-size:14px;color:#6b7280}.payment-detail-value{font-size:14px;font-weight:500;color:#1a1a2e;text-align:right;max-width:60%;word-break:break-all}.payment-success-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.ots-payment-banner{display:flex;align-items:center;gap:16px;padding:16px 20px;margin-bottom:20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px}.ots-payment-banner__icon{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d97706;flex-shrink:0}.ots-payment-banner__icon svg{width:22px;height:22px}.ots-payment-banner__content{display:flex;flex-direction:column;gap:4px}.ots-payment-banner__title{font-size:15px;font-weight:600;color:#92400e}.ots-payment-banner__details{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:#b45309}.ots-payment-banner__ots-number{padding:2px 8px;background:#ffffffb3;border-radius:4px;font-weight:600;font-family:monospace}.ots-payment-banner__customer{padding:2px 8px;background:#ffffff80;border-radius:4px}.ots-payment-banner__loan{padding:2px 8px;background:#ffffff80;border-radius:4px;font-family:monospace}.ptp-payment-banner{display:flex;align-items:center;gap:16px;padding:16px 20px;margin-bottom:20px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6;border-radius:12px}.ptp-payment-banner__icon{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#2563eb;flex-shrink:0}.ptp-payment-banner__icon svg{width:22px;height:22px}.ptp-payment-banner__content{display:flex;flex-direction:column;gap:4px}.ptp-payment-banner__title{font-size:15px;font-weight:600;color:#1e40af}.ptp-payment-banner__details{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:#1d4ed8}.ptp-payment-banner__customer{padding:2px 8px;background:#ffffffb3;border-radius:4px}.ptp-payment-banner__loan{padding:2px 8px;background:#ffffff80;border-radius:4px;font-family:monospace}.ptp-payment-banner__amount{padding:2px 8px;background:#ffffffb3;border-radius:4px;font-weight:600}.cheque-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);margin:0 -20px;padding:20px!important;border-top:2px solid #e2e8f0;border-bottom:2px solid #e2e8f0}.cheque-section .form-section__title{display:flex;align-items:center;gap:8px;color:#475569}.cheque-section .form-section__title svg{color:#64748b}.form-label--required:after{content:"*";color:#dc2626;margin-left:4px}.form-input--error{border-color:#dc2626!important;background-color:#fef2f2}.form-input--error:focus{box-shadow:0 0 0 3px #dc26261a!important}.form-error{display:block;color:#dc2626;font-size:12px;margin-top:4px}.cheque-image-upload{margin-top:4px}.cheque-image-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;border:2px dashed #cbd5e1;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s}.cheque-image-dropzone:hover{border-color:#2563eb;background:#f8fafc}.cheque-image-dropzone svg{color:#94a3b8;margin-bottom:12px}.cheque-image-dropzone:hover svg{color:#2563eb}.cheque-image-dropzone__text{font-size:14px;font-weight:500;color:#475569;margin-bottom:4px}.cheque-image-dropzone__hint{font-size:12px;color:#94a3b8}.cheque-image-preview{position:relative;border-radius:12px;overflow:hidden;background:#f8fafc;border:1px solid #e2e8f0}.cheque-image-preview img{width:100%;max-height:200px;object-fit:contain;display:block}.cheque-image-preview__remove{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#dc2626e6;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background .2s}.cheque-image-preview__remove:hover{background:#dc2626}.cheque-image-preview__info{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-top:1px solid #e2e8f0}.cheque-image-preview__name{font-size:13px;color:#374151;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cheque-image-preview__size{font-size:12px;color:#6b7280}.payment-detail-row--section{margin-top:16px;padding-top:16px!important;border-top:1px solid #e5e7eb}.payment-detail-section-title{font-size:14px;font-weight:600;color:#374151}.payment-detail-value.badge{padding:2px 8px;font-size:12px}.receipt-view-page{padding:24px;max-width:900px;margin:0 auto}.receipt-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.receipt-header__content{flex:1}.receipt-title{font-size:24px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.receipt-subtitle{font-size:14px;color:#6b7280;margin:0;font-family:monospace}.btn-download{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #10b9814d}.btn-download:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b98166;transform:translateY(-1px)}.btn-download:disabled{opacity:.7;cursor:not-allowed}.btn-download svg{width:18px;height:18px}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.receipt-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;overflow:hidden}.receipt-card__header{display:flex;align-items:center;gap:16px;padding:24px;background:linear-gradient(135deg,#1a1a2e,#2d2d44);color:#fff}.receipt-logo{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:12px}.receipt-logo svg{width:28px;height:28px;color:#10b981}.receipt-card__title{flex:1;display:flex;align-items:center;gap:12px}.receipt-card__title h2{font-size:20px;font-weight:600;margin:0}.receipt-card__number{text-align:right}.receipt-card__number span{display:block;font-size:12px;color:#ffffffb3;margin-bottom:4px}.receipt-card__number strong{font-size:14px;font-family:monospace}.receipt-amount-section{padding:32px 24px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);text-align:center;border-bottom:1px solid #e5e7eb}.receipt-amount__label{display:block;font-size:14px;color:#059669;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.receipt-amount__value{font-size:36px;font-weight:700;color:#047857}.receipt-details{padding:24px}.receipt-details__section{margin-bottom:24px}.receipt-details__section:last-child{margin-bottom:0}.receipt-details__section h3{font-size:14px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.receipt-details__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.receipt-detail-item{display:flex;flex-direction:column;gap:4px}.receipt-detail-item--full{grid-column:1 / -1}.receipt-detail-item__label{font-size:12px;color:#6b7280}.receipt-detail-item__value{font-size:14px;font-weight:500;color:#1a1a2e}.receipt-detail-item__value--danger{color:#dc2626}.receipt-card__footer{padding:16px 24px;background:#f9fafb;border-top:1px solid #e5e7eb;text-align:center}.receipt-card__footer p{font-size:12px;color:#9ca3af;margin:0}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#1a1a2e;border-radius:50%;animation:spin .8s linear infinite}.loading-container p,.error-container p{font-size:14px;color:#6b7280}.btn-secondary{padding:10px 20px;font-size:14px;font-weight:500;color:#1a1a2e;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:#d1d5db;background:#f9fafb}@media (max-width: 640px){.receipt-header{flex-direction:column;align-items:stretch}.btn-back{align-self:flex-start}.btn-download{width:100%;justify-content:center}.receipt-card__header{flex-direction:column;text-align:center}.receipt-card__number{text-align:center}.receipt-details__grid{grid-template-columns:1fr}.receipt-amount__value{font-size:28px}}.workflow-page{padding:16px 24px;max-width:1600px;margin:0 auto}.workflow-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.workflow-header__content{flex:1}.workflow-title{font-size:24px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.workflow-subtitle{font-size:14px;color:#6b7280;margin:0}.workflow-header__stats{display:flex;gap:16px}.stat-card{display:flex;flex-direction:column;align-items:center;padding:8px 16px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:8px}.stat-card__value{font-size:20px;font-weight:700;color:#2563eb;line-height:1.2}.stat-card__label{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.stat-badge{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:8px;white-space:nowrap}.stat-badge__value{font-size:14px;font-weight:700;color:#2563eb}.stat-badge__label{font-size:14px;font-weight:500;color:#6b7280}.workflow-filters{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:12px}.search-input-wrapper{position:relative;width:400px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#9ca3af}.search-input{padding-left:42px!important;width:100%}.table-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.workflow-table{width:100%;border-collapse:collapse}.workflow-table th{padding:14px 16px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;text-align:left;background:#f9fafb;border-bottom:1px solid #e5e7eb;white-space:nowrap}.workflow-table td{padding:14px 16px;font-size:14px;color:#1a1a2e;border-bottom:1px solid #e5e7eb}.workflow-table tbody tr:last-child td{border-bottom:none}.workflow-table tbody tr:hover{background:#f9fafb}.cell-link{font-family:monospace;font-size:13px;color:#2563eb;cursor:pointer;font-weight:500}.cell-link:hover{text-decoration:underline}.cell-amount--overdue{color:#dc2626}.customer-cell{display:flex;flex-direction:column;gap:2px}.customer-name{font-weight:500}.customer-phone{font-size:12px;color:#6b7280}.table-actions{display:flex;gap:8px}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s}.btn-icon:hover{background:#e5e7eb;color:#1a1a2e}.btn-icon--primary{background:#dbeafe;color:#2563eb}.btn-icon--primary:hover{background:#bfdbfe;color:#1d4ed8}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px;border-top:1px solid #e5e7eb}.pagination-btn{padding:8px 16px;font-size:14px;font-weight:500;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:14px;color:#6b7280}.form-input{padding:10px 14px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;transition:all .2s}.form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder{color:#9ca3af}.form-select{padding:10px 14px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s;min-width:150px}.form-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary svg{width:16px;height:16px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:300px;color:#6b7280}@media (max-width: 768px){.workflow-header{flex-direction:column}.workflow-filters{flex-direction:column;align-items:stretch}.search-input-wrapper{width:100%}.filter-group{flex-wrap:wrap}}.workflow-case-detail-page{padding:24px;max-width:1400px;margin:0 auto}.case-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.btn-back{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.btn-back:hover{color:#1a1a2e;border-color:#d1d5db}.btn-back svg{width:18px;height:18px}.case-detail-header__content{flex:1}.case-detail-title{font-size:24px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.case-detail-subtitle{font-size:14px;color:#6b7280;margin:0}.collect-payment-dropdown{position:relative}.btn-collect-payment{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #10b9814d}.btn-collect-payment:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b98166;transform:translateY(-1px)}.btn-collect-payment svg{width:18px;height:18px}.dropdown-arrow{width:16px;height:16px;margin-left:4px;transition:transform .2s}.dropdown-arrow--open{transform:rotate(180deg)}.payment-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;border:1px solid #e5e7eb;overflow:hidden;z-index:100;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.payment-dropdown-item{display:flex;align-items:center;gap:14px;width:100%;padding:16px;background:transparent;border:none;cursor:pointer;transition:background .2s;text-align:left}.payment-dropdown-item:hover{background:#f9fafb}.payment-dropdown-item:first-child{border-bottom:1px solid #e5e7eb}.payment-dropdown-item__icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px}.payment-dropdown-item__icon svg{width:22px;height:22px}.payment-dropdown-item__icon--digital{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.payment-dropdown-item__icon--cash{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.payment-dropdown-item__content{flex:1;display:flex;flex-direction:column;gap:2px}.payment-dropdown-item__title{font-size:14px;font-weight:600;color:#1a1a2e}.payment-dropdown-item__desc{font-size:12px;color:#6b7280}.header-actions{display:flex;align-items:center;gap:12px}.btn-ots{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #8b5cf64d}.btn-ots:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 8px #8b5cf666;transform:translateY(-1px)}.btn-ots svg{width:18px;height:18px}.tab-header-actions{display:flex;justify-content:flex-end;padding:16px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #2563eb4d}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 8px #2563eb66;transform:translateY(-1px)}.btn-primary svg{width:16px;height:16px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.summary-card{display:flex;flex-direction:column;gap:8px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.summary-card__label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.summary-card__value{font-size:18px;font-weight:600;color:#1a1a2e}.summary-card__value--amount{color:#2563eb}.summary-card__value--overdue{color:#dc2626}.case-detail-tabs{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.tabs-header{display:flex;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid #e5e7eb;background:#f9fafb;scrollbar-width:thin}.tabs-header::-webkit-scrollbar{height:4px}.tabs-header::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.tab-button{display:flex;align-items:center;gap:8px;padding:14px 20px;font-size:14px;font-weight:500;color:#6b7280;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;white-space:nowrap}.tab-button:hover{color:#1a1a2e;background:#f3f4f6}.tab-button--active{color:#2563eb;border-bottom-color:#2563eb;background:#fff}.tab-button__icon{width:18px;height:18px}.tab-button__icon svg{width:100%;height:100%}.tab-button__label{font-size:13px}.tabs-content{min-height:400px}.detail-grid{display:flex;flex-direction:column;gap:24px}.detail-section{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.detail-section__title{font-size:14px;font-weight:600;color:#1a1a2e;margin:0;padding:12px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.detail-grid__items{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:#e5e7eb}.detail-item{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:#fff}.detail-item__label{font-size:12px;font-weight:500;color:#6b7280}.detail-item__value{font-size:14px;font-weight:500;color:#1a1a2e}.detail-item__value--highlight{color:#2563eb;font-size:16px;font-weight:600}.detail-item__value--phone{font-family:monospace}.data-table th{padding:12px 16px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;text-align:left;background:#f9fafb;border-bottom:1px solid #e5e7eb;white-space:nowrap}.data-table td{padding:12px 16px;font-size:14px;color:#1a1a2e;border-bottom:1px solid #e5e7eb}.cell-mono{font-family:monospace;font-size:13px}.cell-amount{font-weight:600;color:#059669}.cell-message{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-action--view:hover{background:#bfdbfe;color:#1d4ed8}.btn-action--download{background:#d1fae5;color:#059669}.btn-action--download:hover{background:#a7f3d0;color:#047857}.documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.document-card{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.document-card:hover{border-color:#d1d5db;background:#f3f4f6}.document-card__icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280}.document-card__icon svg{width:20px;height:20px}.document-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.document-card__name{font-size:14px;font-weight:500;color:#1a1a2e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-card__meta{font-size:12px;color:#6b7280}.document-card__date{font-size:11px;color:#9ca3af}.document-card__download{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#dbeafe;border-radius:6px;color:#2563eb;transition:all .2s}.document-card__download:hover{background:#bfdbfe;color:#1d4ed8}.document-card__download svg{width:16px;height:16px}.badge--large{padding:6px 14px;font-size:14px}.badge--primary{background:#ede9fe;color:#7c3aed}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#6b7280}.empty-state svg{width:48px;height:48px;margin-bottom:16px;opacity:.5}.empty-state p{font-size:16px;font-weight:500;margin:0 0 4px}.empty-state span{font-size:14px}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:400px;color:#6b7280}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.ots-cards-container{display:flex;flex-direction:column;gap:16px}.ots-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .2s}.ots-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000f}.ots-card--expanded{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a}.ots-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;background:#f9fafb;transition:background .2s}.ots-card__header:hover{background:#f3f4f6}.ots-card--expanded .ots-card__header{background:#eff6ff;border-bottom:1px solid #dbeafe}.ots-card__header-left{display:flex;align-items:center;gap:16px}.ots-card__header-right{display:flex;align-items:center;gap:12px}.ots-card__number{font-size:15px;font-weight:600;color:#1a1a2e;font-family:monospace}.ots-card__amount{font-size:16px;font-weight:700;color:#059669}.ots-card__chevron{width:20px;height:20px;color:#6b7280;transition:transform .2s}.ots-card--expanded .ots-card__chevron{transform:rotate(180deg);color:#2563eb}.ots-card__body{padding:20px;border-top:1px solid #e5e7eb}.ots-section{margin-bottom:24px}.ots-section:last-child{margin-bottom:0}.ots-section__title{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.ots-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.ots-detail{display:flex;flex-direction:column;gap:4px}.ots-detail__label{font-size:12px;font-weight:500;color:#6b7280}.ots-detail__value{font-size:14px;font-weight:500;color:#1a1a2e}.ots-detail__value--highlight{color:#059669;font-weight:600}.ots-detail__value--danger{color:#dc2626}.ots-detail__value--warning{color:#d97706}.ots-notes{margin-top:12px;padding:12px 16px;background:#fef3c7;border-radius:8px;border-left:4px solid #f59e0b}.ots-notes__label{display:block;font-size:11px;font-weight:600;color:#92400e;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.ots-notes__text{font-size:13px;color:#78350f;line-height:1.5}.ots-letter-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px}.ots-letter-card__info{display:flex;flex-direction:column;gap:8px}.ots-letter-card__header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.ots-letter-card__number{font-size:14px;font-weight:600;color:#166534;font-family:monospace}.ots-letter-details{display:flex;flex-wrap:wrap;gap:16px}.ots-letter-detail{font-size:12px;color:#6b7280}.ots-letter-detail strong{font-weight:500;color:#374151}.ots-letter-card__meta{display:flex;flex-wrap:wrap;gap:12px}.ots-letter-card__meta-item{font-size:12px;color:#6b7280}.ots-letter-card__meta-item span{font-weight:500;color:#374151}.ots-letter-card__actions{display:flex;gap:8px}.btn-letter-action{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.btn-letter-action svg{width:16px;height:16px}.btn-letter-action--view{background:#dbeafe;color:#2563eb}.btn-letter-action--view:hover{background:#bfdbfe;color:#1d4ed8}.btn-letter-action--download{background:#d1fae5;color:#059669}.btn-letter-action--download:hover{background:#a7f3d0;color:#047857}.ots-letter-empty{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px}.ots-letter-empty__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:8px;color:#9ca3af}.ots-letter-empty__icon svg{width:20px;height:20px}.ots-letter-empty__text{font-size:13px;color:#6b7280}.ots-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center}.ots-empty-state__icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:50%;color:#9ca3af;margin-bottom:16px}.ots-empty-state__icon svg{width:32px;height:32px}.ots-empty-state__title{font-size:16px;font-weight:600;color:#374151;margin:0 0 4px}.ots-empty-state__desc{font-size:14px;color:#6b7280;margin:0}.ots-section--pay{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;padding:20px;margin-top:16px}.ots-pay-section{display:flex;align-items:center;justify-content:space-between;gap:16px}.ots-pay-info{display:flex;flex-direction:column;gap:4px}.ots-pay-label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.ots-pay-amount{font-size:24px;font-weight:700;color:#059669}.btn-pay-ots{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;color:#fff;background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap}.pay-ots-table-dropdown{position:relative}.pay-ots-dropdown-menu{position:absolute;bottom:calc(100% + 8px);right:0;width:280px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;border:1px solid #e5e7eb;overflow:hidden;z-index:100}.ptp-cards-container{display:flex;flex-direction:column;gap:12px}.ptp-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;transition:all .2s}.ptp-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000f}.ptp-card__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.ptp-card__header-left,.ptp-card__header-right{display:flex;align-items:center;gap:12px}.ptp-card__date{font-size:14px;font-weight:600;color:#1a1a2e}.ptp-card__amount{font-size:15px;font-weight:700;color:#059669}.ptp-card__body{padding:16px}.ptp-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.ptp-detail{display:flex;flex-direction:column;gap:4px}.ptp-detail--full{grid-column:1 / -1}.ptp-detail__label{font-size:12px;font-weight:500;color:#6b7280}.ptp-detail__value{font-size:14px;font-weight:500;color:#1a1a2e}.ptp-detail__value--success{color:#059669;font-weight:600}.ptp-detail__value--danger{color:#dc2626}.ptp-detail__value--warning{color:#d97706}.ptp-card__footer{padding:16px;border-top:1px solid #e5e7eb;background:#f9fafb}.ptp-pay-section{display:flex;align-items:center;justify-content:space-between;gap:16px}.ptp-pay-info{display:flex;flex-direction:column;gap:4px}.ptp-pay-label{font-size:12px;font-weight:500;color:#6b7280}.ptp-pay-amount{font-size:20px;font-weight:700;color:#059669}.btn-pay-ptp{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-pay-ptp:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.btn-pay-ptp svg{width:18px;height:18px}.pay-ptp-dropdown{position:relative}.pay-ptp-dropdown-menu{position:absolute;bottom:calc(100% + 8px);right:0;width:280px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;border:1px solid #e5e7eb;overflow:hidden;z-index:100}.pay-ptp-dropdown-item{display:flex;align-items:center;gap:14px;width:100%;padding:16px;background:transparent;border:none;cursor:pointer;transition:background .2s;text-align:left}.pay-ptp-dropdown-item:hover{background:#f9fafb}.pay-ptp-dropdown-item:first-child{border-bottom:1px solid #e5e7eb}.pay-ptp-dropdown-item__icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px}.pay-ptp-dropdown-item__icon svg{width:22px;height:22px}.pay-ptp-dropdown-item__icon--digital{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.pay-ptp-dropdown-item__icon--cash{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.pay-ptp-dropdown-item__content{flex:1;display:flex;flex-direction:column;gap:2px}.pay-ptp-dropdown-item__title{font-size:14px;font-weight:600;color:#1a1a2e}.pay-ptp-dropdown-item__desc{font-size:12px;color:#6b7280}.ptp-modal__case-info{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px;background:#f9fafb;border-radius:8px;margin-bottom:20px}.ptp-modal__case-detail{display:flex;flex-direction:column;gap:4px}.ptp-modal__case-label{font-size:12px;font-weight:500;color:#6b7280}.ptp-modal__case-value{font-size:14px;font-weight:600;color:#1a1a2e}.ptp-modal__case-value--amount{color:#059669}.modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal--small{max-width:480px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal__header h2{margin:0;font-size:18px;font-weight:600;color:#1a1a2e}.modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s}.modal__close:hover{background:#f3f4f6;color:#374151}.modal__body{padding:24px;overflow-y:auto}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;margin-bottom:16px}.alert svg{width:20px;height:20px;flex-shrink:0}.alert span{font-size:14px;font-weight:500}.alert--success{background:#d1fae5;color:#065f46}.alert--error{background:#fee2e2;color:#991b1b}.form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-input,.form-textarea{width:100%;padding:10px 14px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;transition:all .2s;font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-input:disabled,.form-textarea:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.form-hint{display:block;font-size:12px;color:#6b7280;margin-top:4px}.form-error{display:block;font-size:12px;color:#dc2626;margin-top:4px;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.btn--primary{background:#2563eb;color:#fff}.btn--secondary{background:#fff;color:#374151;border:1px solid #d1d5db}@media (max-width: 768px){.case-detail-header{flex-direction:column;align-items:flex-start}.summary-cards{grid-template-columns:repeat(2,1fr)}.tab-button__label{display:none}.tab-button{padding:12px 16px}.detail-grid__items{grid-template-columns:1fr}.ots-card__header{flex-direction:column;align-items:flex-start;gap:12px}.ots-card__header-right{width:100%;justify-content:space-between}.ots-details-grid{grid-template-columns:1fr 1fr}.ots-letter-card{flex-direction:column;gap:12px;align-items:flex-start}.ots-letter-card__actions{width:100%;justify-content:flex-end}.ptp-card__header{flex-direction:column;align-items:flex-start;gap:10px}.ptp-card__header-right{width:100%;justify-content:flex-end}.ptp-details-grid{grid-template-columns:1fr 1fr}.ptp-modal__case-info{grid-template-columns:1fr}.modal{margin:10px}}.events-list{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.event-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #f3f4f6;transition:background .15s}.event-row:last-child{border-bottom:none}.event-row:hover{background:#f9fafb}.event-row__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:#3b82f6}.event-row__dot--payment{background:#10b981}.event-row__dot--status{background:#f59e0b}.event-row__dot--communication{background:#8b5cf6}.event-row__dot--allocation{background:#3b82f6}.event-row__dot--system{background:#6b7280}.event-row__content{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.event-row__title{font-size:14px;font-weight:500;color:#1a1a2e}.event-row__amount{font-size:13px;font-weight:600;color:#059669;display:flex;align-items:center;gap:4px}.event-row__mode{font-weight:400;color:#6b7280;font-size:12px}.event-row__status{display:flex;align-items:center;gap:4px;font-size:12px;padding:2px 8px;background:#f3f4f6;border-radius:4px}.event-row__status svg{width:12px;height:12px;color:#6b7280}.event-row__status .status-from{color:#6b7280}.event-row__status .status-to{color:#059669;font-weight:500}.event-row__actor{font-size:12px;color:#6b7280}.event-row__time{font-size:12px;color:#9ca3af;white-space:nowrap;flex-shrink:0}.audit-list{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.audit-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #f3f4f6;transition:background .15s}.audit-row:last-child{border-bottom:none}.audit-row:hover{background:#f9fafb}.audit-row__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:#6b7280}.audit-row__dot--view{background:#6b7280}.audit-row__dot--create,.audit-row__dot--created{background:#10b981}.audit-row__dot--update,.audit-row__dot--updated{background:#f59e0b}.audit-row__dot--delete,.audit-row__dot--deleted{background:#ef4444}.audit-row__content{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.audit-row__description{font-size:14px;color:#1a1a2e}.audit-row__user{font-size:12px;color:#6b7280}.audit-row__time{font-size:12px;color:#9ca3af;white-space:nowrap;flex-shrink:0}.badge--audit-create{background:#d1fae5;color:#059669}.badge--audit-update{background:#dbeafe;color:#2563eb}.badge--audit-delete{background:#fee2e2;color:#dc2626}.badge--audit-view{background:#f3f4f6;color:#6b7280}.allocation-list{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.allocation-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #f3f4f6;transition:background .15s}.allocation-row:last-child{border-bottom:none}.allocation-row:hover{background:#f9fafb}.allocation-row__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:#3b82f6}.allocation-row__dot--allocated{background:#10b981}.allocation-row__dot--reallocated{background:#f59e0b}.allocation-row__dot--deallocated{background:#ef4444}.allocation-row__dot--transferred{background:#8b5cf6}.allocation-row__content{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.allocation-row__action{font-size:14px;font-weight:500;color:#1a1a2e}.allocation-row__to{display:flex;align-items:center;gap:4px;font-size:13px;color:#059669;font-weight:500}.allocation-row__to svg{width:14px;height:14px;color:#6b7280}.allocation-row__from{font-size:12px;color:#6b7280}.allocation-row__batch{font-size:12px;color:#6b7280;padding:2px 8px;background:#f3f4f6;border-radius:4px;font-family:monospace}.allocation-row__time{font-size:12px;color:#9ca3af;white-space:nowrap;flex-shrink:0}@media (max-width: 768px){.event-row{flex-wrap:wrap;gap:8px}.event-row__content{width:calc(100% - 22px)}.event-row__time{width:100%;padding-left:22px}.audit-row{flex-wrap:wrap;gap:8px}.audit-row__content{width:calc(100% - 22px)}.audit-row__time{width:100%;padding-left:22px}.allocation-row{flex-wrap:wrap;gap:8px}.allocation-row__content{width:calc(100% - 22px)}.allocation-row__time{width:100%;padding-left:22px}}.btn-call{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #2563eb4d}.btn-call:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 8px #2563eb66;transform:translateY(-1px)}.btn-call svg{width:18px;height:18px}.call-modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:420px;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.call-modal__content{display:flex;flex-direction:column;align-items:center;padding:32px}.call-modal__header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:24px}.call-modal__header h2{font-size:20px;font-weight:600;color:#1a1a2e;margin:0}.call-modal__customer-info{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.call-modal__avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;color:#fff;margin-bottom:16px}.call-modal__customer-name{font-size:20px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.call-modal__phone{font-size:16px;color:#6b7280;margin:0}.call-modal__phone-options{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:8px}.call-modal__phone-label{font-size:13px;color:#9ca3af;margin:0 0 4px;text-align:center}.call-modal__phone-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .15s;text-align:left}.call-modal__phone-btn:hover{background:#f0f7ff;border-color:#93c5fd}.call-modal__phone-btn--selected{background:#eff6ff;border-color:#2563eb}.call-modal__phone-btn svg:first-child{width:20px;height:20px;color:#6b7280;flex-shrink:0}.call-modal__phone-btn--selected svg:first-child{color:#2563eb}.call-modal__phone-info{display:flex;flex-direction:column;flex:1;min-width:0}.call-modal__phone-type{font-size:12px;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.call-modal__phone-btn--selected .call-modal__phone-type{color:#2563eb}.call-modal__phone-number{font-size:16px;font-weight:600;color:#1a1a2e;font-variant-numeric:tabular-nums}.call-modal__phone-check{width:20px;height:20px;color:#2563eb;flex-shrink:0}.call-modal__phone-none{font-size:14px;color:#9ca3af;text-align:center;margin:8px 0}.call-modal__start-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:200px;padding:14px 28px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:50px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #10b98166}.call-modal__start-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 16px #10b98180}.call-modal__start-btn:disabled{opacity:.5;cursor:not-allowed}.call-modal__start-btn svg{width:22px;height:22px}.call-modal__status-icon{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.call-modal__status-icon svg{width:48px;height:48px}.call-modal__status-icon--dialing{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb;animation:pulse 1.5s ease-in-out infinite}.call-modal__status-icon--ringing{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;animation:ring .5s ease-in-out infinite}.call-modal__status-icon--connected{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes ring{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.call-modal__status-text{font-size:24px;font-weight:600;color:#1a1a2e;margin:0 0 8px}.call-modal__connected-badge{display:inline-flex;align-items:center;padding:6px 16px;font-size:14px;font-weight:600;color:#059669;background:#d1fae5;border-radius:50px;margin-bottom:16px}.call-modal__duration{font-size:36px;font-weight:700;color:#1a1a2e;font-variant-numeric:tabular-nums;margin:8px 0 32px}.call-modal__end-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:200px;padding:14px 28px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:50px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #ef444466;margin-top:24px}.call-modal__end-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 16px #ef444480}.call-modal__end-btn svg{width:22px;height:22px}.call-modal__content--ended{align-items:stretch;padding:24px}.call-modal__ended-info{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:12px;margin-bottom:24px}.call-modal__ended-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#fff;flex-shrink:0}.call-modal__ended-details h4{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.call-modal__ended-details p{font-size:14px;color:#6b7280;margin:0}.call-modal__disposition-section{margin-bottom:20px}.call-modal__section-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:12px}.call-modal__disposition-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.call-modal__disposition-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:500;color:#374151;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s}.call-modal__disposition-btn:hover{border-color:#d1d5db;background:#f9fafb}.call-modal__disposition-btn svg{width:18px;height:18px}.call-modal__disposition-btn--active{border-color:#10b981;background:#ecfdf5;color:#059669}.call-modal__disposition-btn--warning.call-modal__disposition-btn--active{border-color:#f59e0b;background:#fffbeb;color:#d97706}.call-modal__disposition-btn--danger.call-modal__disposition-btn--active{border-color:#ef4444;background:#fef2f2;color:#dc2626}.call-modal__outcome-section{margin-bottom:20px}.call-modal__outcome-select{width:100%;padding:12px 16px;font-size:14px;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:10px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px}.call-modal__outcome-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.call-modal__notes-section{margin-bottom:24px}.call-modal__notes-textarea{width:100%;padding:12px 16px;font-size:14px;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:10px;resize:vertical;font-family:inherit}.call-modal__notes-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.call-modal__notes-textarea::placeholder{color:#9ca3af}.call-modal__error{background:#fef2f2;color:#dc2626;padding:10px 14px;border-radius:6px;border:1px solid #fecaca;font-size:13px;margin-bottom:12px}.call-modal__actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb}@media (max-width: 480px){.call-modal{max-width:calc(100% - 32px);margin:16px}.call-modal__content{padding:24px}.call-modal__avatar{width:64px;height:64px;font-size:24px}.call-modal__status-icon{width:80px;height:80px}.call-modal__status-icon svg{width:36px;height:36px}.call-modal__disposition-grid{grid-template-columns:1fr}}.call-widget{position:fixed;z-index:9999;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003,0 0 0 1px #0000000d;-webkit-user-select:none;user-select:none;min-width:280px;animation:widgetSlideIn .3s ease-out}@keyframes widgetSlideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.call-widget--calling{border-left:4px solid #f59e0b}.call-widget--connected{border-left:4px solid #10b981}.call-widget__drag-handle{display:flex;align-items:center;justify-content:center;color:#9ca3af;cursor:grab}.call-widget__drag-handle:active{cursor:grabbing}.call-widget__drag-handle svg{width:16px;height:16px}.call-widget__info{display:flex;align-items:center;gap:10px;flex:1}.call-widget__avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0}.call-widget__details{display:flex;flex-direction:column;min-width:0}.call-widget__name{font-size:14px;font-weight:600;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-widget__status{font-size:12px;color:#6b7280;font-variant-numeric:tabular-nums}.call-widget--connected .call-widget__status{color:#059669;font-weight:500}.call-widget__actions{display:flex;align-items:center;gap:8px}.call-widget__expand-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:#f3f4f6;color:#6b7280;cursor:pointer;transition:all .2s}.call-widget__expand-btn:hover{background:#e5e7eb;color:#374151}.call-widget__expand-btn svg{width:16px;height:16px}.call-widget__end-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:#fef2f2;color:#dc2626;cursor:pointer;transition:all .2s}.call-widget__end-btn:hover{background:#fee2e2;color:#b91c1c}.call-widget__end-btn svg{width:16px;height:16px}.call-modal__header-actions{position:absolute;top:16px;right:16px}.call-modal__minimize-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;color:#6b7280;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.call-modal__minimize-btn:hover{background:#e5e7eb;color:#374151}.call-modal__minimize-btn svg{width:16px;height:16px}.call-modal__minimize-hint{font-size:13px;color:#9ca3af;margin:0 0 16px;text-align:center}.call-modal__content--dialing,.call-modal__content--ringing,.call-modal__content--connected{position:relative;padding-top:48px}.agency-management-page{padding:24px;max-width:1400px;margin:0 auto}.agency-management-page .tabs{display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.agency-management-page .tabs__header{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;border-bottom:1px solid #e5e7eb;background:#f9fafb;overflow-x:auto;width:100%}.agency-management-page .tabs__content{padding:24px;width:100%}.tab-button{display:flex;align-items:center;gap:8px;padding:14px 24px;font-size:14px;font-weight:500;color:#6b7280;background:transparent;border:none;cursor:pointer;position:relative;transition:all .2s;white-space:nowrap}.tab-button svg{width:18px;height:18px}.tab-button:hover{color:#1a1a2e;background:#00000005}.tab-button--active{color:#2563eb;background:#fff}.tab-button--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#2563eb}.search-box input{width:100%;padding:8px 12px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.toolbar-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.filter-select{padding:8px 32px 8px 12px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;min-width:120px}.filter-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.agency-selector{display:flex;align-items:center;gap:12px}.agency-selector label{font-size:14px;font-weight:500;color:#374151}.selection-info{font-size:14px;color:#6b7280;font-weight:500}.data-table input[type=checkbox]{width:16px;height:16px;cursor:pointer}.btn--success:hover:not(:disabled){background:#047857}.btn--sm svg{width:16px;height:16px}.badge--orange{background:#ffedd5;color:#ea580c}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;overflow-y:auto;overflow-x:hidden}.modal{background:#fff;border-radius:16px;width:100%;max-width:640px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;margin:auto}.modal--lg,.modal--large{max-width:800px}.modal__form{display:flex;flex-direction:column;flex:1;min-height:0;max-height:100%;overflow:hidden}.modal__header h2,.modal__title{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.modal__body{padding:24px;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}}@media (max-width: 640px){.form-group--full{grid-column:span 1}}.form-label--required:after{content:" *";color:#dc2626}.form-input,.form-select,.form-textarea{padding:10px 14px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;transition:border-color .2s,box-shadow .2s}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:36px}.form-textarea{resize:vertical;min-height:100px}.form-section{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.form-section:first-child{margin-top:0;padding-top:0;border-top:none}.form-section__title,.form-section h3{font-size:14px;font-weight:600;color:#1a1a2e;margin:0 0 16px}.agency-review-info{background:#f9fafb;border-radius:8px;padding:16px;margin-bottom:20px}.info-row{display:flex;padding:8px 0;border-bottom:1px solid #e5e7eb}.info-row:last-child{border-bottom:none}.info-label{font-size:13px;font-weight:500;color:#6b7280;width:140px;flex-shrink:0}.info-value{font-size:14px;color:#1a1a2e;flex:1}.approval-form{margin-top:16px}.approval-form .form-label{margin-bottom:8px;display:block}.approval-details{background:#f9fafb;border-radius:12px;padding:20px;margin-bottom:20px}.approval-details__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.approval-details__item{display:flex;flex-direction:column;gap:4px}.approval-details__label{font-size:12px;color:#6b7280}.approval-details__value{font-size:14px;font-weight:500;color:#1a1a2e}.agent-list{display:flex;flex-direction:column;gap:8px;margin-top:16px;max-height:300px;overflow-y:auto}.agent-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.agent-item:hover{border-color:#2563eb;background:#f8fafc}.agent-item--selected{border-color:#2563eb;background:#eff6ff}.agent-item input[type=radio]{width:18px;height:18px;cursor:pointer}.agent-item__info{flex:1}.agent-item__name{font-size:14px;font-weight:500;color:#1a1a2e}.agent-item__meta{font-size:12px;color:#6b7280;margin-top:2px}.agent-item__capacity{text-align:right}.agent-item__capacity-value{font-size:14px;font-weight:600;color:#1a1a2e}.agent-item__capacity-label{font-size:11px;color:#6b7280}.selected-cases{background:#f9fafb;border-radius:8px;padding:16px;margin-bottom:16px}.selected-cases__title{font-size:14px;font-weight:500;color:#374151;margin:0 0 8px}.selected-cases__list{display:flex;flex-wrap:wrap;gap:8px}.selected-cases__item{padding:4px 10px;font-size:12px;font-family:monospace;background:#dbeafe;color:#2563eb;border-radius:4px}.agency-detail-content{display:flex;flex-direction:column}.agency-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e5e7eb}.agency-detail-header__info{display:flex;flex-direction:column;gap:4px}.agency-detail-header__name{font-size:20px;font-weight:600;color:#1a1a2e;margin:0}.agency-detail-header__code{font-size:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;color:#6b7280}.detail-tags{display:flex;flex-wrap:wrap;gap:8px}.detail-tag{display:inline-flex;padding:6px 12px;font-size:13px;background:#f3f4f6;color:#374151;border-radius:6px}.detail-tag--mono{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;background:#dbeafe;color:#2563eb}@media (max-width: 768px){.agency-management-page{padding:16px}.tab-toolbar{flex-direction:column;align-items:stretch;gap:12px}.toolbar-actions{flex-wrap:wrap;justify-content:flex-start}.search-box{width:100%}.data-table{display:block;overflow-x:auto}.pagination{flex-wrap:wrap;justify-content:center}}.performance-agency-selector{display:flex;align-items:center;gap:12px}.performance-agency-selector .form-label{margin:0;white-space:nowrap;font-weight:500;color:#374151}.performance-agency-selector .form-select{min-width:300px}.performance-dashboard{display:flex;flex-direction:column;gap:24px}.performance-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.metric-card{display:flex;align-items:center;gap:16px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;transition:box-shadow .2s,transform .2s}.metric-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.metric-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px}.metric-card__icon svg{width:24px;height:24px}.metric-card--primary .metric-card__icon{background:#eff6ff;color:#2563eb}.metric-card--info .metric-card__icon{background:#f0f9ff;color:#0284c7}.metric-card--success .metric-card__icon{background:#f0fdf4;color:#16a34a}.metric-card--warning .metric-card__icon{background:#fffbeb;color:#d97706}.metric-card__content{display:flex;flex-direction:column;gap:4px}.metric-card__value{font-size:28px;font-weight:700;color:#111827;line-height:1}.metric-card__label{font-size:14px;color:#6b7280}.performance-section{display:flex;flex-direction:column;gap:16px}.section-title{font-size:18px;font-weight:600;color:#111827;margin:0;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.financial-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.financial-card{padding:24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0}.financial-card__header{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:#64748b;font-size:14px;font-weight:500}.financial-card__header svg{width:20px;height:20px}.financial-card__value{font-size:32px;font-weight:700;color:#1e293b}.financial-card__value--success{color:#16a34a}.ptp-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.ptp-card{padding:24px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.ptp-card__header{font-size:14px;font-weight:500;color:#6b7280;margin-bottom:8px}.ptp-card__value{font-size:36px;font-weight:700;margin-bottom:12px}.ptp-card--success .ptp-card__value{color:#16a34a}.ptp-card--danger .ptp-card__value{color:#dc2626}.ptp-card__bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.ptp-card__bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.ptp-card__bar-fill--success{background:linear-gradient(90deg,#22c55e,#16a34a)}.ptp-card__bar-fill--danger{background:linear-gradient(90deg,#f87171,#dc2626)}@media (max-width: 1200px){.performance-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.performance-agency-selector{flex-direction:column;align-items:stretch}.performance-agency-selector .form-select{min-width:100%}.performance-metrics-grid,.financial-metrics-grid,.ptp-metrics-grid{grid-template-columns:1fr}.metric-card__value,.financial-card__value{font-size:24px}.ptp-card__value{font-size:28px}}.form-error-banner{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;margin-bottom:1.25rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;font-weight:500}.form-error-banner__close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:4px;background:transparent;color:#dc2626;cursor:pointer;transition:background-color .2s}.form-error-banner__close:hover{background-color:#fee2e2}.form-error-banner__close svg{width:16px;height:16px}.form-input--error{border-color:#ef4444!important;background-color:#fef2f2}.form-input--error:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px #ef44441a}.form-error{display:block;color:#dc2626;font-size:.75rem;margin-top:.25rem;font-weight:500}.ots-page{padding:24px;max-width:1400px;margin:0 auto}.ots-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.ots-header__content{flex:1}.ots-title{font-size:24px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.ots-subtitle{font-size:14px;color:#6b7280;margin:0}.ots-header__actions{display:flex;gap:12px}.ots-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #e5e7eb;padding-bottom:0}.ots-tab{padding:12px 20px;font-size:14px;font-weight:500;color:#6b7280;background:transparent;border:none;cursor:pointer;position:relative;transition:color .2s}.ots-tab:hover{color:#1a1a2e}.ots-tab--active{color:#2563eb}.ots-tab--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#2563eb;border-radius:2px 2px 0 0}.ots-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.ots-toolbar__search{display:flex;align-items:center;gap:8px;flex:1;max-width:400px;padding:10px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.ots-toolbar__search svg{width:18px;height:18px;color:#9ca3af;flex-shrink:0}.ots-toolbar__search input{flex:1;border:none;outline:none;font-size:14px;color:#1a1a2e}.ots-toolbar__search input::placeholder{color:#9ca3af}.ots-toolbar__filters{display:flex;gap:12px}.ots-toolbar__filters select{padding:10px 14px;font-size:14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#1a1a2e;cursor:pointer;min-width:150px}.ots-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.ots-card__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.ots-card__title{font-size:16px;font-weight:600;color:#1a1a2e;margin:0}.ots-card__count{font-size:13px;color:#6b7280;background:#f3f4f6;padding:4px 10px;border-radius:12px}.table-container{overflow-x:auto}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.data-table th{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb}.data-table td{font-size:14px;color:#1a1a2e}.cell-mono{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px}.cell-link{background:none;border:none;color:#2563eb;font-size:14px;font-weight:500;cursor:pointer;padding:0;text-align:left}.cell-link:hover{color:#1d4ed8;text-decoration:underline}.empty-row{text-align:center;color:#6b7280;padding:40px 16px!important}.btn-action{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s}.btn-action--view{color:#6b7280}.btn-action--view:hover{background:#f3f4f6;color:#1a1a2e}.btn-action--approve{color:#059669}.btn-action--approve:hover{background:#d1fae5;border-color:#059669}.btn-action--pay{color:#fff;background:linear-gradient(135deg,#059669,#047857);border-color:#059669}.btn-action--pay:hover{background:linear-gradient(135deg,#047857,#065f46);border-color:#047857;transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #e5e7eb}.pagination__info{font-size:13px;color:#6b7280}.pagination__buttons{display:flex;align-items:center;gap:12px}.pagination__btn{padding:8px 16px;font-size:13px;font-weight:500;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s}.pagination__btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.pagination__btn:disabled{opacity:.5;cursor:not-allowed}.pagination__page{font-size:13px;color:#6b7280}.ots-form{padding:24px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group--full{grid-column:span 2}@media (max-width: 768px){.form-group--full{grid-column:span 1}}.form-error{font-size:12px;color:#dc2626;margin-top:4px}.form-input,.form-select,.form-textarea{padding:10px 14px;font-size:14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#1a1a2e;transition:border-color .2s}.form-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer}.form-checkbox input{width:18px;height:18px;cursor:pointer}.form-checkbox span{font-size:14px;color:#374151}.discount-preview{display:flex;align-items:baseline;gap:8px;padding:12px 14px;background:#d1fae5;border-radius:8px}.discount-preview__amount{font-size:18px;font-weight:600;color:#059669}.discount-preview__percentage{font-size:13px;color:#047857}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.btn--sm{padding:6px 14px;font-size:13px}.btn--primary:hover{background:#1d4ed8}.btn--secondary:hover{background:#f9fafb;border-color:#9ca3af}.btn--success{color:#fff;background:#059669}.btn--success:hover{background:#047857}.btn--danger:hover{background:#b91c1c}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:#2563eb;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#1d4ed8}.btn-primary svg{width:18px;height:18px}.empty-state{text-align:center;padding:32px;color:#6b7280}.empty-state svg{width:48px;height:48px;margin-bottom:12px;opacity:.5}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:400px;color:#6b7280}body.modal-open{overflow:hidden}.modal{background:#fff;border-radius:16px;width:100%;max-width:640px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a;overflow:hidden;margin:auto}.modal__header h2{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s}.modal__body{padding:24px;overflow-y:auto;flex:1;min-height:0}.ots-detail-content{display:flex;flex-direction:column}.ots-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e5e7eb}.ots-detail-header__info{display:flex;flex-direction:column;gap:4px}.ots-detail-header__number{font-size:20px;font-weight:600;color:#1a1a2e;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.ots-detail-header__customer{font-size:14px;color:#6b7280}.detail-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.detail-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.detail-section--meta{background:#f9fafb;margin:24px -24px 0;padding:20px 24px 24px;border-bottom:none;border-radius:0}.detail-section__title{font-size:14px;font-weight:600;color:#374151;margin:0 0 16px;text-transform:uppercase;letter-spacing:.05em}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 640px){.detail-grid{grid-template-columns:1fr}}.detail-item--full{grid-column:span 2}@media (max-width: 640px){.detail-item--full{grid-column:span 1}}.detail-item__label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.detail-item__value{font-size:14px;color:#1a1a2e;word-break:break-word}.detail-item__value--highlight{font-weight:600;color:#2563eb}.detail-item__value--success{color:#059669}.detail-item__value--danger{color:#dc2626}.detail-notes{font-size:14px;color:#374151;line-height:1.6;margin:0;white-space:pre-wrap}.approval-summary{display:flex;align-items:center;gap:16px;padding:20px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;margin-bottom:24px}.approval-summary__item{display:flex;flex-direction:column;gap:4px}.approval-summary__item--highlight{background:#d1fae5;padding:12px 16px;border-radius:8px}.approval-summary__label{font-size:12px;color:#6b7280;text-transform:uppercase}.approval-summary__value{font-size:18px;font-weight:600;color:#1a1a2e}.approval-summary__arrow{color:#9ca3af}.approval-summary__arrow svg{width:24px;height:24px}.approval-summary__discount{margin-left:auto;display:flex;flex-direction:column;align-items:center;gap:2px}.approval-summary__discount-label{font-size:11px;color:#6b7280;text-transform:uppercase}.approval-summary__discount-value{font-size:20px;font-weight:700;color:#059669}.approval-form{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}@media (max-width: 768px){.ots-page{padding:16px}.ots-header{flex-direction:column;align-items:stretch}.ots-header__actions{flex-direction:column}.ots-toolbar{flex-direction:column;align-items:stretch}.ots-toolbar__search{max-width:none}.ots-toolbar__filters{flex-direction:column}.ots-toolbar__filters select{width:100%}.approval-summary{flex-direction:column;align-items:stretch}.approval-summary__arrow{transform:rotate(90deg);align-self:center}.approval-summary__discount{margin-left:0;margin-top:8px}}.case-search-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.case-search-container{position:relative}.case-search-input-wrapper{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;transition:border-color .2s,box-shadow .2s}.case-search-input-wrapper:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.case-search-icon{width:20px;height:20px;color:#9ca3af;flex-shrink:0}.case-search-input{flex:1;border:none;outline:none;font-size:15px;color:#1a1a2e;background:transparent}.case-search-input::placeholder{color:#9ca3af}.case-search-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.case-search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #0000001f;max-height:400px;overflow-y:auto;z-index:100}.case-search-result{padding:14px 16px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background-color .15s}.case-search-result:last-child{border-bottom:none}.case-search-result:hover{background:#f8fafc}.case-search-result__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.case-search-result__name{font-size:15px;font-weight:600;color:#1a1a2e}.case-search-result__amount{font-size:15px;font-weight:600;color:#059669}.case-search-result__details{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.case-search-result__info{font-size:13px;color:#6b7280}.case-search-result__info strong{color:#374151}.case-search-result__meta{display:flex;gap:8px;flex-wrap:wrap}.case-search-result__tag{display:inline-block;padding:2px 8px;font-size:11px;font-weight:500;background:#f3f4f6;color:#6b7280;border-radius:4px}.case-search-result__tag--dpd{background:#fef3c7;color:#d97706}.case-search-no-results{padding:24px;text-align:center;color:#6b7280;font-size:14px}.selected-case-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:12px;overflow:hidden}.selected-case-card__header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px;background:#fff;border-bottom:1px solid #e0f2fe}.selected-case-card__info{flex:1}.selected-case-card__name{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.selected-case-card__case-number{font-size:13px;color:#6b7280;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.selected-case-card__clear{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fee2e2;border:none;border-radius:8px;cursor:pointer;color:#dc2626;transition:all .2s}.selected-case-card__clear:hover{background:#fecaca}.selected-case-card__clear svg{width:18px;height:18px}.selected-case-card__details{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e0f2fe}.selected-case-card__detail{background:#fff;padding:12px 16px;display:flex;flex-direction:column;gap:4px}.selected-case-card__label{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.selected-case-card__value{font-size:14px;font-weight:500;color:#1a1a2e}.selected-case-card__value--highlight{font-size:16px;font-weight:600;color:#0ea5e9}@media (max-width: 768px){.selected-case-card__details{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.selected-case-card__details{grid-template-columns:1fr}}.btn-action--download{background:#f0f9ff;color:#0ea5e9}.btn-action--download:hover{background:#0ea5e9;color:#fff}.letter-generation-content{text-align:center;padding:20px}.letter-generation-success{margin-bottom:32px}.letter-generation-success__icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#dcfce7,#bbf7d0);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.letter-generation-success__icon svg{width:40px;height:40px;color:#16a34a}.letter-generation-success h3{font-size:22px;font-weight:600;color:#16a34a;margin:0 0 12px}.letter-generation-success p{font-size:14px;color:#6b7280;margin:0 0 8px}.letter-generation-success p strong{color:#1a1a2e}.letter-generation-form{padding:24px;background:#f8fafc;border-radius:12px}.letter-generation-form__info{font-size:14px;color:#6b7280;margin:0 0 20px}.btn--lg{padding:14px 28px;font-size:16px;display:inline-flex;align-items:center;gap:10px}.btn--lg svg{width:20px;height:20px}.btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.letter-generated-content{padding:20px}.letter-generated-success{text-align:center;margin-bottom:24px}.letter-generated-success__icon{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.letter-generated-success__icon svg{width:36px;height:36px;color:#2563eb}.letter-generated-success h3{font-size:20px;font-weight:600;color:#2563eb;margin:0 0 8px}.letter-generated-success p{font-size:14px;color:#6b7280;margin:0}.letter-generated-success p strong{color:#1a1a2e;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.letter-generated-details{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:20px;background:#f8fafc;border-radius:12px;margin-bottom:24px}.letter-generated-details__item{display:flex;flex-direction:column;gap:4px}.letter-generated-details__label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.letter-generated-details__value{font-size:14px;font-weight:500;color:#1a1a2e}.letter-generated-actions{display:flex;justify-content:center;gap:12px}.letter-generated-actions .btn{display:inline-flex;align-items:center;gap:8px}.letter-generated-actions .btn svg{width:18px;height:18px}.letter-detail-content{padding:0}.letter-detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;margin-bottom:24px}.letter-detail-header__info{flex:1}.letter-detail-header__number{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 4px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.letter-detail-header__customer{font-size:14px;color:#6b7280}.modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.modal__footer .btn{display:inline-flex;align-items:center}@media (max-width: 768px){.letter-generated-details{grid-template-columns:1fr}}.pay-ots-dropdown{position:relative}.btn-pay-ots{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-pay-ots:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.btn-pay-ots svg{width:18px;height:18px}.btn-pay-ots .dropdown-arrow{width:14px;height:14px;transition:transform .2s;margin-left:4px}.btn-pay-ots .dropdown-arrow--open{transform:rotate(180deg)}.pay-ots-amount{font-weight:600;padding:2px 8px;background:#fff3;border-radius:4px;font-size:13px}.pay-ots-dropdown-menu{position:absolute;bottom:calc(100% + 8px);right:0;width:280px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;border:1px solid #e5e7eb;overflow:hidden;z-index:1000}.pay-ots-dropdown-item{display:flex;align-items:center;gap:14px;width:100%;padding:16px;background:transparent;border:none;cursor:pointer;transition:background .2s;text-align:left}.pay-ots-dropdown-item:hover{background:#f9fafb}.pay-ots-dropdown-item:first-child{border-bottom:1px solid #e5e7eb}.pay-ots-dropdown-item__icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px}.pay-ots-dropdown-item__icon svg{width:22px;height:22px}.pay-ots-dropdown-item__icon--digital{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.pay-ots-dropdown-item__icon--cash{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.pay-ots-dropdown-item__content{flex:1;display:flex;flex-direction:column;gap:2px}.pay-ots-dropdown-item__title{font-size:14px;font-weight:600;color:#1a1a2e}.pay-ots-dropdown-item__desc{font-size:12px;color:#6b7280}.pay-ots-table-dropdown{position:relative;display:inline-flex}.btn-pay-ots-table{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:6px;cursor:pointer;color:#fff;transition:all .2s}.btn-pay-ots-table:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.btn-pay-ots-table svg{width:16px;height:16px}.pay-ots-table-menu{position:absolute;top:calc(100% + 8px);right:0;width:260px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;border:1px solid #e5e7eb;overflow:hidden;z-index:100}.pay-ots-table-menu__header{padding:12px 16px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-bottom:1px solid #bbf7d0}.pay-ots-table-menu__label{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.025em;margin-bottom:4px}.pay-ots-table-menu__amount{font-size:18px;font-weight:700;color:#059669}.pay-ots-table-menu__item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:transparent;border:none;cursor:pointer;transition:background .2s;text-align:left}.pay-ots-table-menu__item:hover{background:#f9fafb}.pay-ots-table-menu__item:not(:last-child){border-bottom:1px solid #f3f4f6}.pay-ots-table-menu__item-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px}.pay-ots-table-menu__item-icon svg{width:18px;height:18px}.pay-ots-table-menu__item-icon--digital{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.pay-ots-table-menu__item-icon--cash{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.pay-ots-table-menu__item-text{font-size:14px;font-weight:500;color:#1a1a2e}.cycle-closure-page{padding:20px}.page-header h1{font-size:24px;font-weight:600;color:#1f2937;margin:0}.tabs{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;border-bottom:2px solid #e5e7eb;margin-bottom:24px}.tab{padding:12px 24px;border:none;background:none;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.tab:hover{color:#3b82f6}.tab--active{color:#3b82f6;border-bottom-color:#3b82f6}.tab-content{min-height:400px}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}.empty-state p{margin-bottom:20px;font-size:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;text-align:center}.stat-card__value{font-size:32px;font-weight:700;margin-bottom:8px}.stat-card__label{font-size:14px;color:#6b7280}.stat-card--today .stat-card__value{color:#10b981}.stat-card--month .stat-card__value{color:#3b82f6}.stat-card--year .stat-card__value{color:#8b5cf6}.stat-card--rules .stat-card__value{color:#f59e0b}.stat-card--pending .stat-card__value{color:#ec4899}.card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.card__header{padding:16px 20px;border-bottom:1px solid #e5e7eb}.card__header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.card__content{padding:20px}.breakdown-list{display:flex;flex-direction:column;gap:16px}.breakdown-item{display:flex;align-items:center;gap:12px}.breakdown-label{width:150px;font-size:14px;font-weight:500;color:#374151}.breakdown-bar-container{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.breakdown-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px;transition:width .3s ease}.breakdown-value{width:100px;text-align:right;font-size:14px;color:#6b7280}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s}.btn--primary{background:#3b82f6;color:#fff}.btn--primary:hover{background:#2563eb}.btn--success{background:#10b981;color:#fff}.btn--success:hover{background:#059669}.btn--success:disabled{background:#6ee7b7;cursor:not-allowed}.btn--danger{background:#ef4444;color:#fff}.btn--danger:hover{background:#dc2626}.btn--warning{background:#f59e0b;color:#fff}.btn--warning:hover{background:#d97706}.btn--warning:disabled{background:#fcd34d;cursor:not-allowed}.btn--outline{background:#fff;color:#374151;border:1px solid #d1d5db}.btn--outline:hover{background:#f3f4f6}.btn--sm{padding:6px 12px;font-size:13px}.badge{display:inline-block;padding:4px 10px;font-size:12px;font-weight:500;border-radius:20px}.badge--success{background:#d1fae5;color:#065f46}.badge--warning{background:#fef3c7;color:#92400e}.badge--danger{background:#fee2e2;color:#991b1b}.badge--info{background:#dbeafe;color:#1e40af}.badge--default{background:#f3f4f6;color:#4b5563}.form{max-width:500px}.form__group{margin-bottom:20px}.form__group--checkbox{display:flex;align-items:center;gap:8px}.form__group--checkbox label{display:flex;align-items:center;gap:8px;cursor:pointer}.form__label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form__input,.form__select,.form__textarea{width:100%;padding:10px 14px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;outline:none;transition:border-color .2s}.form__input:focus,.form__select:focus,.form__textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form__select--sm{width:80px;padding:6px 10px}.form__actions{margin-top:24px}.alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.alert--success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.alert--danger{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.rules-list{display:flex;flex-direction:column;gap:16px}.rule-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.rule-card__header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:12px}.rule-card__info{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.rule-card__info h4{margin:0 8px 0 0;font-size:16px;font-weight:600;color:#1f2937}.rule-card__actions{display:flex;gap:8px}.rule-card__description{color:#6b7280;margin-bottom:12px;font-size:14px}.rule-card__conditions{background:#f9fafb;padding:12px;border-radius:8px;margin-bottom:12px}.conditions-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.condition-tag{display:inline-flex;align-items:center;gap:6px;background:#fff;padding:6px 12px;border-radius:20px;font-size:13px;box-shadow:0 1px 2px #0000000d}.logical-op{color:#3b82f6;font-weight:600}.rule-card__meta{font-size:12px;color:#9ca3af}.rule-code{font-family:Courier New,Courier,monospace;font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:4px}.rule-card__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;background:#f9fafb;padding:12px 16px;border-radius:8px;margin-bottom:12px}.rule-detail{display:flex;flex-direction:column;gap:2px}.rule-detail__label{font-size:11px;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.rule-detail__value{font-size:14px;color:#374151}.rule-detail__value--mono{font-family:Courier New,Courier,monospace;font-size:13px;background:#e5e7eb;padding:2px 6px;border-radius:4px}.executions-list{display:flex;flex-direction:column;gap:16px}.execution-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.execution-card__header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:16px}.execution-card__info{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.execution-card__info h4{margin:0 8px 0 0;font-size:16px;font-weight:600;color:#1f2937}.execution-card__actions{display:flex;gap:8px}.execution-card__stats{display:flex;gap:24px;margin-bottom:16px;padding:16px;background:#f9fafb;border-radius:8px}.execution-card__stats .stat{text-align:center}.execution-card__stats .stat__label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px}.execution-card__stats .stat__value{font-size:24px;font-weight:700;color:#1f2937}.execution-card__stats .stat--success .stat__value{color:#10b981}.execution-card__stats .stat--danger .stat__value{color:#ef4444}.execution-card__meta{font-size:12px;color:#9ca3af}.execution-card__error{margin-top:12px;padding:12px;background:#fee2e2;border-radius:8px;color:#991b1b;font-size:13px}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal--lg{max-width:800px}.modal--sm{max-width:400px}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.modal__header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.modal__close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;line-height:1}.modal__close:hover{color:#1f2937}.modal__body{padding:20px;overflow-y:auto;flex:1;min-height:0;max-height:calc(90vh - 140px)}.modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;background:#fff;flex-shrink:0}.conditions-section{margin-top:20px;padding:16px;background:#f9fafb;border-radius:8px}.conditions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.conditions-header h4{margin:0;font-size:14px;font-weight:600;color:#374151}.condition-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.condition-row .form__select,.condition-row .form__input{flex:1;min-width:100px}.simulation-results h4{margin:0 0 20px;font-size:18px;font-weight:600;color:#1f2937}.simulation-stats{display:flex;gap:24px;margin-bottom:24px}.sim-stat{flex:1;text-align:center;padding:20px;background:#f9fafb;border-radius:8px}.sim-stat__label{display:block;font-size:13px;color:#6b7280;margin-bottom:8px}.sim-stat__value{font-size:28px;font-weight:700;color:#1f2937}.impact-section{margin-bottom:24px;padding:16px;background:#f9fafb;border-radius:8px}.impact-section h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.impact-section p{margin:8px 0;font-size:14px;color:#4b5563}.sample-cases h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid #e5e7eb}.table th{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb}.table td{font-size:14px;color:#374151}.cycle-closure__manual{max-width:600px}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card__value{font-size:24px}.breakdown-item{flex-wrap:wrap}.breakdown-label,.breakdown-value{width:auto}.breakdown-bar-container{order:3;width:100%;margin-top:8px}.rule-card__header,.execution-card__header{flex-direction:column}.rule-card__actions,.execution-card__actions{width:100%;justify-content:flex-start}.execution-card__stats{flex-wrap:wrap}.execution-card__stats .stat{flex:1 1 calc(33% - 16px);min-width:80px}.condition-row{flex-direction:column;align-items:stretch}.condition-row .form__select,.condition-row .form__input{width:100%}.tabs{overflow-x:auto}.tab{padding:10px 16px;white-space:nowrap}}.btn--create{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-weight:600;box-shadow:0 2px 4px #3b82f64d}.btn--create:hover{box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.btn--create svg{width:18px;height:18px}.empty-state__icon{width:64px;height:64px;color:#9ca3af;margin-bottom:16px}.case-search-container{position:relative;width:100%}.case-search-input-wrapper{position:relative;display:flex;align-items:center}.case-search-input-wrapper .form__input{padding-right:40px}.case-search-spinner{position:absolute;right:12px;width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.case-search-clear{position:absolute;right:8px;width:24px;height:24px;background:#f3f4f6;border:none;border-radius:50%;font-size:16px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.case-search-clear:hover{background:#e5e7eb;color:#374151}.case-search-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:300px;overflow-y:auto;z-index:100;margin-top:4px}.case-search-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background .15s}.case-search-item:last-child{border-bottom:none}.case-search-item:hover{background:#f9fafb}.case-search-item__main{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.case-search-item__name{font-weight:600;color:#1f2937;font-size:14px}.case-search-item__case{font-size:12px;color:#3b82f6;background:#eff6ff;padding:2px 8px;border-radius:4px}.case-search-item__details{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#6b7280}.case-search-empty{padding:20px;text-align:center;color:#6b7280;font-size:14px}.selected-case-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;overflow:hidden}.selected-case-card__header{background:#f3f4f6;padding:10px 16px;border-bottom:1px solid #e5e7eb}.selected-case-card__header h4{margin:0;font-size:14px;font-weight:600;color:#374151}.selected-case-card__body{padding:16px}.selected-case-info{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.selected-case-info__row{display:flex;flex-direction:column;gap:2px}.selected-case-info__label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.selected-case-info__value{font-size:14px;color:#1f2937;font-weight:500}.selected-case-info__value--amount{color:#059669;font-weight:600}@media (max-width: 480px){.selected-case-info{grid-template-columns:1fr}.case-search-item__details{flex-direction:column;gap:4px}}.card__subtitle{font-size:13px;color:#6b7280;font-weight:400;margin-left:8px}.case-search-item--selected{background:#f0fdf4;cursor:default;opacity:.7}.case-search-item__added{font-size:11px;color:#059669;background:#d1fae5;padding:2px 8px;border-radius:4px;font-weight:500}.selected-cases-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:20px}.selected-cases-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.selected-cases-header h4{margin:0;font-size:14px;font-weight:600;color:#374151}.selected-cases-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.selected-case-chip{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:10px 12px;transition:all .15s}.selected-case-chip:hover{border-color:#d1d5db;box-shadow:0 1px 2px #0000000d}.selected-case-chip__info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.selected-case-chip__name{font-size:14px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-case-chip__details{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-case-chip__remove{width:24px;height:24px;background:#f3f4f6;border:none;border-radius:50%;font-size:16px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:12px;transition:all .15s}.selected-case-chip__remove:hover{background:#fee2e2;color:#dc2626}.selected-cases-summary{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb;font-size:14px;font-weight:600;color:#059669}@media (max-width: 480px){.selected-cases-header{flex-direction:column;align-items:flex-start;gap:8px}.selected-case-chip__details{white-space:normal}}.cron-input-wrapper{display:flex;gap:8px;align-items:flex-start}.cron-input-wrapper .form__input{flex:1}.form__input--error{border-color:#ef4444}.form__input--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form__error{display:block;color:#ef4444;font-size:12px;margin-top:4px}.form__hint{display:block;color:#6b7280;font-size:12px;margin-top:4px}.form__hint--title{font-weight:600;color:#374151;margin-bottom:8px}.cron-help{margin-top:12px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.cron-help__fields{display:flex;gap:8px;margin:8px 0 12px;flex-wrap:wrap}.cron-help__field{flex:1;min-width:70px;text-align:center;padding:8px 4px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:11px;color:#374151;font-weight:500;line-height:1.4}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.toggle-switch__slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;border-radius:24px;transition:all .3s ease}.toggle-switch__slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-switch__slider{background-color:#10b981}.toggle-switch input:checked+.toggle-switch__slider:before{transform:translate(20px)}.toggle-switch input:disabled+.toggle-switch__slider{opacity:.5;cursor:not-allowed}.toggle-switch__label{font-size:12px;color:#6b7280;font-weight:500;margin-left:8px}.toggle-switch__label--active{color:#10b981}.rule-card--minimal{display:flex;align-items:center;gap:16px;padding:12px 20px;flex-wrap:wrap}.rule-card__name-section{flex:1;min-width:200px;display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 0;transition:color .2s ease}.rule-card__name-section:hover{color:#3b82f6}.rule-card__name-section h4{margin:0;font-size:15px;font-weight:600;color:inherit}.rule-card__toggle-section{display:flex;align-items:center;gap:8px}.rule-card--minimal .rule-card__actions{display:flex;gap:6px;flex-wrap:wrap}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-icon svg{width:16px;height:16px}.btn-icon--outline{background:#fff;border:1px solid #d1d5db;color:#6b7280}.btn-icon--outline:hover{background:#f3f4f6;color:#374151;border-color:#9ca3af}.btn-icon--success{background:#10b981;color:#fff}.btn-icon--success:hover{background:#059669}.btn-icon--success:disabled{background:#d1fae5;color:#6ee7b7;cursor:not-allowed}.btn-icon--danger{background:#fff;border:1px solid #fecaca;color:#ef4444}.btn-icon--danger:hover{background:#fee2e2;border-color:#ef4444}.rule-details-modal{padding:0}.rule-details-modal__header{margin-bottom:24px}.rule-details-modal__header h4{margin:0 0 12px;font-size:20px;font-weight:600;color:#1f2937}.rule-details-modal__badges{display:flex;flex-wrap:wrap;gap:8px}.rule-details-modal__content{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.rule-details-modal__row{display:flex;flex-direction:column;gap:4px}.rule-details-modal__row--full{grid-column:1 / -1}.rule-details-modal__label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.rule-details-modal__value{font-size:14px;color:#1f2937;font-weight:500}.rule-details-modal__value--mono{font-family:Courier New,Courier,monospace;background:#f3f4f6;padding:4px 8px;border-radius:4px;font-size:13px}@media (max-width: 768px){.rule-card--minimal{flex-direction:column;align-items:flex-start;gap:12px}.rule-card__name-section{width:100%}.rule-card--minimal .rule-card__actions{width:100%;justify-content:flex-start}.rule-details-modal__content{grid-template-columns:1fr}}@media (max-width: 768px){.rule-card__toggle-section{flex-direction:column;align-items:flex-end;gap:4px}.toggle-switch__label{margin-left:0;font-size:11px}.cron-help__fields{gap:4px}.cron-help__field{min-width:50px;font-size:10px;padding:6px 2px}}.cycle-closure__closed-cases{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.section-header__actions{display:flex;align-items:center;gap:16px}.total-count{font-size:14px;color:#6b7280;font-weight:500}.closed-cases-table-container{overflow-x:auto;margin-bottom:20px}.closed-cases-table{width:100%;border-collapse:collapse;font-size:14px}.closed-cases-table th,.closed-cases-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.closed-cases-table th{background:#f9fafb;font-weight:600;color:#374151;white-space:nowrap;position:sticky;top:0}.closed-cases-table tbody tr:hover{background:#f9fafb}.closed-cases-table .case-number{font-weight:600;color:#3b82f6}.closed-cases-table .text-center{text-align:center}.closed-cases-table .text-right{text-align:right;font-family:Courier New,Courier,monospace}@media (max-width: 768px){.cycle-closure__closed-cases{padding:16px}.closed-cases-table th,.closed-cases-table td{padding:8px 12px;font-size:13px}.section-header__actions{flex-direction:column;align-items:flex-end;gap:8px}}.dms-page{padding:1.5rem;min-height:100vh;background-color:#f9fafb}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.page-header__content{flex:1}.page-title{font-size:1.75rem;font-weight:600;color:#111827;margin:0 0 .25rem}.page-subtitle{font-size:.875rem;color:#6b7280;margin:0}.alert{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.alert--error{background-color:#fee2e2;color:#dc2626}.alert button{padding:.25rem .75rem;font-size:.75rem;background:transparent;border:1px solid currentColor;border-radius:4px;cursor:pointer;color:inherit}.filter-section{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;gap:1rem}.filter-section__left{display:flex;align-items:center;gap:1rem}.filter-section__right{display:flex;align-items:center;gap:1rem;flex-shrink:0;margin-left:auto}.filter-section--column{flex-direction:column;align-items:stretch}.filter-section__row{display:flex;align-items:center;gap:1rem;width:100%}.filter-date-input{padding:.5rem .75rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;min-width:150px;transition:all .2s}.filter-date-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.btn-clear-filters{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;color:#dc2626;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;cursor:pointer;transition:all .2s;flex-shrink:0}.btn-clear-filters:hover{background:#fecaca;border-color:#fca5a5}.btn-clear-filters svg{width:14px;height:14px}.search-bar{display:flex;align-items:center;gap:.5rem;position:relative;min-width:280px;max-width:400px;width:280px}.search-bar--full{width:100%;max-width:100%;min-width:100%;flex:1}.search-bar>svg:first-child{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#9ca3af;pointer-events:none;z-index:1}.search-bar input{flex:1;min-width:0;padding:.625rem 1rem .625rem 2.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:all .2s;box-sizing:border-box}.search-bar input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.search-bar input::placeholder{color:#9ca3af}.search-bar__clear{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s;flex-shrink:0}.search-bar__clear:hover{background:#e5e7eb;color:#374151}.search-bar__clear svg{width:14px;height:14px;position:static;transform:none}.search-bar__btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:#fff;background:#2563eb;border:none;border-radius:6px;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.search-bar__btn:hover{background:#1d4ed8}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{font-size:.875rem;font-weight:500;color:#374151;white-space:nowrap}.filter-group select{padding:.5rem 2rem .5rem .75rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;min-width:150px}.filter-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.results-count{font-size:.875rem;color:#6b7280;font-weight:500}.results-info{display:flex;align-items:center;justify-content:flex-end;background:#fff;border-radius:8px;padding:.75rem 1.25rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}.channel-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.channel-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;background-color:#f3f4f6;color:#6b7280}.channel-tab:hover{background-color:#e5e7eb}.channel-tab.active{background-color:#2563eb;color:#fff}.channel-tab__icon{display:flex;align-items:center}.channel-tab__icon svg{width:16px;height:16px}.documents-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.documents-table{width:100%;border-collapse:collapse}.documents-table thead{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.documents-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.documents-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .15s}.documents-table tbody tr:last-child{border-bottom:none}.documents-table tbody tr:hover{background-color:#f9fafb}.documents-table td{padding:.875rem 1rem;font-size:.875rem;color:#374151;vertical-align:middle}.document-info{display:flex;align-items:center;gap:.75rem}.file-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;flex-shrink:0}.file-icon svg{width:20px;height:20px}.file-icon--pdf{background-color:#fee2e2;color:#dc2626}.file-icon--doc{background-color:#dbeafe;color:#2563eb}.file-icon--xls{background-color:#d1fae5;color:#059669}.file-icon--image{background-color:#e9d5ff;color:#7c3aed}.file-icon--file{background-color:#f3f4f6;color:#6b7280}.document-info__text{display:flex;flex-direction:column;gap:.125rem;min-width:0}.document-name{font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.document-id{font-size:.75rem;color:#9ca3af;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.channel-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.channel-badge--sms{background-color:#dbeafe;color:#1e40af}.channel-badge--email{background-color:#e9d5ff;color:#6b21a8}.channel-badge--whatsapp{background-color:#d1fae5;color:#065f46}.channel-badge--notice{background-color:#e5e7eb;color:#374151}.channel-badge--ivr{background-color:#fed7aa;color:#9a3412}.channel-badge--settlement{background-color:#fef3c7;color:#92400e}.category-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.category-badge--template{background-color:#dbeafe;color:#1e40af}.category-badge--generated{background-color:#d1fae5;color:#065f46}.status-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge--success{background-color:#d1fae5;color:#065f46}.status-badge--warning{background-color:#fef3c7;color:#92400e}.status-badge--danger{background-color:#fee2e2;color:#991b1b}.status-badge--default{background-color:#f3f4f6;color:#6b7280}.action-buttons{display:flex;gap:.5rem}.btn-action:disabled{opacity:.5;cursor:not-allowed}.btn-action--view{background-color:#dbeafe;color:#2563eb}.btn-action--view:hover:not(:disabled){background-color:#bfdbfe}.btn-action--download{background-color:#d1fae5;color:#059669}.btn-action--download:hover:not(:disabled){background-color:#a7f3d0}.btn-action--open{background-color:#e9d5ff;color:#7c3aed}.btn-action--open:hover:not(:disabled){background-color:#ddd6fe}.btn-action--delete{background-color:#fee2e2;color:#dc2626}.btn-action--delete:hover:not(:disabled){background-color:#fecaca}.btn-spinner{width:14px;height:14px;border:2px solid #e5e7eb;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:#6b7280}.empty-state{text-align:center;padding:3rem 1.5rem;color:#6b7280}.empty-state svg{width:64px;height:64px;margin:0 auto 1rem;color:#d1d5db}.empty-state p{font-size:1rem;font-weight:500;color:#374151;margin:0 0 .5rem}.empty-state span{font-size:.875rem;color:#9ca3af}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem;border-top:1px solid #e5e7eb}.pagination__btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s}.pagination__info{font-size:.875rem;color:#6b7280}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;overflow-y:auto}.modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:calc(100vh - 3rem);display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;margin:auto}.modal--lg{max-width:700px}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal__title{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.modal__close{padding:.5rem;color:#6b7280;background:none;border:none;cursor:pointer;border-radius:6px;transition:all .2s;line-height:0}.modal__close:hover{background:#f3f4f6;color:#111827}.modal__body{padding:1.5rem;overflow-y:auto;flex:1}.modal__footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item__label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.detail-item__value{font-size:.875rem;color:#111827;word-break:break-word}.confirm-message{font-size:.875rem;color:#374151;margin:0 0 .5rem}.confirm-warning{font-size:.75rem;color:#dc2626;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s;border:none}.btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.dms-page{padding:1rem}.filter-section{flex-direction:column;align-items:stretch}.filter-section__left{flex-direction:column}.filter-section__row{flex-wrap:wrap}.search-bar{min-width:100%;max-width:100%}.filter-date-input{min-width:0;flex:1}.channel-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem}.documents-table{display:block;overflow-x:auto}.detail-grid{grid-template-columns:1fr}}.notice-detail-page{padding:24px;max-width:1200px;margin:0 auto}.notice-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.notice-detail-back{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:50%;cursor:pointer;transition:all .15s;flex-shrink:0}.notice-detail-back:hover{background:#f3f4f6;border-color:#9ca3af}.notice-detail-back svg{width:20px;height:20px}.notice-detail-title-section{flex:1;min-width:0}.notice-detail-title{font-size:20px;font-weight:700;color:#111827;margin:0 0 4px}.notice-detail-subtitle{font-size:14px;color:#6b7280}.notice-detail-actions{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:#2563eb;color:#fff;border-color:#2563eb}.btn--primary:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.btn--secondary{background:#f3f4f6;color:#374151;border-color:#d1d5db}.btn--secondary:hover:not(:disabled){background:#e5e7eb}.btn--download{background:#fff;color:#2563eb;border-color:#bfdbfe}.btn--download:hover:not(:disabled){background:#eff6ff;border-color:#93c5fd}.btn--refresh{background:#fff;color:#059669;border-color:#a7f3d0}.btn--refresh:hover:not(:disabled){background:#f0fdf4;border-color:#6ee7b7}.notice-detail-content{display:flex;flex-direction:column;gap:24px}.detail-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.detail-section__title{font-size:16px;font-weight:600;color:#111827;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item--full{grid-column:1 / -1}.detail-item__label{font-size:12px;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.detail-item__value{font-size:14px;color:#1f2937;font-weight:500}.badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;border-radius:6px;white-space:nowrap}.badge--success{background:#f0fdf4;color:#059669}.badge--info{background:#eff6ff;color:#2563eb}.badge--warning{background:#fffbeb;color:#d97706}.badge--danger{background:#fef2f2;color:#dc2626}.badge--default{background:#f3f4f6;color:#6b7280}.badge--orange{background:#fff7ed;color:#ea580c}.dispatch-timeline{position:relative;padding-left:24px}.timeline-item{position:relative;padding-bottom:24px;padding-left:20px}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:-24px;top:6px;bottom:-6px;width:2px;background:#e5e7eb}.timeline-item:last-child:before{display:none}.timeline-dot{position:absolute;left:-30px;top:2px;width:14px;height:14px;border-radius:50%;background:#d1d5db;border:2px solid #ffffff;box-shadow:0 0 0 2px #e5e7eb}.timeline-dot--active{background:#2563eb;box-shadow:0 0 0 2px #bfdbfe}.timeline-dot--success{background:#059669;box-shadow:0 0 0 2px #a7f3d0}.timeline-dot--danger{background:#dc2626;box-shadow:0 0 0 2px #fecaca}.timeline-status{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:4px}.timeline-location{font-size:13px;color:#6b7280;margin-bottom:2px}.timeline-remarks{font-size:13px;color:#9ca3af;margin-bottom:2px}.timeline-date{font-size:12px;color:#9ca3af}.pod-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.notice-detail-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.notice-detail-page .modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000026}.notice-detail-page .modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.notice-detail-page .modal__header h2{font-size:18px;font-weight:600;color:#111827;margin:0}.notice-detail-page .modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .15s}.notice-detail-page .modal__close:hover{background:#f3f4f6;color:#111827}.notice-detail-page .modal__close svg{width:20px;height:20px}.notice-detail-page .modal__body{flex:1 1 0;min-height:0;overflow-y:auto;padding:24px}.notice-detail-page .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;flex-shrink:0}.form-section{margin-bottom:8px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group--full{grid-column:1 / -1}.form-label{font-size:13px;font-weight:500;color:#374151}.form-label .required{color:#dc2626}.form-input,.form-select,.form-textarea{padding:10px 12px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#1f2937;transition:border-color .15s,box-shadow .15s;width:100%;box-sizing:border-box}.form-error-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px}.form-error-banner svg{width:20px;height:20px;flex-shrink:0}.form-error-banner span{flex:1}.form-error-banner button{background:none;border:none;cursor:pointer;color:#dc2626;padding:4px;border-radius:4px}.form-error-banner button:hover{background:#fecaca}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px}.spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}.loading-container p{font-size:14px;color:#6b7280}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-state svg{width:48px;height:48px;color:#d1d5db;margin-bottom:16px}.empty-state p{font-size:16px;font-weight:500;color:#374151;margin:0 0 4px}@media (max-width: 1024px){.detail-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}}@media (max-width: 768px){.notice-detail-page{padding:16px}.notice-detail-header{flex-direction:column;align-items:flex-start;gap:12px}.notice-detail-actions{flex-wrap:wrap}.detail-grid{grid-template-columns:1fr}}.configuration-page{padding:24px;max-width:1600px;margin:0 auto}.page-header{margin-bottom:24px}.page-title{font-size:24px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.page-subtitle{font-size:14px;color:#6b7280;margin:0}.configuration-page .config-tabs{display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.configuration-page .config-tabs__header{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;border-bottom:1px solid #e5e7eb;background:#f9fafb;overflow-x:auto;overflow-y:hidden;width:100%}.configuration-page .config-tabs__content{padding:0;width:100%}.config-tab-button{display:flex;align-items:center;gap:8px;padding:14px 20px;font-size:13px;font-weight:500;color:#6b7280;background:transparent;border:none;cursor:pointer;position:relative;transition:all .2s;white-space:nowrap}.config-tab-button svg{width:18px;height:18px}.config-tab-button:hover{color:#1a1a2e;background:#00000005}.config-tab-button--active{color:#2563eb;background:#fff}.config-tab-button--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#2563eb}.tab-content{padding:24px}.tab-toolbar{display:flex;align-items:center;margin-bottom:24px;gap:16px}.search-box{flex:1;min-width:200px}.search-box input{width:100%;padding:10px 14px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.search-box input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.search-box input::placeholder{color:#9ca3af}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:12px 16px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;text-align:left;background:#f9fafb;border-bottom:1px solid #e5e7eb}.data-table td{padding:14px 16px;font-size:14px;color:#374151;border-bottom:1px solid #e5e7eb;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#f9fafb}.cell-mono{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;color:#1a1a2e}.cell-sub{font-size:12px;color:#9ca3af;margin-top:2px}.cell-actions{display:flex;gap:8px}.text-success{color:#059669}.text-danger{color:#dc2626}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s;border:none}.btn svg{width:18px;height:18px}.btn--primary{color:#fff;background:#2563eb}.btn--primary:hover:not(:disabled){background:#1d4ed8}.btn--primary:disabled{background:#93c5fd;cursor:not-allowed}.btn--secondary{color:#374151;background:#fff;border:1px solid #d1d5db}.btn--secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn--danger{color:#fff;background:#dc2626}.btn--danger:hover:not(:disabled){background:#b91c1c}.btn-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.btn-action svg{width:16px;height:16px}.btn-action--view{background:#dbeafe;color:#2563eb}.btn-action--view:hover{background:#bfdbfe}.btn-action--info{background:#e0f2fe;color:#0284c7}.btn-action--info:hover{background:#bae6fd}.btn-action--success{background:#d1fae5;color:#059669}.btn-action--success:hover{background:#a7f3d0}.btn-action--warning{background:#fef3c7;color:#d97706}.btn-action--warning:hover{background:#fde68a}.btn-action--danger{background:#fee2e2;color:#dc2626}.btn-action--danger:hover{background:#fecaca}.btn-action--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-action--disabled:hover{background-color:transparent}.btn--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;border-radius:9999px}.badge--success{background:#d1fae5;color:#059669}.badge--warning{background:#fef3c7;color:#d97706}.badge--danger{background:#fee2e2;color:#dc2626}.badge--info{background:#dbeafe;color:#2563eb}.badge--default,.badge--basic{background:#f3f4f6;color:#6b7280}.badge--standard{background:#dbeafe;color:#2563eb}.badge--enterprise{background:#fae8ff;color:#a855f7}.badge--strong{background:#d1fae5;color:#059669}.badge--custom{background:#fef3c7;color:#d97706}.badge--national{background:#fee2e2;color:#dc2626}.badge--regional{background:#dbeafe;color:#2563eb}.badge--company{background:#d1fae5;color:#059669}.badge--optional{background:#f3f4f6;color:#6b7280}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.pagination__btn{padding:8px 16px;font-size:14px;font-weight:500;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s}.pagination__btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination__btn:disabled{color:#9ca3af;cursor:not-allowed}.pagination__info{font-size:14px;color:#6b7280}.empty-state{text-align:center;padding:48px 24px;color:#6b7280}.empty-state svg{width:64px;height:64px;margin:0 auto 16px;color:#d1d5db}.empty-state p{font-size:16px;font-weight:500;color:#374151;margin:0 0 8px}.empty-state span{font-size:14px;color:#9ca3af}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 24px;color:#6b7280}.spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:8px;margin-bottom:16px}.alert--error{background:#fee2e2;color:#dc2626}.alert--success{background:#d1fae5;color:#059669}.alert button{padding:4px 12px;font-size:12px;background:transparent;border:1px solid currentColor;border-radius:4px;cursor:pointer;color:inherit}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;overflow-y:auto}.modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;margin:auto}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal__title{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.modal__close{padding:8px;color:#6b7280;background:none;border:none;cursor:pointer;border-radius:6px;transition:all .2s;line-height:0}.modal__close:hover{background:#f3f4f6;color:#1a1a2e}.modal__close svg{width:20px;height:20px}.modal__body{padding:24px;overflow-y:auto;flex:1}.modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb}.confirm-message{font-size:16px;color:#374151;margin:0 0 8px}.confirm-warning{font-size:14px;color:#dc2626;margin:0}.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.module-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.module-card:hover{box-shadow:0 4px 12px #0000001a}.module-card--enabled{border-color:#2563eb;background:#f8faff}.module-card__header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.module-card__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#2563eb;border-radius:10px;flex-shrink:0}.module-card__icon svg{width:20px;height:20px}.module-card__info{flex:1;min-width:0}.module-card__name{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 2px}.module-card__code{font-size:12px;color:#6b7280;font-family:monospace}.module-card__description{font-size:14px;color:#6b7280;margin:0 0 16px;line-height:1.5}.module-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #e5e7eb}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch__slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;transition:.3s;border-radius:26px}.toggle-switch__slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-switch__slider{background-color:#2563eb}.toggle-switch input:checked+.toggle-switch__slider:before{transform:translate(22px)}@media (max-width: 1200px){.configuration-page .config-tabs__header{overflow-x:auto}}@media (max-width: 768px){.configuration-page{padding:16px}.tab-toolbar{flex-direction:column;align-items:stretch;gap:12px}.search-box{width:100%}.data-table{display:block;overflow-x:auto}.pagination{flex-wrap:wrap;justify-content:center}.modules-grid{grid-template-columns:1fr}}.modal--large{max-width:800px}.org-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.org-detail-header__info{flex:1;min-width:0}.org-detail-header__name{font-size:20px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.org-detail-header__legal{font-size:14px;color:#6b7280;margin:0}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.detail-section{background:#f9fafb;border-radius:8px;padding:16px}.detail-section__title{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid #f3f4f6}.detail-row:last-child{border-bottom:none}.detail-label{font-size:13px;color:#6b7280;font-weight:500}.detail-value{font-size:13px;color:#1f2937;text-align:right;max-width:60%;word-break:break-word}@media (max-width: 768px){.detail-grid{grid-template-columns:1fr}.modal--large{max-width:100%}}.edit-form{width:100%}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.form-section{background:#f9fafb;border-radius:8px;padding:20px}.form-section__title{font-size:14px;font-weight:600;color:#374151;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;font-size:14px;color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:6px;transition:all .2s;box-sizing:border-box}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-input--disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.form-textarea{resize:vertical;min-height:80px}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:36px}.form-hint{display:block;font-size:12px;color:#9ca3af;margin-top:4px}.form-error{display:block;font-size:12px;color:#dc2626;margin-top:6px;font-weight:500}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}}.page-header--with-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.page-header__left{display:flex;align-items:center;gap:16px}.page-header__actions{display:flex;align-items:center;gap:12px}.btn--back{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s}.btn--back:hover{color:#1f2937;background:#f9fafb;border-color:#d1d5db}.btn--back svg{width:18px;height:18px}.edit-page-content{margin-top:24px}.edit-form-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:24px}.form-grid--three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.form-section--readonly{background:#f3f4f6}@media (max-width: 1200px){.form-grid--three-columns{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.form-grid--three-columns{grid-template-columns:1fr}.page-header--with-actions,.page-header__left{flex-direction:column;align-items:flex-start}.page-header__actions{width:100%;justify-content:flex-end}}.work-calendar-detail{margin-top:8px}.detail-section--full-width{grid-column:1 / -1}.working-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-top:12px}.working-day-card{display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;transition:all .2s}.working-day-card--active{background:#ecfdf5;border-color:#10b981}.working-day-card--clickable{cursor:pointer}.working-day-card--clickable:hover{transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.working-day-card__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:8px}.working-day-card--active .working-day-card__icon{background:#d1fae5;color:#059669}.working-day-card:not(.working-day-card--active) .working-day-card__icon{background:#fee2e2;color:#dc2626}.working-day-card__icon svg{width:18px;height:18px}.working-day-card__label{font-size:14px;font-weight:600;color:#374151;margin-bottom:4px;text-transform:capitalize}.working-day-card__status{font-size:12px;font-weight:500;color:#6b7280}.working-day-card--active .working-day-card__status{color:#059669}.working-day-card:not(.working-day-card--active) .working-day-card__status{color:#dc2626}.badge--secondary{background:#f3f4f6;color:#6b7280}@media (max-width: 1024px){.working-days-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 640px){.working-days-grid{grid-template-columns:repeat(2,1fr)}}.logo-upload-container{display:flex;flex-direction:column;gap:12px}.logo-preview{position:relative;display:inline-block;width:120px;height:120px;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#f9fafb}.logo-preview__image{width:100%;height:100%;object-fit:contain;padding:8px}.logo-preview__remove{position:absolute;top:4px;right:4px;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;background:#fee2e2;color:#dc2626;border:none;border-radius:50%;cursor:pointer;transition:all .2s}.logo-preview__remove:hover{background:#fecaca}.logo-preview__remove svg{width:14px;height:14px}.logo-upload-actions{display:flex;flex-direction:column;gap:6px}.logo-upload-btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;width:fit-content}.logo-upload-btn svg{width:18px;height:18px}.form-grid--two-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group--full-width{grid-column:1 / -1}.form-label--checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:500;color:#374151}.form-label--checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#2563eb}@media (max-width: 640px){.form-grid--two-columns{grid-template-columns:1fr}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-secondary: #6b7280;--color-danger: #ef4444;--color-success: #10b981;--color-warning: #f59e0b;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1)}:root.dark{--color-bg: #111827;--color-text: #f9fafb}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--color-gray-900);background-color:var(--color-gray-50);line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease-in-out}a:hover{color:var(--color-primary-dark)}code{font-family:var(--font-mono);background-color:var(--color-gray-100);padding:.125rem .25rem;border-radius:var(--radius-sm);font-size:.875em}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.back-button-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#667eea;cursor:pointer;transition:all .2s;flex-shrink:0}.back-button-icon:hover{background:#667eea;border-color:#667eea;color:#fff}.back-button-icon svg{width:20px;height:20px}