.sidebar,.sidebar *{font-family:var(--font-sans, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}.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;transition:transform .3s ease}.sidebar--closed{transform:translate(-100%)}.sidebar__header{padding:1.5rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.sidebar__close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff14;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .2s ease;flex-shrink:0}.sidebar__close-btn:hover{background:#ffffff26;color:#fff}.sidebar__close-btn svg{width:16px;height:16px}.sidebar__logo{display:flex;align-items:center;gap:.75rem}.sidebar__logo-icon{width:40px;height:40px;color:#1a3a82}.sidebar__logo-image{width:44px;height:44px;object-fit:contain;border-radius:8px;background:#fff;padding:2px}.sidebar__logo-text{font-family:var(--font-display, "Plus Jakarta Sans", "Inter", sans-serif);font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:-.02em}.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,#1a3a82,#0b1a44);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,#1a3a82,#0b1a44);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;transition:left .3s ease}.topbar--sidebar-closed{left:0}.topbar__content{height:100%;display:flex;align-items:center;justify-content:flex-end;padding:0 2rem;gap:2rem}.topbar__menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:#64748b;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-right:auto}.topbar__menu-toggle:hover{background:#f1f5f9;color:#334155}.topbar__menu-toggle svg{width:22px;height:22px}.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,#1a3a82,#0b1a44);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:#1a3a82;background:none;border:none;cursor:pointer;font-weight:600;transition:color .2s ease}.topbar__dropdown-clear:hover{color:#2b56a8}.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:#1a3a82;text-decoration:none;transition:color .2s ease}.topbar__dropdown-footer a:hover{color:#2b56a8}.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:#dff5e8;color:#16a34a}.topbar__notification-icon--warning{background:#fef3c7;color:#d97706}.topbar__notification-icon--info{background:#dbeafe;color:#0b1a44}.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);transition:margin-left .3s ease}.main-layout--sidebar-closed .main-layout__content{margin-left:0}@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,#1a3a82,#0b1a44)}.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:#1a3a82;color:#fff}.button--primary:hover:not(:disabled){background-color:#0b1a44}.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:#1a3a82;box-shadow:0 0 0 3px #1a3a821a}.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:#0b1a44}.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,#1a3a82,#0b1a44);color:#fff}.session-timeout-btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1a3a8266}.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}}.fx-shell{--fx-bg: #f6f7f9;--fx-ink: #0f1b24;--fx-ink-2: #2a3944;--fx-ink-3: #5a6874;--fx-ink-4: #8a95a0;--fx-line: #e5e8ec;--fx-line-2: #eef0f3;--fx-brand: #1a3a82;--fx-brand-2: #2b56a8;--fx-brand-ink: #0b1a44;--fx-accent: #5a7fd1;--fx-accent-2: #afc6ff;--fx-ok: #1f8a5a;--fx-ok-bg: #dff5e8;--fx-warn: #b5871f;--fx-warn-bg: #fbf0d6;--fx-danger: #b5443c;--fx-danger-bg: #fbe2de;--fx-info: #2f5ea8;--fx-info-bg: #e0ebfb;--fx-radius: 12px;--fx-radius-sm: 8px;--fx-ui: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fx-display: "Plus Jakarta Sans", "Inter", sans-serif;--fx-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;color:var(--fx-ink);font-family:var(--fx-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden}.fx-shell *,.fx-shell *:before,.fx-shell *:after{box-sizing:border-box}@media(max-width:980px){.fx-shell{grid-template-columns:1fr;position:relative;min-height:100vh;height:auto}.fx-left{display:none!important}}.fx-left{position:relative;overflow:hidden;background:radial-gradient(120% 80% at 0% 0%,#2b56a8 0%,transparent 55%),radial-gradient(90% 70% at 100% 100%,#0e1f4a 0%,transparent 60%),linear-gradient(180deg,#1a3a82,#0b1a44);color:#eaf0ff;padding:32px 48px 28px;display:flex;flex-direction:column;gap:18px;height:100%;isolation:isolate}.fx-left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(60% 60% at 50% 40%,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(60% 60% at 50% 40%,black 30%,transparent 80%);pointer-events:none}.fx-left:after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(175,198,255,.18),transparent 60%);pointer-events:none}.fx-hero{position:relative;z-index:2;margin-top:8px;max-width:520px}.fx-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#9fc3ca;margin-bottom:18px}.fx-eyebrow__dot{width:6px;height:6px;border-radius:50%;background:#9fc3ca;box-shadow:0 0 0 4px #9fc3ca26}.fx-hero__title{font-family:var(--fx-display);font-weight:700;font-size:44px;line-height:1.08;letter-spacing:-.02em;margin:0 0 16px;color:#f2f7f8;text-wrap:pretty;animation:fxFadeIn .5s}.fx-hero__title em{font-style:normal;background:linear-gradient(90deg,#9cc2c9,#cfe0e3);-webkit-background-clip:text;background-clip:text;color:transparent}.fx-hero__sub{font-size:15.5px;line-height:1.55;color:#b7ccd0;max-width:440px;margin:0;animation:fxFadeIn .5s .1s both}@keyframes fxFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.fx-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px;position:relative;z-index:2}.fx-chip{font-size:11.5px;letter-spacing:.02em;padding:6px 10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#cfe0e3}.fx-stage{position:relative;flex:1;min-height:320px;margin-top:16px;z-index:2}.fx-float{position:absolute;background:#fff;color:var(--fx-ink);border-radius:14px;box-shadow:0 30px 60px -24px #0000008c,0 10px 24px -14px #0006;overflow:hidden;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .8s}.fx-float.is-hidden{opacity:0;transform:translateY(20px) scale(.97)!important;pointer-events:none}.fx-dots{position:absolute;left:48px;bottom:80px;display:flex;gap:6px;z-index:3}.fx-dots button{width:22px;height:3px;border:0;border-radius:2px;background:#ffffff40;cursor:pointer;padding:0;transition:background .3s,width .3s}.fx-dots button.is-active{background:#cfe0e3;width:34px}.fx-poweredby{position:relative;z-index:2;display:flex;align-items:center;gap:10px;color:#9fb7bb;font-size:12px;letter-spacing:.06em}.fx-poweredby img{height:22px;width:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.mini{color:#2a3944;font-size:11px}.mini__head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.mini__head strong{font-family:var(--fx-display);font-size:13px;color:#0f1b24;font-weight:700}.mini__head--plain{margin-bottom:8px}.mini__bullet{width:12px;height:12px;border-radius:50%;background:#eef0f3}.mini__dot{width:7px;height:7px;border-radius:50%;display:inline-block}.fx-pill{display:inline-flex;align-items:center;font-weight:600;border-radius:999px;letter-spacing:.02em;white-space:nowrap}.mini--workflow{padding:14px 16px;width:560px}.mini__toolbar{display:flex;gap:6px;margin-bottom:10px;align-items:center}.mini__search{flex:1;height:26px;background:#f6f7f9;border:1px solid #e5e8ec;border-radius:8px;display:flex;align-items:center;padding:0 10px;color:#8a95a0;font-size:10px}.mini__searchbtn{height:26px;padding:0 10px;background:#1d4a55;color:#fff;border-radius:6px;display:grid;place-items:center;font-size:10px;font-weight:600}.mini__tbl{border:1px solid #eef0f3;border-radius:8px;overflow:hidden}.mini__thead{display:grid;grid-template-columns:1.3fr 1fr 1fr .8fr .9fr .9fr .9fr;background:#fafbfc;padding:8px 10px;font-size:9px;letter-spacing:.06em;color:#5a6874;font-weight:600;text-transform:uppercase}.mini__row{display:grid;grid-template-columns:1.3fr 1fr 1fr .8fr .9fr .9fr .9fr;padding:9px 10px;border-top:1px solid #f1f3f5;font-size:10px;align-items:center}.mini__link{color:#2f5ea8;font-weight:500}.mini__strong{font-weight:600;color:#0f1b24}.mini__muted{color:#5a6874}.mini__val{color:#2a3944;font-weight:500}.mini--dashboard{padding:14px 16px;width:420px;background:#fff}.mini__stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.mini__stat{border:1px solid #eef0f3;border-radius:10px;padding:9px 10px;display:flex;align-items:center;gap:10px;background:#fff}.mini__stat-dot{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;font-size:11px;font-weight:700}.mini__stat-k{font-size:8px;letter-spacing:.1em;color:#5a6874;font-weight:600}.mini__stat-v{font-size:13px;font-weight:700}.mini__trend{border:1px solid #eef0f3;border-radius:10px;padding:10px 12px;background:#fff}.mini__trend-k{font-size:10px;font-weight:600;color:#0f1b24;margin-bottom:6px;display:flex;align-items:center;gap:6px}.mini--donut{padding:14px 16px;width:240px;background:#fff;border-radius:14px}.mini__donut-row{display:flex;align-items:center;gap:10px}.mini__legend{display:flex;flex-direction:column;gap:3px;font-size:9px}.mini__legend-row{display:flex;align-items:center;gap:5px}.mini__legend-l{color:#5a6874;letter-spacing:.02em}.mini__legend-p{margin-left:auto;font-weight:600;color:#0f1b24}.mini--split{padding:12px 14px;width:420px;color:#2a3944}.mini--split .mini__head strong{font-size:11px}.mini__split-row{display:grid;grid-template-columns:90px 1fr 30px;align-items:center;gap:8px;font-size:10px;margin:5px 0}.mini__bar{height:6px;background:#eef0f3;border-radius:999px}.mini__bar-fill{height:100%;border-radius:999px}.mini__bar-p{text-align:right;font-weight:600;color:#0f1b24}.fx-right{position:relative;display:flex;align-items:center;justify-content:center;padding:32px 64px;height:100%;overflow:hidden;background:radial-gradient(70% 55% at 80% 15%,#d9e2fb 0%,transparent 60%),radial-gradient(60% 55% at 15% 85%,#e7ecfc 0%,transparent 60%),radial-gradient(50% 45% at 50% 50%,#eef2fd 0%,transparent 70%),linear-gradient(180deg,#f3f5fb,#e6ebf8);isolation:isolate}.fx-right:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(90,127,209,.55),transparent 65%);top:-60px;right:-60px;filter:blur(40px);pointer-events:none}.fx-right:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(175,198,255,.6),transparent 65%);bottom:-60px;left:-60px;filter:blur(40px);pointer-events:none}.fx-card{position:relative;z-index:2;width:100%;max-width:420px;display:flex;flex-direction:column;gap:14px;margin:auto 0;padding:36px 36px 28px;background:linear-gradient(140deg,#ffffff8c,#ffffff40 45%,#ffffff73);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.7);border-radius:28px;box-shadow:0 50px 100px -30px #0b1a4459,0 24px 48px -20px #0b1a4438,inset 0 1px 1px #fff,inset 0 -1px 1px #fff6,inset 1px 0 1px #ffffff80,inset -1px 0 1px #ffffff4d}.fx-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;pointer-events:none;background:linear-gradient(180deg,#fff9,#fff0 35%),radial-gradient(120% 60% at 50% 0%,rgba(255,255,255,.4),transparent 60%)}.fx-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff80;background:linear-gradient(180deg,transparent 60%,rgba(175,198,255,.08) 100%)}.fx-card>*{position:relative;z-index:1}.fx-logoBlock{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:2px}.fx-logoMark{width:56px;height:56px;border-radius:14px;background:linear-gradient(145deg,#2b56a8,#0b1a44);display:grid;place-items:center;overflow:hidden;box-shadow:0 10px 30px -10px #0b1a4480,inset 0 1px #ffffff1a}.fx-logoMark--image{background:#fff;box-shadow:0 10px 30px -10px #0b1a4459,0 0 0 1px #0b1a440f}.fx-logoMark__img{width:100%;height:100%;object-fit:contain;padding:6px;display:block}.fx-title{font-family:var(--fx-display);font-weight:700;font-size:20px;margin:4px 0 0;letter-spacing:-.01em;text-align:center;color:var(--fx-ink)}.fx-subtitle{font-size:13px;color:var(--fx-ink-3);text-align:center;margin:-6px 0 2px}.fx-alert{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:10px;font-size:12.5px;font-weight:500;line-height:1.45;margin:4px 0}.fx-alert svg{width:16px;height:16px;flex-shrink:0;margin-top:1px}.fx-alert--error{background:var(--fx-danger-bg);color:var(--fx-danger);border:1px solid rgba(181,68,60,.22)}.fx-alert--info{background:var(--fx-info-bg);color:var(--fx-info);border:1px solid rgba(47,94,168,.22)}.fx-field{display:flex;flex-direction:column;gap:6px}.fx-field__labelrow{display:flex;justify-content:space-between;align-items:center}.fx-label{font-size:12px;font-weight:500;color:var(--fx-ink-2);letter-spacing:.01em}.fx-input{display:flex;align-items:center;gap:10px;border:1px solid var(--fx-line);border-radius:var(--fx-radius);background:#fff;padding:0 12px;height:44px;transition:border-color .15s,box-shadow .15s}.fx-input:focus-within{border-color:var(--fx-brand);box-shadow:0 0 0 4px #1a3a821a}.fx-input input{border:0;outline:0;background:transparent;flex:1;font:500 14px var(--fx-ui);color:var(--fx-ink)}.fx-input input::placeholder{color:var(--fx-ink-4);font-weight:400}.fx-input input:disabled{opacity:.6;cursor:not-allowed}.fx-input__leading{color:var(--fx-ink-4);display:grid;place-items:center}.fx-input__trailing{color:var(--fx-ink-4);cursor:pointer;padding:4px;border-radius:6px;display:grid;place-items:center;background:transparent;border:0}.fx-input__trailing:hover{background:var(--fx-line-2);color:var(--fx-ink-2)}.fx-remember{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--fx-ink-2);font-size:12px}.fx-check{width:16px;height:16px;border:1.5px solid #c4ccd4;border-radius:4px;display:grid;place-items:center;background:#fff;transition:all .15s}.fx-check.is-on{background:var(--fx-brand);border-color:var(--fx-brand)}.fx-forgot-wrap{display:flex;justify-content:flex-end;margin-top:2px}.fx-forgot{color:var(--fx-brand);font-weight:500;text-decoration:none;font-size:12.5px}.fx-forgot:hover{text-decoration:underline}.fx-submit{margin-top:4px;height:46px;border:0;border-radius:var(--fx-radius);cursor:pointer;background:linear-gradient(180deg,#2b56a8,#0b1a44);color:#fff;font:600 14.5px var(--fx-display);letter-spacing:.02em;box-shadow:0 10px 24px -10px #0b1a4480,inset 0 1px #ffffff1a;transition:transform .12s,box-shadow .2s,filter .2s;display:flex;align-items:center;justify-content:center;gap:8px}.fx-submit:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 14px 30px -10px #0b1a448c}.fx-submit:active:not(:disabled){transform:translateY(1px)}.fx-submit:disabled{opacity:.7;cursor:wait}.fx-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:fxSpin 1s linear infinite;display:inline-block}@keyframes fxSpin{to{transform:rotate(360deg)}}.fx-contact{text-align:center;margin-top:10px;font-size:13px}.fx-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1b248c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.fx-modal{background:#fff;border-radius:16px;padding:2rem;max-width:420px;width:100%;box-shadow:0 30px 80px -20px #0006;text-align:center;border:1px solid var(--fx-line);animation:fxModalIn .28s cubic-bezier(.2,.9,.3,1.2);font-family:var(--fx-ui)}@keyframes fxModalIn{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:none}}.fx-modal__icon{width:60px;height:60px;margin:0 auto 1.25rem;background:var(--fx-warn-bg);border-radius:18px;display:grid;place-items:center;color:var(--fx-warn)}.fx-modal__icon svg{width:28px;height:28px}.fx-modal__title{font-family:var(--fx-display);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;color:var(--fx-ink);margin:0 0 .5rem}.fx-modal__msg{font-size:.9375rem;color:var(--fx-ink-2);margin:0 0 .35rem;line-height:1.5}.fx-modal__info{font-size:.8125rem;color:var(--fx-ink-3);margin:0 0 1.5rem}.fx-modal__actions{display:flex;gap:.6rem}.fx-modal__btn{flex:1;padding:.78rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .18s ease;display:flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid transparent}.fx-modal__btn:disabled{opacity:.7;cursor:not-allowed}.fx-modal__btn--cancel{background:#f6f7f9;color:var(--fx-ink);border-color:var(--fx-line)}.fx-modal__btn--cancel:hover:not(:disabled){background:#eef0f3}.fx-modal__btn--primary{background:linear-gradient(180deg,#2b56a8,#0b1a44);color:#fff;box-shadow:0 8px 20px -6px #0b1a4480}.fx-modal__btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px -6px #0b1a4499}@media(prefers-reduced-motion:reduce){.fx-hero__title,.fx-hero__sub,.fx-float,.fx-submit,.fx-modal,.fx-spinner{animation:none!important;transition:none!important}}@media(max-width:560px){.fx-right{padding:24px 20px}}.af-shell{--af-bg: #f6f7f9;--af-ink: #0f1b24;--af-ink-2: #2a3944;--af-ink-3: #5a6874;--af-ink-4: #8a95a0;--af-line: #e5e8ec;--af-line-2: #eef0f3;--af-brand: #1a3a82;--af-brand-2: #2b56a8;--af-brand-ink: #0b1a44;--af-accent: #5a7fd1;--af-accent-2: #afc6ff;--af-ok: #1f8a5a;--af-ok-2: #2cb077;--af-danger: #b5443c;--af-danger-bg: #fbe2de;--af-info: #2f5ea8;--af-info-bg: #e0ebfb;--af-radius: 12px;--af-ui: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--af-display: "Plus Jakarta Sans", "Inter", sans-serif;position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;color:var(--af-ink);font-family:var(--af-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden}.af-shell *,.af-shell *:before,.af-shell *:after{box-sizing:border-box}@media(max-width:980px){.af-shell{grid-template-columns:1fr;position:relative;min-height:100vh;height:auto}.af-left{display:none!important}}.af-left{position:relative;overflow:hidden;background:radial-gradient(120% 80% at 0% 0%,#2b56a8 0%,transparent 55%),radial-gradient(90% 70% at 100% 100%,#0e1f4a 0%,transparent 60%),linear-gradient(180deg,#1a3a82,#0b1a44);color:#eaf0ff;padding:32px 48px 28px;display:flex;flex-direction:column;gap:18px;height:100%;isolation:isolate}.af-left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(60% 60% at 50% 40%,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(60% 60% at 50% 40%,black 30%,transparent 80%)}.af-left:after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(175,198,255,.18),transparent 60%);pointer-events:none}.af-hero{position:relative;z-index:2;margin-top:28px;max-width:520px}.af-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#9fb3dc;margin-bottom:18px}.af-eyebrow__dot{width:6px;height:6px;border-radius:50%;background:#9fb3dc;box-shadow:0 0 0 4px #9fb3dc26}.af-hero__title{font-family:var(--af-display);font-weight:700;font-size:44px;line-height:1.08;letter-spacing:-.02em;margin:0 0 16px;color:#f2f5fb}.af-hero__title em{font-style:normal;background:linear-gradient(90deg,#afc6ff,#e2e9fb);-webkit-background-clip:text;background-clip:text;color:transparent}.af-hero__sub{font-size:15.5px;line-height:1.55;color:#b9c4e1;max-width:440px;margin:0}.af-steps{position:relative;z-index:2;margin-top:32px;display:flex;flex-direction:column;gap:14px;max-width:440px}.af-step{display:flex;gap:14px;align-items:flex-start;transition:opacity .3s ease}.af-step__num{width:32px;height:32px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);display:grid;place-items:center;font:600 13px var(--af-display);color:#e2e9fb;flex-shrink:0;transition:background .3s ease,border-color .3s ease,color .3s ease}.af-step.is-active .af-step__num{background:#afc6ff2e;border-color:#afc6ff80;color:#eaf0ff}.af-step.is-done .af-step__num{background:#afc6ff;border-color:#afc6ff;color:#0b1a44}.af-step__body strong{display:block;color:#f2f5fb;font:600 14px var(--af-display);margin-bottom:2px}.af-step__body span{font-size:12.5px;color:#9fb3dc;line-height:1.5}.af-poweredby{margin-top:auto;position:relative;z-index:2;display:flex;align-items:center;gap:10px;color:#9fb3dc;font-size:12px;letter-spacing:.06em}.af-poweredby img{height:22px;width:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.af-right{position:relative;display:flex;align-items:center;justify-content:center;padding:32px 64px;height:100%;overflow-y:auto;background:radial-gradient(70% 55% at 80% 15%,#d9e2fb 0%,transparent 60%),radial-gradient(60% 55% at 15% 85%,#e7ecfc 0%,transparent 60%),radial-gradient(50% 45% at 50% 50%,#eef2fd 0%,transparent 70%),linear-gradient(180deg,#f3f5fb,#e6ebf8);isolation:isolate}.af-right:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(90,127,209,.55),transparent 65%);top:-60px;right:-60px;filter:blur(40px);pointer-events:none}.af-right:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(175,198,255,.6),transparent 65%);bottom:-60px;left:-60px;filter:blur(40px);pointer-events:none}.af-card{position:relative;z-index:2;width:100%;max-width:420px;display:flex;flex-direction:column;gap:14px;margin:auto 0;padding:36px 36px 28px;background:linear-gradient(140deg,#ffffff8c,#ffffff40 45%,#ffffff73);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.7);border-radius:28px;box-shadow:0 50px 100px -30px #0b1a4459,0 24px 48px -20px #0b1a4438,inset 0 1px 1px #fff,inset 0 -1px 1px #fff6,inset 1px 0 1px #ffffff80,inset -1px 0 1px #ffffff4d}.af-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;pointer-events:none;background:linear-gradient(180deg,#fff9,#fff0 35%),radial-gradient(120% 60% at 50% 0%,rgba(255,255,255,.4),transparent 60%)}.af-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff80;background:linear-gradient(180deg,transparent 60%,rgba(175,198,255,.08) 100%)}.af-card>*{position:relative;z-index:1}.af-logoBlock{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:2px}.af-logoMark{width:56px;height:56px;border-radius:14px;background:linear-gradient(145deg,#2b56a8,#0b1a44);display:grid;place-items:center;overflow:hidden;box-shadow:0 10px 30px -10px #0b1a4480,inset 0 1px #ffffff1a}.af-logoMark--image{background:#fff;box-shadow:0 10px 30px -10px #0b1a4459,0 0 0 1px #0b1a440f}.af-logoMark__img{width:100%;height:100%;object-fit:contain;padding:6px;display:block}.af-title{font-family:var(--af-display);font-weight:700;font-size:22px;margin:4px 0 0;letter-spacing:-.01em;text-align:center;color:var(--af-ink)}.af-subtitle{font-size:13px;color:var(--af-ink-3);text-align:center;margin:-4px 16px 4px;line-height:1.5}.af-subtitle strong{color:var(--af-ink);font-weight:600}.af-alert{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:10px;font-size:12.5px;font-weight:500;line-height:1.45;margin:4px 0}.af-alert svg{width:16px;height:16px;flex-shrink:0;margin-top:1px}.af-alert--error{background:var(--af-danger-bg);color:var(--af-danger);border:1px solid rgba(181,68,60,.22)}.af-alert--info{background:var(--af-info-bg);color:var(--af-info);border:1px solid rgba(47,94,168,.22)}.af-alert--success{background:#dff5e8;color:var(--af-ok);border:1px solid rgba(31,138,90,.25)}.af-field{display:flex;flex-direction:column;gap:6px}.af-label{font-size:12px;font-weight:500;color:var(--af-ink-2);letter-spacing:.01em}.af-input{display:flex;align-items:center;gap:10px;border:1px solid rgba(26,58,130,.15);border-radius:var(--af-radius);background:#ffffff8c;padding:0 12px;height:44px;transition:border-color .15s,box-shadow .15s,background .15s}.af-input:focus-within{border-color:var(--af-brand);background:#ffffffd9;box-shadow:0 0 0 4px #1a3a821a}.af-input input{border:0;outline:0;background:transparent;flex:1;font:500 14px var(--af-ui);color:var(--af-ink)}.af-input input::placeholder{color:var(--af-ink-4);font-weight:400}.af-input input:disabled{opacity:.6;cursor:not-allowed}.af-input__leading{color:var(--af-ink-4);display:grid;place-items:center}.af-input__trailing{color:var(--af-ink-4);cursor:pointer;padding:4px;border-radius:6px;display:grid;place-items:center;background:transparent;border:0}.af-input__trailing:hover{color:var(--af-ink-2);background:#1a3a820f}.af-input.is-err{border-color:var(--af-danger);box-shadow:0 0 0 4px #b5443c14}.af-err-msg{font-size:12px;color:var(--af-danger);display:flex;align-items:center;gap:6px}.af-submit{margin-top:6px;height:46px;border:0;border-radius:var(--af-radius);cursor:pointer;background:linear-gradient(180deg,#2b56a8,#0b1a44);color:#fff;font:600 14.5px var(--af-display);letter-spacing:.02em;box-shadow:0 10px 24px -10px #0b1a4480,inset 0 1px #ffffff1a;transition:transform .12s,box-shadow .2s,filter .2s;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.af-submit:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 14px 30px -10px #0b1a448c}.af-submit:active:not(:disabled){transform:translateY(1px)}.af-submit:disabled{opacity:.7;cursor:wait}.af-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:afSpin 1s linear infinite;display:inline-block}@keyframes afSpin{to{transform:rotate(360deg)}}.af-divider{height:1px;background:#1a3a821a;margin:8px 0 2px}.af-back{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--af-brand);font:500 13.5px var(--af-ui);text-decoration:none;padding:4px 0}.af-back:hover{text-decoration:underline}.af-otp-row{display:flex;gap:8px;justify-content:space-between}.af-otp-box{flex:1;min-width:0;width:44px;height:46px;padding:0;border:1px solid rgba(26,58,130,.2);border-radius:10px;background:#ffffff8c;font:600 18px var(--af-display);text-align:center;outline:0;color:var(--af-ink);letter-spacing:.02em;transition:border-color .15s,box-shadow .15s,background .15s}@media(max-width:560px){.af-otp-row{gap:6px}.af-otp-box{height:44px;font-size:17px;border-radius:9px}}.af-otp-box:focus{border-color:var(--af-brand);background:#ffffffe6;box-shadow:0 0 0 4px #1a3a821a}.af-otp-box.is-err{border-color:var(--af-danger);box-shadow:0 0 0 4px #b5443c14}.af-otp-meta{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--af-ink-3)}.af-otp-meta button{border:0;background:transparent;color:var(--af-brand);font:500 12.5px var(--af-ui);cursor:pointer;padding:0}.af-otp-meta button:disabled{color:var(--af-ink-4);cursor:not-allowed}.af-otp-meta button:hover:not(:disabled){text-decoration:underline}.af-meter{display:flex;gap:4px;margin-top:6px}.af-meter span{flex:1;height:4px;border-radius:2px;background:#1a3a821a;transition:background .2s}.af-meter.l1 span:nth-child(-n+1){background:#b5443c}.af-meter.l2 span:nth-child(-n+2){background:#e0a53a}.af-meter.l3 span:nth-child(-n+3){background:#2f86c8}.af-meter.l4 span:nth-child(-n+4){background:#1f8a5a}.af-meter.l5 span{background:#1f8a5a}.af-meter-label{font-size:11.5px;color:var(--af-ink-3);margin-top:4px}.af-reqs{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin-top:2px}.af-reqs li{display:flex;align-items:center;gap:6px;list-style:none;font-size:11.5px;color:var(--af-ink-3)}.af-reqs li:before{content:"";width:10px;height:10px;border-radius:50%;background:#1a3a821f;flex-shrink:0;transition:background .2s}.af-reqs li.is-met{color:var(--af-ok)}.af-reqs li.is-met:before{background:var(--af-ok)}.af-success-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(145deg,#2cb077,#1f8a5a);display:grid;place-items:center;margin:0 auto;box-shadow:0 12px 28px -8px #1f8a5a73}@media(max-width:560px){.af-right{padding:24px 20px}}@media(prefers-reduced-motion:reduce){.af-spinner,.af-step{animation:none!important;transition:none!important}}.dashboard-page{max-width:1400px;margin:0 auto}.db-back-header{margin-bottom:8px}.db-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;color:#94a3b8;gap:20px}.db-loading p{margin:0;font-size:14px;font-weight:500}.db-loading__orb{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#1a3a82,#2b56a8);animation:dbPulse 1.4s ease-in-out infinite}@keyframes dbPulse{0%,to{transform:scale(.85);opacity:.5}50%{transform:scale(1.1);opacity:1}}.db-error{display:flex;flex-direction:column;align-items:center;padding:80px 20px;gap:16px;color:#64748b}.db-empty{display:flex;flex-direction:column;align-items:center;padding:60px 20px;color:#94a3b8;gap:12px}.db-empty svg{width:48px;height:48px}.db-empty p{margin:0;font-size:14px}.db-btn{display:flex;align-items:center;gap:8px;padding:8px 18px;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.db-btn svg{width:16px;height:16px}.db-btn--primary{background:linear-gradient(135deg,#1a3a82,#5a7fd1);color:#fff;box-shadow:0 2px 8px #1a3a824d}.db-btn--primary:hover{box-shadow:0 4px 16px #1a3a8266;transform:translateY(-1px)}.db-btn--secondary{background:#fff;color:#475569;border:1px solid #e2e8f0}.db-btn--secondary:hover{background:#f8fafc;border-color:#cbd5e1}.db-btn--secondary:disabled{opacity:.6;cursor:not-allowed}.db-btn--refresh{background:#fff;color:#1a3a82;border:1px solid #e0e7ff;box-shadow:0 1px 4px #1a3a8214}.db-btn--refresh:hover{background:#eef4ff;border-color:#c7d2fe;box-shadow:0 2px 10px #1a3a8226}.db-btn--refresh:disabled{opacity:.6;cursor:not-allowed}.db-tabs{display:flex;gap:4px;padding:4px;background:#f1f5f9;border-radius:10px;margin-bottom:24px;overflow-x:auto}.db-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;background:transparent;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.db-tab:hover{color:#1e293b;background:#ffffff80}.db-tab--active{background:#fff;color:#1e293b;box-shadow:0 1px 3px #00000014}.db-tab__badge{padding:2px 8px;border-radius:10px;background:#dbeafe;color:#0b1a44;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.db-dashboard-name{font-size:15px;font-weight:600;color:#64748b;margin-bottom:20px}.db-kpi-grid{display:grid;gap:16px;margin-bottom:28px}.db-kpi-grid--1{grid-template-columns:max-content}.db-kpi-grid--2{grid-template-columns:repeat(2,1fr)}.db-kpi-grid--3{grid-template-columns:repeat(3,1fr)}.db-kpi-grid--4{grid-template-columns:repeat(4,1fr)}.db-kpi-grid--5{grid-template-columns:repeat(5,1fr)}.db-kpi-grid--6{grid-template-columns:repeat(6,1fr)}.db-kpi-grid--7{grid-template-columns:repeat(7,1fr)}.db-kpi-grid--8{grid-template-columns:repeat(8,1fr)}.db-kpi{position:relative;display:flex;align-items:center;gap:14px;padding:20px 20px 20px 24px;border-radius:16px;border:1px solid rgba(0,0,0,.04);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000a,0 4px 14px #00000005}.db-kpi:hover{transform:translateY(-4px);box-shadow:0 8px 28px #00000014}.db-kpi__stripe{position:absolute;left:0;top:0;width:4px;height:100%}.db-kpi__icon{flex-shrink:0;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001f}.db-kpi__content{flex:1;min-width:0}.db-kpi__title{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-kpi__value{font-size:26px;font-weight:800;line-height:1.1;letter-spacing:-.5px}.db-kpi-grid--5 .db-kpi,.db-kpi-grid--6 .db-kpi,.db-kpi-grid--7 .db-kpi,.db-kpi-grid--8 .db-kpi{padding:14px 14px 14px 20px;gap:10px}.db-kpi-grid--5 .db-kpi__value,.db-kpi-grid--6 .db-kpi__value,.db-kpi-grid--7 .db-kpi__value,.db-kpi-grid--8 .db-kpi__value{font-size:20px}.db-kpi-grid--5 .db-kpi__icon,.db-kpi-grid--6 .db-kpi__icon,.db-kpi-grid--7 .db-kpi__icon,.db-kpi-grid--8 .db-kpi__icon{width:36px;height:36px;border-radius:10px}.db-kpi-grid--5 .db-kpi__icon svg,.db-kpi-grid--6 .db-kpi__icon svg,.db-kpi-grid--7 .db-kpi__icon svg,.db-kpi-grid--8 .db-kpi__icon svg{width:16px;height:16px}.db-chart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.db-widget{background:#fff;border:1px solid #e8ecf1;border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000008}.db-widget:hover{box-shadow:0 8px 30px #0000000f,0 2px 8px #00000008;border-color:#d4d9e1}.db-widget--error{border-color:#fecaca;background:#fef2f2}.db-widget__header{display:flex;align-items:center;gap:10px;padding:18px 22px 0;font-size:14px;font-weight:700;color:#1e293b;letter-spacing:-.2px}.db-widget__dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#1a3a82,#5a7fd1);flex-shrink:0}.db-widget__body{padding:12px 8px 18px}.db-widget__empty{display:flex;align-items:center;justify-content:center;min-height:140px;color:#94a3b8;font-size:13px}.db-widget__error-msg{padding:20px;color:#dc2626;font-size:13px}.db-pie-premium{display:flex;align-items:flex-start;gap:8px;padding:4px 8px 8px}.db-pie-premium__chart{position:relative;flex:1;min-width:0;height:240px}.db-pie-premium__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;width:100px}.db-pie-premium__center-value{font-size:18px;font-weight:800;color:#1e293b;line-height:1.2;letter-spacing:-.3px;transition:all .2s ease}.db-pie-premium__center-label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-pie-premium__legend{flex-shrink:0;width:180px;display:flex;flex-direction:column;gap:4px;padding-top:16px;max-height:230px;overflow-y:auto}.db-pie-premium__legend-item{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;cursor:pointer;transition:all .15s ease}.db-pie-premium__legend-item:hover,.db-pie-premium__legend-item--active{background:#f1f5f9}.db-pie-premium__legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.db-pie-premium__legend-label{font-size:11px;font-weight:600;color:#475569;white-space:nowrap;overflow:visible;flex-shrink:0}.db-pie-premium__legend-bar-track{flex:1;height:4px;background:#f1f5f9;border-radius:3px;overflow:hidden;min-width:16px}.db-pie-premium__legend-bar-fill{display:block;height:100%;border-radius:3px;transition:width .4s ease}.db-pie-premium__legend-pct{font-size:11px;font-weight:800;flex-shrink:0}.db-gauge{display:flex;flex-direction:column;align-items:center;padding:20px 0 8px}.db-gauge__arc{position:relative;width:160px;height:95px}.db-gauge__arc svg{width:100%;height:100%}.db-gauge__percent{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:28px;font-weight:800;letter-spacing:-.5px}.db-gauge__title{margin-top:12px;font-size:13px;font-weight:600;color:#64748b}.db-progress{padding:8px 16px}.db-progress__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.db-progress__title{font-size:13px;font-weight:600;color:#475569}.db-progress__value{font-size:18px;font-weight:800;color:#1e293b;letter-spacing:-.3px}.db-progress__track{height:12px;background:#f1f5f9;border-radius:8px;overflow:hidden}.db-progress__fill{height:100%;border-radius:8px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.db-progress__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:dbShimmer 2s infinite}@keyframes dbShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.db-progress__footer{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:#94a3b8}.db-progress__of{color:#b0b8c4}.db-table-wrapper{max-height:300px;overflow-y:auto;margin:0 8px}.db-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.db-table th{position:sticky;top:0;background:#f8fafc;padding:10px 12px;text-align:left;font-weight:700;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.6px;border-bottom:2px solid #e2e8f0}.db-table td{padding:10px 12px;border-bottom:1px solid #f1f5f9;color:#334155}.db-table tbody tr{transition:background .15s}.db-table tbody tr:hover{background:#f8fafc}.db-table__rank{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-size:12px;font-weight:800}.db-table__name{font-weight:600;color:#1e293b}.db-table__bar-cell{display:flex;align-items:center;gap:10px}.db-table__bar-track{flex:1;height:6px;background:#f1f5f9;border-radius:4px;overflow:hidden}.db-table__bar-fill{height:100%;border-radius:4px;transition:width .6s ease}.db-table__value{font-weight:700;color:#1e293b;white-space:nowrap;min-width:70px;text-align:right}.db-tooltip{background:#1e293b;color:#fff;padding:10px 14px;border-radius:10px;font-size:12px;display:flex;flex-direction:column;gap:3px;box-shadow:0 8px 24px #00000040;border:1px solid rgba(255,255,255,.06)}.db-tooltip__label{color:#94a3b8;font-size:11px}.db-tooltip__value{font-weight:700;font-size:15px}.db-kpi-footer{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;background:linear-gradient(135deg,#eef4ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:12px;margin-bottom:16px}.db-kpi-footer__label{font-size:12px;font-weight:600;color:#1a3a82}.db-kpi-footer__value{font-size:15px;font-weight:800;color:#4338ca}.db-auto-refresh{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px;color:#94a3b8;font-size:11px;font-weight:500}.db-auto-refresh svg{width:14px;height:14px}@media(max-width:1200px){.db-kpi-grid--4{grid-template-columns:repeat(2,1fr)}.db-kpi-grid--5,.db-kpi-grid--6,.db-kpi-grid--7,.db-kpi-grid--8{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.db-chart-grid{grid-template-columns:1fr}.db-pie-premium{flex-direction:column;align-items:center}.db-pie-premium__legend{width:100%;padding-top:0}}@media(max-width:768px){.db-kpi-grid--3,.db-kpi-grid--4,.db-kpi-grid--2{grid-template-columns:1fr}.db-kpi__value{font-size:22px}.db-kpi{padding:16px 16px 16px 20px}.db-tabs{gap:2px}.db-tab{padding:8px 14px;font-size:12px}}.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}}.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;min-height:400px;gap:1rem;color:#64748b}.table-loading__spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#1a3a82;border-radius:50%;animation:spin 1s 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--active{background:#dff5e8;color:#16a34a}.status-badge--inactive{background:#f1f5f9;color:#64748b}.status-badge--suspended{background:#fef3c7;color:#d97706}.status-badge--locked{background:#fee2e2;color:#dc2626}.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:#0b1a44}.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,#1a3a82,#0b1a44);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}.form-input--error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.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:#1a3a82}.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,#1a3a82,#0b1a44);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:#0b1a44;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}.user-detail-page .back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 0;background:none;border:none;color:#1a3a82;font-size:.9375rem;font-weight:500;cursor:pointer;transition:color .2s ease;margin-bottom:1rem}.user-detail-page .back-button:hover{color:#5a67d8}.user-detail-page .back-button svg{width:20px;height:20px}.user-detail-page .page-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0}.user-detail-page .user-detail-content{display:flex;flex-direction:column;gap:1.5rem}.user-detail-page .detail-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.user-detail-page .card-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.user-detail-page .user-header-card{background:linear-gradient(135deg,#1a3a82,#0b1a44);color:#fff}.user-detail-page .user-header-card .card-title{color:#ffffffe6;border-bottom-color:#fff3}.user-detail-page .user-header{display:flex;align-items:center;gap:1.5rem}.user-detail-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}.user-detail-page .user-header-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.user-detail-page .user-header-info h2{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.user-detail-page .user-header-info .username{font-size:1rem;color:#ffffffe6;opacity:.9}.user-detail-page .user-header-card .status-badge{align-self:flex-start;margin-top:.25rem}.user-detail-page .info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem}.user-detail-page .info-item{display:flex;flex-direction:column;gap:.375rem}.user-detail-page .info-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.user-detail-page .info-value{font-size:.9375rem;color:#1e293b;font-weight:500}.user-detail-page .tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.user-detail-page .geography-tag{display:inline-flex;padding:.375rem .875rem;background:#e0f2fe;color:#0369a1;font-size:.8125rem;font-weight:500;border-radius:20px}.user-detail-page .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}.user-detail-page .roles-list{display:flex;flex-direction:column;gap:1rem}.user-detail-page .role-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1.25rem}.user-detail-page .role-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.user-detail-page .role-header h4{font-size:1rem;font-weight:600;color:#1e293b;margin:0}.user-detail-page .role-code{font-size:.75rem;font-weight:600;color:#64748b;background:#e2e8f0;padding:.25rem .5rem;border-radius:4px;font-family:Monaco,Menlo,monospace}.user-detail-page .role-description{font-size:.875rem;color:#64748b;margin:0 0 1rem;line-height:1.5}.user-detail-page .role-permissions{display:flex;flex-direction:column;gap:.5rem}.user-detail-page .permissions-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.user-detail-page .permissions-list{display:flex;flex-wrap:wrap;gap:.5rem}.user-detail-page .permission-tag{display:inline-flex;padding:.25rem .625rem;background:#dbeafe;color:#0b1a44;font-size:.75rem;font-weight:500;border-radius:4px;cursor:help}.user-detail-page .status-badge{display:inline-flex;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.025em}.user-detail-page .status-badge--active{background:#dff5e8;color:#16a34a}.user-detail-page .status-badge--inactive{background:#f3f4f6;color:#6b7280}.user-detail-page .status-badge--suspended{background:#fef3c7;color:#d97706}.user-detail-page .status-badge--locked{background:#fee2e2;color:#dc2626}.user-detail-page .no-data{font-size:.875rem;color:#94a3b8;font-style:italic}.user-detail-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.user-detail-page .loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#1a3a82;border-radius:50%;animation:spin 1s linear infinite}.user-detail-page .loading-state p{font-size:.9375rem;color:#64748b;margin:0}.user-detail-page .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;text-align:center}.user-detail-page .error-state svg{width:48px;height:48px;color:#dc2626}.user-detail-page .error-state h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.user-detail-page .error-state p{font-size:.9375rem;color:#64748b;margin:0}@media(max-width:768px){.user-detail-page .user-header{flex-direction:column;text-align:center}.user-detail-page .user-header-info{align-items:center}.user-detail-page .info-grid{grid-template-columns:1fr}.user-detail-page .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,#1a3a82,#0b1a44);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-wrapper{position:relative;max-width:500px;margin-bottom:1.5rem}.search-icon{position:absolute;left:.875rem;top:0;bottom:0;margin:auto;width:18px;height:18px;color:#94a3b8;pointer-events:none}.search-input{width:100%;padding:.625rem 2.5rem .625rem .875rem;font-size:.875rem;color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.search-input::placeholder{color:#94a3b8}.search-input:focus{border-color:#1a3a82;box-shadow:0 0 0 3px #1a3a821a;background:#fff}.search-clear{position:absolute;right:.5rem;top:0;bottom:0;margin:auto;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#94a3b8;border-radius:4px;padding:0;transition:color .2s}.search-clear:hover{color:#64748b}.search-clear svg{width:14px;height:14px}.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}.required{color:#dc2626;font-weight:600}.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,#1a3a82,#0b1a44);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:#0b1a44;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:#dff5e8;color:#16a34a}.action-badge--read{background:#dbeafe;color:#0b1a44}.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-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: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:#1a3a82;box-shadow:0 0 0 3px #1a3a821a}.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:#1a3a82;box-shadow:0 0 0 3px #1a3a821a}.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:#dff5e8;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:#0b1a44;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}}.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:#1a3a8205}.drop-zone--active{border-color:var(--color-primary);background:#1a3a820d}.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:#1a3a821a;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, #0b1a44);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 #1a3a821a}.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}.allocation-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);transition:background .2s,border-color .2s}.allocation-toolbar--active{background:#1a3a820a;border-color:var(--color-primary)}.allocation-toolbar__count{font-size:.875rem;color:var(--color-gray-600);font-weight:500}.allocation-toolbar--active .allocation-toolbar__count{color:var(--color-primary)}.allocate-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s,opacity .2s;white-space:nowrap}.allocate-btn:hover:not(:disabled){background:var(--color-primary-dark, #0b1a44)}.allocate-btn:disabled{opacity:.45;cursor:not-allowed}.allocate-btn svg{width:16px;height:16px;flex-shrink:0}.row-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.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)}.alert--success{background:#22c55e1a;color:#15803d;border:1px solid rgba(34,197,94,.2)}.allocation-modal-body{display:flex;flex-direction:column;gap:var(--spacing-lg)}.assignment-info{margin:0;font-size:14px;color:#6b7280;padding:10px 14px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.form-label__optional{font-weight:400;color:#9ca3af}.form-select{padding:10px 36px 10px 14px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;transition:border-color .2s,box-shadow .2s;-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;width:100%;color:#374151;cursor:pointer}.form-select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.modal-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-md);color:var(--color-danger);font-size:.875rem}.modal-error svg{width:16px;height:16px;flex-shrink:0}.modal-footer-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .2s;white-space:nowrap}.btn--primary{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn--primary:hover:not(:disabled){background:var(--color-primary-dark, #0b1a44);border-color:var(--color-primary-dark, #0b1a44)}.btn--primary:disabled{opacity:.45;cursor:not-allowed}.btn--secondary{background:var(--color-white);color:var(--color-gray-700);border-color:var(--color-gray-300)}.btn--secondary:hover:not(:disabled){background:var(--color-gray-50)}.btn--secondary:disabled{opacity:.45;cursor:not-allowed}@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}.modal-footer-actions{flex-direction:column-reverse}.btn{width:100%;justify-content:center}}.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:#1a3a82;cursor:pointer;font-size:.875rem;font-weight:500;margin-bottom:1rem;transition:color .15s}.back-button:hover{color:#1a3a82}.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:#1a3a82}.status-badge--success{background:#dff5e8;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:#1a3a82}.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:#1a3a82;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:#0b1a44}.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:#1a3a82;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.btn-primary:hover{background:#1a3a82}@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 #1a3a821a}.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:#1a3a821a;color:var(--color-primary)}.status-badge--warning{background:#f973161a;color:var(--color-warning)}.status-badge--primary{background:#8b5cf61a;color:#2b56a8}.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:#1a3a821a;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;margin:0 auto}.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{display:flex;align-items:center;gap:var(--spacing-md);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:#1a3a821a;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:#1a3a821a;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:#2b56a8}.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)}}.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:#1a3a82;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:#0b1a44}.strategy-stat-card--green .strategy-stat-card__icon{background:#dff5e8;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:#dff5e8;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:#1a3a82;background:#fff;box-shadow:0 0 0 3px #1a3a821a}.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:#0b1a44}.rule-card__channel--email{background:#dff5e8;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,#1a3a82,#0b1a44)}.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:#dff5e8;color:#16a34a}.run-status-badge--failed{background:#fee2e2;color:#dc2626}.run-status-badge--running{background:#dbeafe;color:#0b1a44}.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:#0b1a441a;color:#0b1a44}.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:#1a3a82;text-decoration:none;font-weight:500;transition:color .2s}.view-logs-link:hover{color:#2b56a8;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:#1a3a82;border-bottom-color:#1a3a82}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#1a3a82,#0b1a44);color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #1a3a824d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1a3a8266}.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,#1a3a821a,#0b1a441a);border-radius:12px;border:1px solid rgba(26,58,130,.2)}.simulate-summary__value{font-size:2.5rem;font-weight:700;color:#1a3a82;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-page-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.logs-page-header .page-header{margin-bottom:0}.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:0;bottom:0;margin:auto;width:18px;height:18px;color:#94a3b8;pointer-events:none;z-index:1}.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:#1a3a82;box-shadow:0 0 0 3px #1a3a821a}.logs-search__input::placeholder{color:#94a3b8}.logs-search__clear{position:absolute;right:.5rem;top:0;bottom:0;margin:auto;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:#1a3a82;box-shadow:0 0 0 3px #1a3a821a}.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:#1a3a82;background:#1a3a821a;border:1px solid rgba(26,58,130,.2);border-radius:6px;cursor:pointer;transition:all .2s}.logs-empty__clear-btn:hover{background:#1a3a8226;border-color:#1a3a824d}.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:#1a3a82;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:#0b1a44}.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:#dff5e8;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:#0b1a44;animation:pulse 2s ease-in-out infinite}.log-status-badge--PARTIAL{background:#e9d5ff;color:#9333ea}.log-status-badge svg{width:12px;height:12px}.trigger-type-badge{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.trigger-type-badge--manual{background:#dbeafe;color:#0b1a44}.trigger-type-badge--scheduled{background:#f3e8ff;color:#7c3aed}@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:#1a3a821a;color:#1a3a82}.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:#1a3a82;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}.log-details__loading{padding:1rem;text-align:center;color:#64748b;font-size:.875rem}.log-details__no-cases{padding:1rem;text-align:center;color:#94a3b8;font-size:.875rem}.log-details__cases-table-wrapper{overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px}.log-details__cases-table{width:100%;border-collapse:collapse;font-size:.8125rem}.log-details__cases-table th{padding:.625rem .75rem;text-align:left;font-weight:600;color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;white-space:nowrap}.log-details__cases-table td{padding:.5rem .75rem;color:#1e293b;border-bottom:1px solid #f1f5f9}.log-details__cases-table tr:last-child td{border-bottom:none}.log-details__action-type{display:inline-block;padding:.125rem .5rem;background:#f1f5f9;border-radius:4px;font-size:.75rem;font-weight:500;color:#475569}.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}}.execution-detail-page{padding:1.5rem;max-width:1400px;margin:0 auto}.exec-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.exec-detail-header .page-header{margin-bottom:0}.exec-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem;color:#64748b}.exec-detail-summary{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.exec-summary-card{flex:1;min-width:150px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.exec-summary-card__label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase}.exec-summary-card__value{font-size:1.5rem;font-weight:700;color:#1e293b}.exec-summary-card__value--success{color:#16a34a}.exec-summary-card__value--failed{color:#dc2626}.exec-summary-card__value--time{font-size:.875rem;font-weight:500}.exec-detail-table-container{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.exec-detail-table-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0}.exec-detail-table-title{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0}.exec-detail-table{width:100%;border-collapse:collapse}.exec-detail-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}.exec-detail-table td{padding:.875rem 1.5rem;font-size:.875rem;color:#1e293b;border-bottom:1px solid #f1f5f9}.exec-detail-table tr:hover td{background:#f8fafc}.exec-detail-table tr:last-child td{border-bottom:none}.exec-detail-case-number{font-family:monospace;font-size:.8125rem;font-weight:500;color:#1a3a82}.exec-detail-action-type{display:inline-block;padding:.25rem .625rem;background:#f1f5f9;border-radius:4px;font-size:.75rem;font-weight:500;color:#475569}.exec-detail-error{color:#dc2626;font-size:.8125rem;line-height:1.4;max-width:320px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;cursor:help}.exec-detail-no-error{color:#94a3b8}.exec-detail-empty{padding:3rem;text-align:center;color:#64748b}.exec-detail-empty p{margin:0}.exec-detail-pagination{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc}.exec-detail-pagination__info{font-size:.875rem;color:#64748b}.exec-detail-pagination__controls{display:flex;align-items:center;gap:.75rem}.exec-detail-pagination__page{font-size:.875rem;color:#475569;font-weight:500}@media(max-width:1024px){.exec-detail-table-container{overflow-x:auto}.exec-detail-table{min-width:700px}}@media(max-width:768px){.exec-detail-summary{flex-direction:column}.exec-summary-card{min-width:auto}}.wizard-page{padding:1.5rem;max-width:1400px;margin:0 auto}.wizard-page-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.wizard-page-header .page-header{margin-bottom:0}.wizard-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem;color:#64748b}.wizard-container{background:#fff;border-radius:16px;width:100%;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;min-height:calc(100vh - 180px)}.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-close svg{width:20px;height:20px}.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,#1a3a82,#0b1a44);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:#1a3a82;box-shadow:0 0 0 3px #1a3a821a}.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:#1a3a82}.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:#1a3a82;background:#1a3a820d}.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,#1a3a82,#0b1a44);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:#1a3a82}.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:#1a3a82;color:#1a3a82}.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:#1a3a82}.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:#1a3a82;background:#1a3a820d;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:#1a3a82;background:linear-gradient(135deg,#1a3a82,#0b1a44);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,#1a3a82,#0b1a44);color:#fff;border:none;box-shadow:0 4px 12px #1a3a824d}.wizard-btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1a3a8266}.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,#1a3a82,#0b1a44);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:#dff5e8;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:#1a3a82}.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:#1a3a82;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:#1a3a82;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:#1a3a82;background:#fff;box-shadow:0 0 0 3px #1a3a821a}.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,#1a3a82,#0b1a44);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:#1a3a82;box-shadow:0 0 0 3px #1a3a821a}.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,#1a3a82,#0b1a44);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 #1a3a824d}.pincode-add-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.geo-groups-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.geo-group-card{background:#f0f7ff;border:1px solid #d0e3f7;border-radius:8px;padding:10px 12px}.geo-group-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.geo-group-card__state{font-weight:600;font-size:.85rem;color:#1a56db}.geo-group-card__actions{display:flex;align-items:center;gap:4px}.geo-group-card__edit{background:none;border:none;color:#1a56db;cursor:pointer;padding:3px;line-height:1;border-radius:4px;display:flex;align-items:center}.geo-group-card__edit:hover{background:#e0edff}.geo-group-card__remove{background:none;border:none;color:#dc2626;font-size:1.1rem;cursor:pointer;padding:0 4px;line-height:1;border-radius:4px}.geo-group-card__remove:hover{background:#fee2e2}.geo-group-card__districts,.geo-group-card__pincodes{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.geo-group-card__pincodes{margin-top:6px;padding-top:6px;border-top:1px dashed #e2e8f0}.geo-group-card__sub-label{font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-right:2px}.geo-add-section{margin-top:8px}.geo-add-label{display:block;font-size:.8rem;font-weight:500;color:#64748b;margin-bottom:4px}.geo-section__field-badge{font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.geo-section__field-badge--required{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.geo-section__field-badge--optional{background:#f0f9ff;color:#0284c7;border:1px solid #bae6fd}.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:#1a3a82;background:#f8fafc}.multi-select-trigger:focus{outline:none;border-color:#1a3a82;box-shadow:0 0 0 3px #1a3a821a}.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,#1a3a82,#0b1a44);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:#1a3a82}.multi-select-dropdown-item.selected{background:linear-gradient(90deg,#1a3a821a,#1a3a820d);color:#1e293b;font-weight:500;border-left-color:#1a3a82}.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:#1a3a82;flex-shrink:0;transition:all .15s;background:#fff}.multi-select-dropdown-item.selected .multi-select-checkbox{background:linear-gradient(135deg,#1a3a82,#0b1a44);border-color:#1a3a82;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}.filter-logic-connector{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 0}.logic-btn{padding:.25rem .875rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1.5px solid #e2e8f0;border-radius:6px;background:#fff;color:#94a3b8;cursor:pointer;transition:all .2s}.logic-btn:hover{border-color:#cbd5e1;color:#64748b}.logic-btn--active{background:linear-gradient(135deg,#1a3a82,#0b1a44);border-color:#1a3a82;color:#fff}.condition-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:all .2s}.condition-card--editing{border-color:#1a3a82;box-shadow:0 0 0 3px #1a3a821a}.condition-card__header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.condition-card__field-name{font-size:.9375rem;font-weight:600;color:#1e293b;flex:1}.condition-card__type-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:4px}.condition-card__type-badge--text{background:#dbeafe;color:#1e40af}.condition-card__type-badge--numeric{background:#fef3c7;color:#92400e}.condition-card__remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:#94a3b8;cursor:pointer;transition:all .2s;flex-shrink:0}.condition-card__remove:hover{background:#ef44441a;color:#dc2626}.condition-card__remove svg{width:16px;height:16px}.condition-card__editor{padding:1rem}.condition-card__commit-btn{display:inline-flex;align-items:center;gap:.375rem;margin-top:.75rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;background:linear-gradient(135deg,#1a3a82,#0b1a44);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.condition-card__commit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1a3a824d}.condition-card__summary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;flex-wrap:wrap;cursor:pointer}.condition-card__summary:hover{background:#f8fafc}.condition-card__operator{font-size:.8125rem;font-weight:600;color:#1a3a82;background:#1a3a821a;padding:.125rem .5rem;border-radius:4px}.condition-card__values{font-size:.875rem;color:#374151;font-weight:500;flex:1}.condition-card__edit-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:#94a3b8;cursor:pointer;transition:all .2s;flex-shrink:0}.condition-card__edit-btn:hover{background:#1a3a821a;color:#1a3a82}.condition-value-editor{display:flex;flex-direction:column;gap:.75rem}.numeric-condition-editor .filter-field{margin-bottom:0}.numeric-condition-editor .numeric-range-inputs{display:flex;gap:.75rem;align-items:flex-start}.manual-input-row{display:flex;gap:.5rem;align-items:center}.manual-input-row .wizard-input{flex:1}.manual-input-row .pincode-add-btn{flex-shrink:0}.add-condition-picker{display:flex;flex-direction:column;align-items:center}.field-picker{width:100%;background:#fff;border:1.5px solid #1a3a82;border-radius:10px;overflow:hidden;box-shadow:0 4px 16px #1a3a821f}.field-picker__search{width:100%;padding:.75rem 1rem;border:none;border-bottom:1px solid #e2e8f0;font-size:.9375rem;color:#1e293b;background:#f8fafc;outline:none}.field-picker__search:focus{background:#fff}.field-picker__search::placeholder{color:#94a3b8}.field-picker__options{max-height:240px;overflow-y:auto;padding:.375rem}.field-picker__options::-webkit-scrollbar{width:6px}.field-picker__options::-webkit-scrollbar-track{background:#f1f5f9}.field-picker__options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.field-picker__option{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;border-radius:6px;cursor:pointer;transition:all .15s}.field-picker__option:hover{background:#f1f5f9}.field-picker__option-name{font-size:.9375rem;font-weight:500;color:#1e293b}.field-picker__option-type{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.125rem .5rem;border-radius:4px}.field-picker__option-type--text{background:#dbeafe;color:#1e40af}.field-picker__option-type--numeric{background:#fef3c7;color:#92400e}.field-picker__empty{padding:1.5rem 1rem;text-align:center;color:#94a3b8;font-size:.875rem;font-style:italic}.field-picker__cancel{display:block;width:100%;padding:.625rem;border:none;border-top:1px solid #e2e8f0;background:#f8fafc;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.field-picker__cancel:hover{background:#f1f5f9;color:#1e293b}.query-preview{margin-top:1.5rem;padding:1rem 1.25rem;background:#1e293b;border-radius:10px}.query-preview__title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;margin:0 0 .5rem}.query-preview__text{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.8125rem;line-height:1.6;color:#e2e8f0;word-break:break-word}@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}}.wizard-review{display:flex;flex-direction:column;gap:1.5rem}.wizard-review__section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1.25rem}.wizard-review__section h4{font-size:.9375rem;font-weight:700;color:#1e293b;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.wizard-review__row{display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem 0;border-bottom:1px solid #f1f5f9;font-size:.875rem;gap:1rem}.wizard-review__row:last-child{border-bottom:none}.wizard-review__row>span:first-child{color:#64748b;font-weight:500;flex-shrink:0}.wizard-review__row>span:last-child,.wizard-review__row>strong{color:#1e293b;text-align:right;word-break:break-word}.numeric-operator-row{margin-bottom:.5rem}.numeric-range-row{display:flex;gap:.75rem;align-items:center}.range-separator{font-size:.875rem;font-weight:500;color:#64748b;flex-shrink: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(3,1fr);gap:16px;margin-bottom:24px}@media(max-width:900px){.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:#0b1a44}.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:#0b1a44}.allocation-tab--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#0b1a44;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{display:flex;align-items:center;gap:12px;margin-bottom:24px}.upload-header .page-header{margin-bottom:0}.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:#0b1a44;color:#0b1a44}.upload-type-btn--active{background:#eff6ff;border-color:#0b1a44;color:#0b1a44}.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:#0b1a44;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:#0b1a44;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:#0b1a44;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:#0b1a44;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:#0b1a44;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:#0b1a44;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:#0b1a44}.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}.rules-page{padding:24px;max-width:1200px;margin:0 auto}.rules-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.rules-header .page-header{margin-bottom:0;flex:1}.rules-header__create-btn{margin-left:auto;white-space:nowrap;flex-shrink:0}.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:#0b1a44;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:#0b1a44;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:900px;margin:0 auto}.rule-details-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.rule-details-header .page-header{margin-bottom:0}.rule-details-header__content{display:flex;align-items:flex-start;flex:1}.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:22px;font-weight:700;color:#1a1a2e;margin:0 0 4px;letter-spacing:-.02em;padding-bottom:8px;border-bottom:2px solid #0b1a44;display:inline-block}.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__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:#0b1a44;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:#0b1a44}.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:#0b1a44;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:#0b1a44}.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:#0b1a44;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}.rule-filters-list{display:flex;flex-direction:column;gap:0}.rule-filter-item{display:flex;flex-direction:column;align-items:center}.rule-filter-logic{display:inline-flex;align-items:center;justify-content:center;padding:4px 16px;font-size:11px;font-weight:700;letter-spacing:.05em;color:#7c3aed;background:#ede9fe;border-radius:9999px;margin:8px 0}.rule-filter-card{width:100%;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px}.rule-filter-card__header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.rule-filter-card__field{font-size:14px;font-weight:600;color:#1a1a2e}.rule-filter-card__type-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.rule-filter-card__type-badge--text{background:#dbeafe;color:#0b1a44}.rule-filter-card__type-badge--numeric{background:#fef3c7;color:#d97706}.rule-filter-card__body{display:flex;align-items:flex-start;gap:10px}.rule-filter-card__condition{font-size:12px;font-weight:600;color:#6b7280;padding:4px 0;min-width:30px}.rule-filter-card__values{display:flex;flex-wrap:wrap;gap:6px}.rule-filter-card__numeric-value{font-size:14px;font-weight:600;color:#1a1a2e;padding:2px 0}.workload-page{padding:24px;max-width:1400px;margin:0 auto}.workload-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.workload-header .page-header{margin-bottom:0}.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:#0b1a44}.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}.search-input-wrapper{position:relative;width:400px}.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;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:#0b1a44;box-shadow:0 0 0 3px #0b1a441a}.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:#0b1a44}.agent-list{display:flex;flex-direction:column;background:#fff;border-radius:12px;border:1px solid #e5e7eb;min-height:calc(100vh - 360px)}.agent-row{display:flex;align-items:center;gap:24px;padding:22px 24px;border-bottom:1px solid #f3f4f6;transition:background .2s;flex:1;min-height:88px}.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:44px;height:44px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.agent-row__avatar svg{width:24px;height:24px}.agent-row__details{min-width:0}.agent-row__name{font-size:16px;font-weight:600;color:#1a1a2e;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-row__geography{font-size:13px;color:#6b7280;margin-top:2px}.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:10px;background:#e5e7eb;border-radius:5px;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:18px;font-weight:600;color:#1a1a2e}.agent-row__stat-label{font-size:12px;color:#6b7280;margin-top:2px}.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:1000px;margin:0 auto}.reallocation-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.reallocation-header .page-header{margin-bottom:0}.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:#0b1a44;color:#0b1a44}.method-btn--active{background:#eff6ff;border-color:#0b1a44;color:#0b1a44}.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:#0b1a44;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:#0b1a44;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:#0b1a44;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:#0b1a44;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}.agent-cases-section{margin-bottom:20px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.agent-cases-section__header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.agent-cases-section__title{font-size:13px;font-weight:500;color:#374151}.agent-cases-section__selected{font-size:13px;font-weight:600;color:#0b1a44}.agent-cases-table-container{max-height:320px;overflow-y:auto}.agent-cases-table{width:100%;border-collapse:collapse;font-size:14px}.agent-cases-table th,.agent-cases-table td{padding:10px 14px;text-align:left;border-bottom:1px solid #f3f4f6}.agent-cases-table th{font-size:13px;font-weight:600;color:#374151;background:#f9fafb;position:sticky;top:0;z-index:1}.agent-cases-table th:first-child,.agent-cases-table td:first-child{width:40px;padding-right:0}.agent-cases-table tbody tr{cursor:pointer;transition:background .15s}.agent-cases-table tbody tr:hover{background:#f9fafb}.agent-cases-table tbody tr.row--selected{background:#eff6ff}.agent-cases-table tbody tr.row--selected:hover{background:#dbeafe}.agent-cases-table .case-id-cell{font-family:monospace;font-size:13px;color:#0b1a44}.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:#0b1a44;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{display:flex;align-items:flex-start;gap:12px;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:#0b1a44}.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:#0b1a44}.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:#0b1a44}.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:#0b1a44;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:#0b1a44}.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:#0b1a44}.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-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{display:flex;align-items:center;gap:12px;margin-bottom:24px}.allocated-cases-page__header .page-header{margin-bottom:0}.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:#0b1a44}.stat-chip__label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.allocated-cases-page .filter-section{background:#fff;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0}.allocated-cases-page .filter-section--column{display:flex;flex-direction:column;align-items:stretch;gap:.75rem}.allocated-cases-page .filter-section__row{display:flex;align-items:center;gap:.75rem;width:100%}.allocated-cases-page .search-bar{display:flex;align-items:center;gap:.5rem}.allocated-cases-page .search-bar--full{width:100%;max-width:100%;flex:1}.allocated-cases-page .search-bar__field{flex:1;position:relative;min-width:0}.allocated-cases-page .search-bar__field>svg:first-child{position:absolute;left:.875rem;top:0;bottom:0;margin:auto;width:18px;height:18px;color:#94a3b8;pointer-events:none;z-index:1}.allocated-cases-page .search-bar__field input{width:100%;padding:.625rem 2.5rem;font-size:.875rem;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#1e293b;transition:border-color .2s,box-shadow .2s,background .2s;box-sizing:border-box;outline:none}.allocated-cases-page .search-bar__field input:focus{border-color:#1a3a82;box-shadow:0 0 0 3px #1a3a821a;background:#fff}.allocated-cases-page .search-bar__field input::placeholder{color:#94a3b8}.allocated-cases-page .search-bar__clear{position:absolute;right:.5rem;top:0;bottom:0;margin:auto;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#94a3b8;border-radius:4px;padding:0;transition:color .2s}.allocated-cases-page .search-bar__clear:hover{color:#64748b}.allocated-cases-page .search-bar__clear svg{width:14px;height:14px}.allocated-cases-page .search-bar__btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;color:#fff;background:#0b1a44;border:none;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background .2s;flex-shrink:0}.allocated-cases-page .search-bar__btn:hover{background:#1d4ed8}.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:#0b1a44}.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}.pagination-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid #e5e7eb;background:#f9fafb;flex-wrap:wrap;gap:12px}.pagination-bar__info{font-size:13px;color:#6b7280}.pagination-bar__controls{display:flex;align-items:center;gap:4px}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 6px;font-size:13px;font-weight:500;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .15s;line-height:1}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn--active{background:#0b1a44;border-color:#0b1a44;color:#fff}.pagination-btn--active:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;font-size:13px;color:#9ca3af}.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{flex-direction:column;align-items:stretch}.allocated-cases-page .filter-section{padding:.75rem 1rem}}.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{background:var(--bg-secondary, #ffffff);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.filter-section--column{display:flex;flex-direction:column;align-items:stretch;gap:.75rem}.filter-section__row{display:flex;align-items:center;gap:.75rem;width:100%}.search-bar{display:flex;align-items:center;gap:.5rem}.search-bar__field{flex:1;position:relative;min-width:0}.search-bar__field>svg:first-child{position:absolute;left:.875rem;top:0;bottom:0;margin:auto;width:18px;height:18px;color:#94a3b8;pointer-events:none;z-index:1}.search-bar__field input{width:100%;padding:.625rem 2.5rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;background:#f8fafc;color:#1e293b;outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s,background .2s}.search-bar__field input:focus{border-color:#1a3a82;box-shadow:0 0 0 3px #1a3a821a;background:#fff}.search-bar__field input::placeholder{color:#94a3b8}.search-bar__clear{position:absolute;right:.5rem;top:0;bottom:0;margin:auto;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#94a3b8;border-radius:4px;padding:0;transition:color .2s}.search-bar__clear svg{width:14px;height:14px}.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:.75rem}.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;align-items:center;position:relative;min-height:40px;width:100%}.template-details-header-content .template-form__back-btn{margin-bottom:0;flex-shrink:0}.template-details-title{position:absolute;left:50%;transform:translate(-50%);font-size:1.5rem;font-weight:700;color:#111827;margin:0;line-height:1.4;white-space:nowrap}.template-details-actions{display:flex;gap:.75rem;margin-left:auto;flex-shrink:0}.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(220px,1fr));gap:1.5rem 2rem}.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:#0b1a44}.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:#0b1a44}.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,#0b1a44,#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:#0b1a44}.repayment-tab--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#0b1a44;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:#0b1a44;box-shadow:0 4px 12px #0b1a4426;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:#0b1a44}.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:#0b1a44;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 .page-header{margin-bottom:0}.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:#0b1a44;box-shadow:0 0 0 3px #0b1a441a}.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:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.detail-header .page-header{margin-bottom:0}.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 .page-header{margin-bottom:0}.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 #afc6ff;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:#0b1a44;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 .page-header{margin-bottom:0}.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:#0b1a44;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:#0b1a44}.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:#0b1a44}.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:#0b1a44;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:#0b1a44;background:#fff;border:2px solid #0b1a44;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}.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 .page-header{margin-bottom:0}.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(3,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:#0b1a44;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:#0b1a44}.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:#0b1a44}.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:#0b1a44;box-shadow:0 0 0 3px #0b1a441a}.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:#0b1a44;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 #1a3a82;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:#0b1a44;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:#0b1a44;background:#f8fafc}.cheque-image-dropzone svg{color:#94a3b8;margin-bottom:12px}.cheque-image-dropzone:hover svg{color:#0b1a44}.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}.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:#0b1a44;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)}}.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,#dff5e8);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:#0b1a44;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:#0b1a44}.stat-badge__label{font-size:14px;font-weight:500;color:#6b7280}.stat-badge--clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.stat-badge--clickable:hover{transform:translateY(-1px);box-shadow:0 4px 10px #00000014}.stat-badge--touched{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0}.stat-badge--touched .stat-badge__value{color:#059669}.stat-badge--untouched{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-color:#fed7aa}.stat-badge--untouched .stat-badge__value{color:#d97706}.stat-badge--active{outline:2px solid #0b1a44;outline-offset:1px}.stat-badge--touched.stat-badge--active{outline-color:#059669}.stat-badge--untouched.stat-badge--active{outline-color:#d97706}.workflow-filters{background:#fff;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:.75rem}.workflow-search__field{flex:1;position:relative;min-width:0}.workflow-filters .form-select{width:120px;min-width:unset;flex-shrink:0}.workflow-search__field>svg:first-child{position:absolute;left:.875rem;top:0;bottom:0;margin:auto;width:18px;height:18px;color:#94a3b8;pointer-events:none;z-index:1}.workflow-search__field input{width:100%;padding:.625rem 2.5rem;font-size:.875rem;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#1e293b;transition:border-color .2s,box-shadow .2s,background .2s;box-sizing:border-box;outline:none}.workflow-search__field input:focus{background:#fff;border-color:#1a3a82;box-shadow:0 0 0 3px #1a3a821a}.workflow-search__field input::placeholder{color:#94a3b8}.workflow-search__clear{position:absolute;right:.5rem;top:0;bottom:0;margin:auto;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:color .2s}.workflow-search__clear:hover{color:#64748b}.workflow-search__clear svg{width:14px;height:14px}.workflow-search__btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:#fff;background:#0b1a44;border:none;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.workflow-search__btn:hover{background:#1d4ed8}.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:#0b1a44;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:#0b1a44}.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}.badge--low{background:#e0f2fe;color:#0369a1}.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:#0b1a44;box-shadow:0 0 0 3px #0b1a441a}.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:#0b1a44;box-shadow:0 0 0 3px #0b1a441a}.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}.case-detail-recent-tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.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:#0b1a44}.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,#2b56a8,#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,#0b1a44,#1d4ed8);border:none;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0b1a444d}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 8px #0b1a4466;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:#0b1a44}.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:#0b1a44;border-bottom-color:#0b1a44;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:#0b1a44;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:#0b1a44;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:#0b1a44;box-shadow:0 4px 12px #0b1a441a}.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:#0b1a44}.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:#0b1a44}.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,#dff5e8);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__header-item{display:flex;flex-direction:column;gap:2px;min-width:0}.ptp-card__header-item--right{align-items:flex-end;text-align:right}.ptp-card__header-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;line-height:1.2}.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,#0b1a44,#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 #0b1a444d}.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:#0b1a44}.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:#0b1a44;box-shadow:0 0 0 3px #0b1a441a}.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:#0b1a44;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:#1a3a82}.event-row__dot--payment{background:#10b981}.event-row__dot--status{background:#f59e0b}.event-row__dot--communication{background:#2b56a8}.event-row__dot--allocation{background:#1a3a82}.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:#0b1a44}.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:#1a3a82}.allocation-row__dot--allocated{background:#10b981}.allocation-row__dot--reallocated{background:#f59e0b}.allocation-row__dot--deallocated{background:#ef4444}.allocation-row__dot--transferred{background:#2b56a8}.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,#0b1a44,#1d4ed8);border:none;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0b1a444d}.btn-call:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 8px #0b1a4466;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,#1a3a82,#0b1a44);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:#0b1a44}.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:#0b1a44}.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:#0b1a44}.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:#0b1a44;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:#0b1a44;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,#1a3a82,#0b1a44);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:#0b1a44;box-shadow:0 0 0 3px #0b1a441a}.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:#0b1a44;box-shadow:0 0 0 3px #0b1a441a}.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,#1a3a82,#0b1a44);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;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:#0b1a44;background:#fff}.tab-button--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#0b1a44}.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}.search-box input:focus{outline:none;border-color:#0b1a44;box-shadow:0 0 0 3px #0b1a441a}.search-box input::placeholder{color:#9ca3af}.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:#0b1a44;box-shadow:0 0 0 3px #0b1a441a}.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:#0b1a44;background:#f8fafc}.agent-item--selected{border-color:#0b1a44;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:#0b1a44;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:#0b1a44}@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:#0b1a44}.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}.agency-allocation-rules-page{padding:24px;max-width:1600px;margin:0 auto}.agency-allocation-rules-page .page-header{margin-bottom:24px}.agency-allocation-rules-page .toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.agency-allocation-rules-page .toolbar__left{display:flex;align-items:center;gap:12px;flex:1;min-width:200px}.agency-allocation-rules-page .toolbar__right{display:flex;align-items:center;gap:12px}.agency-allocation-rules-page .toolbar__search{width:100%;max-width:360px;padding:.625rem .875rem .625rem 2.5rem;font-size:.875rem;color:#1e293b;border:1px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 21L15 15M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z'%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:.875rem center;background-size:18px 18px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;outline:none}.agency-allocation-rules-page .toolbar__search:focus{border-color:#1a3a82;box-shadow:0 0 0 3px #1a3a821a;background-color:#fff}.agency-allocation-rules-page .toolbar__search::placeholder{color:#94a3b8}.agency-allocation-rules-page .toolbar__info{font-size:14px;color:#6b7280;white-space:nowrap}.agency-allocation-rules-page .toolbar__select{padding:8px 12px;font-size:14px;color:#374151;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;outline:none}.agency-allocation-rules-page .toolbar__select:focus{border-color:#0b1a44;box-shadow:0 0 0 3px #0b1a441a}.agency-allocation-rules-page .table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.agency-allocation-rules-page .data-table{width:100%;border-collapse:collapse}.agency-allocation-rules-page .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}.agency-allocation-rules-page .data-table td{padding:14px 16px;font-size:14px;color:#374151;border-bottom:1px solid #e5e7eb;vertical-align:middle}.agency-allocation-rules-page .data-table tbody tr:last-child td{border-bottom:none}.agency-allocation-rules-page .data-table tbody tr:hover{background:#f9fafb}.agency-allocation-rules-page .data-table--compact th,.agency-allocation-rules-page .data-table--compact td{padding:10px 12px;font-size:13px}.rule-name{display:flex;flex-direction:column;gap:2px}.rule-name__text{font-weight:600;color:#1a1a2e}.rule-name__desc{font-size:12px;color:#6b7280}.agency-allocation-rules-page .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}.agency-allocation-rules-page .btn svg{width:18px;height:18px}.agency-allocation-rules-page .btn--primary{color:#fff;background:#0b1a44}.agency-allocation-rules-page .btn--primary:hover:not(:disabled){background:#1d4ed8}.agency-allocation-rules-page .btn--primary:disabled{background:#93c5fd;cursor:not-allowed}.agency-allocation-rules-page .btn--secondary{color:#374151;background:#fff;border:1px solid #d1d5db}.agency-allocation-rules-page .btn--secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.agency-allocation-rules-page .btn--secondary:disabled{opacity:.6;cursor:not-allowed}.agency-allocation-rules-page .btn--danger{color:#fff;background:#dc2626}.agency-allocation-rules-page .btn--danger:hover:not(:disabled){background:#b91c1c}.agency-allocation-rules-page .btn--danger:disabled{opacity:.6;cursor:not-allowed}.agency-allocation-rules-page .btn--success{color:#fff;background:#059669}.agency-allocation-rules-page .btn--success:hover:not(:disabled){background:#047857}.agency-allocation-rules-page .btn--sm{padding:6px 14px;font-size:13px}.agency-allocation-rules-page .action-buttons{display:flex;gap:8px;align-items:center}.agency-allocation-rules-page .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}.agency-allocation-rules-page .btn-action svg{width:16px;height:16px}.agency-allocation-rules-page .btn-action--info{background:#e0f2fe;color:#0284c7}.agency-allocation-rules-page .btn-action--info:hover{background:#bae6fd}.agency-allocation-rules-page .btn-action--success{background:#d1fae5;color:#059669}.agency-allocation-rules-page .btn-action--success:hover{background:#a7f3d0}.agency-allocation-rules-page .btn-action--warning{background:#fef3c7;color:#d97706}.agency-allocation-rules-page .btn-action--warning:hover{background:#fde68a}.agency-allocation-rules-page .btn-action--danger{background:#fee2e2;color:#dc2626}.agency-allocation-rules-page .btn-action--danger:hover{background:#fecaca}.agency-allocation-rules-page .btn-action:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.agency-allocation-rules-page .badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;border-radius:9999px}.agency-allocation-rules-page .badge--success{background:#d1fae5;color:#059669}.agency-allocation-rules-page .badge--warning{background:#fef3c7;color:#d97706}.agency-allocation-rules-page .badge--danger{background:#fee2e2;color:#dc2626}.agency-allocation-rules-page .badge--info{background:#dbeafe;color:#0b1a44}.agency-allocation-rules-page .badge--secondary{background:#f3f4f6;color:#6b7280}.agency-allocation-rules-page .badge--orange{background:#fed7aa;color:#ea580c}.agency-allocation-rules-page .text-success{color:#059669}.agency-allocation-rules-page .text-danger{color:#dc2626}.agency-allocation-rules-page .text-muted{color:#6b7280;font-size:14px;margin-top:8px}.agency-allocation-rules-page .alert{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:8px;margin-bottom:16px}.agency-allocation-rules-page .alert--error{background:#fee2e2;color:#dc2626}.agency-allocation-rules-page .alert--success{background:#d1fae5;color:#059669}.agency-allocation-rules-page .alert button{padding:4px 12px;font-size:12px;background:transparent;border:1px solid currentColor;border-radius:4px;cursor:pointer;color:inherit}.agency-allocation-rules-page .empty-state{text-align:center;padding:48px 24px;color:#6b7280;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.agency-allocation-rules-page .empty-state p{font-size:16px;font-weight:500;color:#374151;margin:0 0 8px}.agency-allocation-rules-page .empty-state span{font-size:14px;color:#9ca3af}.agency-allocation-rules-page .loading-state{text-align:center;padding:48px 24px;color:#6b7280;font-size:14px}.agency-allocation-rules-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 24px;color:#6b7280}.agency-allocation-rules-page .spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#0b1a44;border-radius:50%;animation:agency-alloc-spin 1s linear infinite}@keyframes agency-alloc-spin{to{transform:rotate(360deg)}}.agency-allocation-rules-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;overflow-y:auto}.agency-allocation-rules-page .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}.agency-allocation-rules-page .modal--lg{max-width:800px}.agency-allocation-rules-page .modal__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.agency-allocation-rules-page .modal__header h3{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.agency-allocation-rules-page .modal__close{padding:8px;color:#6b7280;background:none;border:none;cursor:pointer;border-radius:6px;transition:all .2s;font-size:20px;line-height:1}.agency-allocation-rules-page .modal__close:hover{background:#f3f4f6;color:#1a1a2e}.agency-allocation-rules-page .modal__body{padding:24px;overflow-y:auto;flex:1}.agency-allocation-rules-page .modal__body p{font-size:14px;color:#374151;margin:0 0 8px;line-height:1.5}.agency-allocation-rules-page .modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb}.simulation-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.simulation-summary__item{background:#f9fafb;border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;gap:4px}.simulation-summary__label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.simulation-summary__value{font-size:16px;font-weight:600;color:#111827}.simulation-summary__value--highlight{color:#0b1a44;font-size:24px}.simulation-section-title{margin:16px 0 8px;font-size:14px;font-weight:600;color:#374151}.execution-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}.execution-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;text-align:center;transition:all .2s}.execution-summary-card:hover{box-shadow:0 4px 12px #00000014}.execution-summary-card__value{font-size:24px;font-weight:700;color:#111827}.execution-summary-card__value--success{color:#059669}.execution-summary-card__value--danger{color:#dc2626}.execution-summary-card__value--info{color:#0b1a44}.execution-summary-card__label{font-size:12px;color:#6b7280;margin-top:6px;text-transform:uppercase;letter-spacing:.5px}.progress-bar{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.progress-bar__fill{height:100%;background:#0b1a44;border-radius:3px;transition:width .3s ease}.progress-bar__fill--success{background:#059669}.progress-bar__fill--danger{background:#dc2626}.agency-allocation-rules-page .pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.agency-allocation-rules-page .pagination__info{font-size:14px;color:#6b7280}.agency-allocation-rules-page code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;color:#1a1a2e;background:#f3f4f6;padding:2px 6px;border-radius:4px}@media(max-width:1024px){.execution-summary-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.agency-allocation-rules-page{padding:16px}.agency-allocation-rules-page .toolbar{flex-direction:column;align-items:stretch;gap:12px}.agency-allocation-rules-page .toolbar__left{width:100%}.agency-allocation-rules-page .toolbar__right{width:100%;justify-content:flex-end}.agency-allocation-rules-page .toolbar__search{max-width:100%}.agency-allocation-rules-page .data-table{display:block;overflow-x:auto}.agency-allocation-rules-page .action-buttons{flex-wrap:wrap}.execution-summary-cards{grid-template-columns:repeat(2,1fr)}.simulation-summary{grid-template-columns:1fr}.agency-allocation-rules-page .modal,.agency-allocation-rules-page .modal--lg{max-width:100%}.agency-allocation-rules-page .pagination{flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.execution-summary-cards{grid-template-columns:1fr}}.agency-allocation-rules-page .spin-icon{animation:agency-alloc-spin 1s linear infinite}.rule-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.rule-detail-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:20px}.rule-detail-section__title{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;gap:10px}.rule-detail-section__count{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#0b1a44;color:#fff;font-size:12px;font-weight:600;border-radius:50%}.rule-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.rule-detail-item{display:flex;flex-direction:column;gap:4px}.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:.03em}.rule-detail-item__value{font-size:15px;font-weight:500;color:#1a1a2e}.rule-detail-filters{display:flex;flex-direction:column;gap:0}.rule-detail-filter{position:relative}.rule-detail-filter__logic{display:flex;justify-content:center;padding:8px 0}.rule-detail-logic-badge{display:inline-block;padding:2px 16px;font-size:11px;font-weight:700;letter-spacing:.05em;border-radius:12px}.rule-detail-logic-badge--and{background:#dbeafe;color:#0b1a44}.rule-detail-logic-badge--or{background:#fef3c7;color:#d97706}.rule-detail-filter__card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.rule-detail-filter__header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f1f5f9;border-bottom:1px solid #e5e7eb}.rule-detail-filter__field{font-size:14px;font-weight:600;color:#1a1a2e}.rule-detail-filter__type{display:inline-block;padding:2px 8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:4px}.rule-detail-filter__type--text{background:#dbeafe;color:#0b1a44}.rule-detail-filter__type--numeric{background:#d1fae5;color:#059669}.rule-detail-filter__body{padding:12px 16px;display:flex;align-items:flex-start;gap:12px}.rule-detail-filter__operator{font-size:13px;font-weight:500;color:#6b7280;padding-top:4px;flex-shrink:0}.rule-detail-filter__values{display:flex;flex-wrap:wrap;gap:6px}.rule-detail-filter__value-tag{display:inline-block;padding:4px 10px;font-size:13px;font-weight:500;background:#fff;color:#1a1a2e;border:1px solid #d1d5db;border-radius:6px}.rule-detail-query-preview{background:#1e293b;color:#e2e8f0;padding:16px 20px;border-radius:8px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.8;overflow-x:auto}.rule-detail-query-logic{color:#60a5fa;font-weight:600}.rule-detail-query-field{color:#34d399;font-weight:500}.rule-detail-query-operator{color:#fbbf24}.rule-detail-query-values{color:#f472b6}.rule-detail-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.rule-name__link{color:#0b1a44;cursor:pointer;text-decoration:none}.rule-name__link:hover{text-decoration:underline}@media(max-width:768px){.rule-detail-grid{grid-template-columns:1fr}.rule-detail-header{flex-direction:row}}.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:#0b1a44}.ots-tab--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#0b1a44;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{position:relative;flex:1;max-width:400px}.ots-toolbar__search .search-icon{position:absolute;left:.875rem;top:0;bottom:0;margin:auto;width:18px;height:18px;color:#94a3b8;pointer-events:none}.ots-toolbar__search .search-input{width:100%;padding:.625rem 2.5rem .625rem .875rem;font-size:.875rem;color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s,background .2s}.ots-toolbar__search .search-input:focus{border-color:#1a3a82;box-shadow:0 0 0 3px #1a3a821a;background:#fff}.ots-toolbar__search .search-input::placeholder{color:#94a3b8}.ots-toolbar__search .search-clear{position:absolute;right:.5rem;top:0;bottom:0;margin:auto;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#94a3b8;border-radius:4px;padding:0;transition:color .2s}.ots-toolbar__search .search-clear:hover{color:#64748b}.ots-toolbar__search .search-clear svg{width:14px;height:14px}.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:#0b1a44;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:#0b1a44;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:#0b1a44}.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:#0b1a44;box-shadow:0 0 0 3px #0b1a441a}.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:#0b1a44;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,#dff5e8,#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:#0b1a44}.letter-generated-success h3{font-size:20px;font-weight:600;color:#0b1a44;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:#0b1a44}.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,#dff5e8);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:#0b1a44}.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:#1a3a82}.tab--active{color:#1a3a82;border-bottom-color:#1a3a82}.tab-content{min-height:400px}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 24px;color:#6b7280}.spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#1a3a82;border-radius:50%;animation:spin .8s linear infinite}.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:#1a3a82}.stat-card--year .stat-card__value{color:#2b56a8}.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,#1a3a82,#0b1a44);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:#1a3a82;color:#fff}.btn--primary:hover{background:#0b1a44}.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:#1a3a82;box-shadow:0 0 0 3px #1a3a821a}.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:#1a3a82;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 #1a3a824d}.btn--create:hover{box-shadow:0 4px 8px #1a3a8266;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-left:.875rem;padding-right:40px;background:#f8fafc}.case-search-input-wrapper .form__input:focus{border-color:#1a3a82;box-shadow:0 0 0 3px #1a3a821a;background:#fff}.case-search-spinner{position:absolute;right:12px;width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#1a3a82;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:#1a3a82;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:#1a3a82}.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:#1a3a82}.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}.dms-channel-search-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-bottom:1rem}.dms-channel-search-row{display:flex;gap:16px;align-items:flex-end}.dms-channel-search-field{flex:1;display:flex;flex-direction:column;gap:6px}.dms-channel-search-field--large{flex:2}.dms-channel-search-label{font-size:13px;font-weight:500;color:#374151}.dms-channel-search-input{padding:0 14px;height:40px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#1e293b;transition:all .2s;box-sizing:border-box;outline:none;width:100%}.dms-channel-search-input:focus{border-color:#1a3a82;box-shadow:0 0 0 3px #1a3a821a}.dms-channel-search-input::placeholder{color:#94a3b8}.dms-channel-search-actions{display:flex;align-items:flex-end;gap:8px}.dms-channel-btn-secondary{display:inline-flex;align-items:center;height:40px;padding:0 16px;font-size:14px;font-weight:500;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap}.dms-channel-btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.dms-channel-btn-primary{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;font-size:14px;font-weight:500;color:#fff;background:#0b1a44;border:none;border-radius:8px;cursor:pointer;transition:background .2s;white-space:nowrap}.dms-channel-btn-primary:hover{background:#1d4ed8}.dms-channel-btn-primary svg{width:16px;height:16px}@media(max-width:768px){.dms-channel-search-row{flex-direction:column;align-items:stretch}.dms-channel-search-actions{align-items:stretch}}.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:#0b1a44;box-shadow:0 0 0 3px #0b1a441a}.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:.875rem;top:0;bottom:0;margin:auto;width:18px;height:18px;color:#94a3b8;pointer-events:none;z-index:1}.search-bar input{flex:1;min-width:0;padding:.625rem 2.5rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;background:#f8fafc;color:#1e293b;transition:border-color .2s,box-shadow .2s,background .2s;box-sizing:border-box;outline:none}.search-bar input:focus{border-color:#1a3a82;box-shadow:0 0 0 3px #1a3a821a;background:#fff}.search-bar input::placeholder{color:#94a3b8}.search-bar__clear{position:absolute;right:.5rem;top:0;bottom:0;margin:auto;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#94a3b8;border-radius:4px;padding:0;transition:color .2s;flex-shrink:0}.search-bar__clear:hover{color:#64748b}.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:#0b1a44;border:none;border-radius:8px;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:#0b1a44;box-shadow:0 0 0 3px #0b1a441a}.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:#0b1a44;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:#0b1a44}.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:#0b1a44}.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}}.dms-bulk-export-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1rem}.dms-bulk-export-bar__left{display:flex;align-items:center;gap:1rem}.dms-bulk-export-bar__selected{font-size:.875rem;font-weight:500;color:#0b1a44;background:#eff6ff;padding:.25rem .75rem;border-radius:1rem}.dms-bulk-export-bar__right{display:flex;align-items:center;gap:.5rem}.th-checkbox,.td-checkbox{width:40px;text-align:center}.th-checkbox input[type=checkbox],.td-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#0b1a44}.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:#0b1a44;color:#fff;border-color:#0b1a44}.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:#0b1a44;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:#0b1a44}.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:#0b1a44;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:#0b1a44;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}}.reports-page{padding:24px;max-width:1400px;margin:0 auto}.rpt-header{margin-bottom:24px}.rpt-header__title{font-size:24px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.rpt-header__subtitle{font-size:14px;color:#64748b;margin:0}.rpt-list-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:12px;flex-wrap:wrap}.rpt-list-search{position:relative;flex:1;min-width:280px}.rpt-list-search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#94a3b8;pointer-events:none}.rpt-list-search__input{width:100%;padding:10px 36px 10px 40px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1a1a2e;background:#fff;transition:border-color .2s}.rpt-list-search__input:focus{outline:none;border-color:#1a3a82;box-shadow:0 0 0 3px #1a3a821a}.rpt-list-search__clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;padding:0;border:none;background:none;color:#94a3b8;cursor:pointer}.rpt-list-search__clear svg{width:16px;height:16px}.rpt-list-type-filter{display:flex;gap:4px;background:#f1f5f9;border-radius:8px;padding:3px}.rpt-type-btn{padding:7px 16px;border:none;border-radius:6px;background:transparent;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.rpt-type-btn:hover{color:#1a1a2e}.rpt-type-btn--active{background:#fff;color:#1a3a82;box-shadow:0 1px 3px #00000014}.rpt-tabs{display:flex;gap:0;border-bottom:2px solid #e2e8f0;margin-bottom:20px}.rpt-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.rpt-tab:hover{color:#334155}.rpt-tab--active{color:#1a3a82;border-bottom-color:#1a3a82;font-weight:600}.rpt-tab__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#e2e8f0;color:#64748b;border-radius:10px;font-size:11px;font-weight:600}.rpt-tab--active .rpt-tab__count{background:#1a3a82;color:#fff}.rpt-list-count{font-size:13px;color:#94a3b8;margin-bottom:16px}.rpt-list{display:flex;flex-direction:column;gap:12px}.rpt-list-empty{text-align:center;padding:60px 24px;color:#94a3b8}.rpt-list-empty svg{width:48px;height:48px;margin-bottom:12px}.rpt-card{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease}.rpt-card:hover{border-color:#c7d2fe;box-shadow:0 4px 12px #1a3a8214}.rpt-card__left{display:flex;align-items:flex-start;gap:16px;flex:1;min-width:0}.rpt-card__icon{flex-shrink:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#f0f4ff;border-radius:10px;color:#1a3a82}.rpt-card__icon svg{width:20px;height:20px}.rpt-card__info{flex:1;min-width:0}.rpt-card__name{font-size:15px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.rpt-card__desc{font-size:13px;color:#64748b;margin:0 0 8px;line-height:1.4}.rpt-card__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rpt-card__type{display:inline-block;padding:2px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.rpt-card__type--dragdrop{background:#dbeafe;color:#0b1a44}.rpt-card__type--query{background:#fef3c7;color:#d97706}.rpt-card__entity{font-size:12px;color:#94a3b8;background:#f8fafc;padding:2px 8px;border-radius:4px}.rpt-card__exported{font-size:12px;color:#94a3b8}.rpt-card__open-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;background:#1a3a82;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap;flex-shrink:0}.rpt-card__open-btn:hover{background:#5a6fd6}.rpt-card__open-btn svg{width:16px;height:16px}.rpt-card__actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.rpt-card__status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:5px 12px;border-radius:6px;white-space:nowrap}.rpt-card__status svg{width:14px;height:14px}.rpt-card__status--processing{background:#fef3c7;color:#d97706}.rpt-card__status--ready{background:#d1fae5;color:#059669}.rpt-card__status--failed{background:#fee2e2;color:#dc2626}.rpt-card__spinner{width:14px;height:14px;border:2px solid #fbbf24;border-top-color:#d97706;border-radius:50%;animation:rpt-spin .8s linear infinite}@keyframes rpt-spin{to{transform:rotate(360deg)}}.rpt-card__action-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}.rpt-card__action-btn svg{width:16px;height:16px}.rpt-card__action-btn--refresh:hover{border-color:#fbbf24;color:#d97706;background:#fffbeb}.rpt-card__action-btn--download{border-color:#a7f3d0;color:#059669;background:#ecfdf5}.rpt-card__action-btn--download:hover{border-color:#059669;background:#d1fae5}.rpt-card__action-btn--more{border-color:#e2e8f0;color:#64748b}.rpt-card__action-btn--more:hover{border-color:#94a3b8;background:#f1f5f9}.rpt-card__download-wrapper{position:relative}.rpt-card__download-dropdown{position:absolute;top:42px;right:0;min-width:130px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0000001f;z-index:20;overflow:hidden}.rpt-card__download-option{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:none;color:#334155;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.rpt-card__download-option:hover{background:#f0f4ff;color:#1a3a82}.rpt-card__download-option svg{width:14px;height:14px;color:#94a3b8}.rpt-card__action-btn--error{color:#dc3545}.rpt-card__action-btn--error:hover{background:#fef2f2}.rpt-error-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.rpt-error-modal{background:#fff;border-radius:12px;width:480px;max-width:90vw;box-shadow:0 20px 60px #0003;overflow:hidden}.rpt-error-modal__header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #fee2e2;background:#fef2f2}.rpt-error-modal__header svg{width:22px;height:22px;flex-shrink:0}.rpt-error-modal__header h3{margin:0;font-size:15px;font-weight:600;color:#dc3545;flex:1}.rpt-error-modal__close{background:none;border:none;padding:4px;cursor:pointer;color:#94a3b8;border-radius:6px;display:flex;align-items:center}.rpt-error-modal__close:hover{background:#fecaca;color:#dc3545}.rpt-error-modal__close svg{width:18px;height:18px}.rpt-error-modal__body{padding:20px}.rpt-error-modal__report{margin:0 0 12px;font-size:13px;font-weight:600;color:#475569}.rpt-error-modal__message{margin:0;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:13px;color:#991b1b;white-space:pre-wrap;word-break:break-word;line-height:1.5;font-family:SF Mono,Fira Code,monospace;max-height:200px;overflow-y:auto}.rpt-recent-exports{margin-top:20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.rpt-recent-exports__title{font-size:14px;font-weight:600;color:#334155;margin:0 0 12px}.rpt-recent-exports__list{display:flex;flex-direction:column;gap:8px}.rpt-recent-export-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f8fafc;border-radius:8px;gap:12px}.rpt-recent-export-row__info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.rpt-recent-export-row__file{font-size:13px;font-weight:500;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rpt-recent-export-row__date{font-size:12px;color:#94a3b8;white-space:nowrap}.rpt-recent-export-row__rows{font-size:12px;color:#64748b;background:#e2e8f0;padding:1px 8px;border-radius:4px;white-space:nowrap}.rpt-recent-export-row__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.rpt-detail-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}.rpt-detail-header__info{flex:1}.rpt-detail-header__title{font-size:22px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.rpt-detail-header__desc{font-size:14px;color:#64748b;margin:0 0 8px}.rpt-detail-header__meta{display:flex;align-items:center;gap:10px}.rpt-filter-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px;margin-bottom:24px}.rpt-filter-panel__title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#1a1a2e;margin:0 0 16px}.rpt-filter-panel__title svg{width:18px;height:18px;color:#1a3a82}.rpt-filter-panel__fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:16px}.rpt-filter-field__label{display:block;font-size:13px;font-weight:500;color:#475569;margin-bottom:6px}.rpt-filter-field__required{color:#ef4444;margin-left:2px}.rpt-filter-field__input{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#1a1a2e;background:#fff;transition:border-color .2s}.rpt-filter-field__input:focus{outline:none;border-color:#1a3a82;box-shadow:0 0 0 3px #1a3a821a}.rpt-filter-panel__actions{display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid #f1f5f9}.rpt-run-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;background:#1a3a82;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.rpt-run-btn:hover{background:#5a6fd6}.rpt-run-btn--csv{background:#059669}.rpt-run-btn--csv:hover{background:#047857}.rpt-run-btn--excel{background:#16a34a}.rpt-run-btn--excel:hover{background:#15803d}.rpt-run-btn:disabled{opacity:.6;cursor:not-allowed}.rpt-run-btn svg{width:14px;height:14px}.rpt-clear-btn{padding:10px 20px;background:transparent;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.rpt-clear-btn:hover{border-color:#cbd5e1;color:#1a1a2e}.rpt-chart-placeholder{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:20px;text-align:center}.rpt-chart-placeholder__visual{height:200px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:12px}.rpt-chart-bars{display:flex;align-items:flex-end;gap:12px;height:100%;padding:0 20px}.rpt-chart-bar{width:40px;background:#f0f4ff;border-radius:6px 6px 0 0;overflow:hidden;position:relative}.rpt-chart-bar__fill{position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(180deg,#1a3a82,#5a7fd1);border-radius:6px 6px 0 0;animation:barGrow .6s ease-out forwards;transform-origin:bottom;transform:scaleY(0)}@keyframes barGrow{to{transform:scaleY(1)}}.rpt-chart-line-svg{width:100%;height:100%}.rpt-chart-pie-svg{width:180px;height:180px}.rpt-chart-placeholder__label{font-size:14px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.rpt-chart-placeholder__note{font-size:12px;color:#94a3b8}.rpt-export-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px}.rpt-export-bar__info{font-size:13px;color:#64748b;display:flex;align-items:center;gap:8px}.rpt-export-bar__divider{color:#cbd5e1}.rpt-export-bar__buttons{display:flex;gap:8px}.rpt-export-btn{display:flex;align-items:center;gap:5px;padding:6px 14px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.rpt-export-btn svg{width:14px;height:14px}.rpt-export-btn--csv{color:#059669}.rpt-export-btn--csv:hover{background:#ecfdf5;border-color:#059669}.rpt-export-btn--excel{color:#16a34a}.rpt-export-btn--excel:hover{background:#f0fdf4;border-color:#16a34a}.rpt-export-btn--pdf{color:#dc2626}.rpt-export-btn--pdf:hover{background:#fef2f2;border-color:#dc2626}.rpt-export-btn:disabled{opacity:.6;cursor:not-allowed}.spinner-sm{width:14px;height:14px;border:2px solid rgba(100,116,139,.3);border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}.rpt-table-container{overflow-x:auto;background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px}.rpt-table{width:100%;border-collapse:collapse;font-size:13px}.rpt-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.rpt-table__th{padding:12px 16px;text-align:left;font-weight:600;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background .15s}.rpt-table__th:hover{background:#f1f5f9}.rpt-table__th span{display:inline}.rpt-table__sort-icon{width:14px;height:14px;vertical-align:middle;margin-left:4px;color:#1a3a82}.rpt-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.rpt-table tbody tr:hover{background:#fafbff}.rpt-table tbody tr:last-child{border-bottom:none}.rpt-table td{padding:10px 16px;color:#1a1a2e;white-space:nowrap}.rpt-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.rpt-pagination__info{font-size:13px;color:#64748b}.rpt-pagination__controls{display:flex;align-items:center;gap:12px;font-size:13px;color:#64748b}.rpt-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;background:#fff;border:2px dashed #e2e8f0;border-radius:12px;text-align:center;color:#94a3b8}.rpt-placeholder svg{width:48px;height:48px;margin-bottom:16px;color:#cbd5e1}.rpt-placeholder h3{font-size:16px;font-weight:600;color:#64748b;margin:0 0 8px}.rpt-placeholder p{font-size:14px;margin:0;max-width:400px}.mrpt{padding:16px}.mrpt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.mrpt-toolbar__left{display:flex;align-items:center;gap:12px;flex:1;flex-wrap:wrap}.mrpt-toolbar__search{position:relative;min-width:240px}.mrpt-toolbar__search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#94a3b8}.mrpt-toolbar__search input{padding:8px 12px 8px 34px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;width:100%}.mrpt-toolbar__search input:focus{outline:none;border-color:#1a3a82}.mrpt-status-filter{display:flex;gap:4px;background:#f1f5f9;border-radius:8px;padding:3px}.mrpt-status-btn{padding:6px 14px;border:none;border-radius:6px;background:transparent;font-size:12px;font-weight:500;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:6px}.mrpt-status-btn:hover{color:#1a1a2e}.mrpt-status-btn--active{background:#fff;color:#1a3a82;box-shadow:0 1px 3px #00000014}.mrpt-status-btn__count{background:#e2e8f0;padding:1px 6px;border-radius:10px;font-size:11px;font-weight:600}.mrpt-status-btn--active .mrpt-status-btn__count{background:#eef4ff;color:#1a3a82}.mrpt-table-container{overflow-x:auto;background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px}.mrpt-table{width:100%;border-collapse:collapse;font-size:13px}.mrpt-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.mrpt-table th{padding:12px 16px;text-align:left;font-weight:600;color:#475569;white-space:nowrap}.mrpt-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.mrpt-table tbody tr:hover{background:#fafbff}.mrpt-table tbody tr:last-child{border-bottom:none}.mrpt-table td{padding:12px 16px;vertical-align:middle}.mrpt-table__name{display:flex;flex-direction:column;gap:2px}.mrpt-table__report-name{font-weight:600;color:#1a1a2e;display:flex;align-items:center;gap:8px}.mrpt-table__prebuilt{font-size:10px;font-weight:600;color:#1a3a82;background:#eef4ff;padding:1px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.mrpt-table__report-desc{font-size:12px;color:#94a3b8}.mrpt-table__entity{font-size:12px;background:#f8fafc;padding:2px 8px;border-radius:4px;color:#64748b}.mrpt-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.mrpt-toggle input{display:none}.mrpt-toggle__slider{position:relative;width:36px;height:20px;background:#cbd5e1;border-radius:10px;transition:background .25s;flex-shrink:0}.mrpt-toggle__slider:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .25s;box-shadow:0 1px 3px #00000026}.mrpt-toggle input:checked+.mrpt-toggle__slider{background:#059669}.mrpt-toggle input:checked+.mrpt-toggle__slider:after{transform:translate(16px)}.mrpt-toggle__label{font-size:12px;font-weight:500;color:#64748b}.mrpt-toggle input:checked~.mrpt-toggle__label{color:#059669}.mrpt-table__roles{display:flex;gap:4px;flex-wrap:wrap}.mrpt-table__role{padding:2px 8px;background:#f0f4ff;border-radius:4px;font-size:11px;color:#1a3a82;font-weight:500}.mrpt-table__role--more{background:#f1f5f9;color:#64748b}.mrpt-table__date{font-size:12px;color:#64748b}.mrpt-table__actions{display:flex;gap:6px}.mrpt-action-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#64748b;cursor:pointer;transition:all .2s}.mrpt-action-btn:hover{border-color:#1a3a82;color:#1a3a82}.mrpt-action-btn svg{width:14px;height:14px}.mrpt-action-btn--publish:hover{border-color:#059669;color:#059669}.mrpt-action-btn--archive:hover{border-color:#d97706;color:#d97706}.mrpt-action-btn--delete:hover{border-color:#ef4444;color:#ef4444}.mrpt-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.mrpt-btn svg{width:16px;height:16px}.mrpt-btn--publish{background:#1a3a82;color:#fff}.mrpt-btn--publish:hover{background:#5a6fd6}.mrpt-btn--draft{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.mrpt-btn--draft:hover{background:#e2e8f0}.mrpt-btn--preview{background:#fff;color:#1a3a82;border:1px solid #1a3a82}.mrpt-btn--preview:hover{background:#f0f4ff}.mrpt-notice{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e;font-size:13px;line-height:1.5}.mrpt-notice svg{flex-shrink:0;width:20px;height:20px;color:#d97706}.mrpt-create-header{margin-bottom:24px}.mrpt-back-btn{display:flex;align-items:center;gap:6px;padding:6px 0;border:none;background:none;color:#1a3a82;font-size:13px;font-weight:500;cursor:pointer;margin-bottom:8px}.mrpt-back-btn svg{width:16px;height:16px}.mrpt-back-btn:hover{color:#5a6fd6}.mrpt-create-title{font-size:22px;font-weight:700;color:#1a1a2e;margin:0}.mrpt-type-chooser{text-align:center;padding:40px 0}.mrpt-type-chooser h3{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 24px}.mrpt-type-chooser__options{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:700px;margin:0 auto}.mrpt-type-option{padding:32px 24px;background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;transition:all .2s;text-align:center}.mrpt-type-option:hover{border-color:#1a3a82;box-shadow:0 8px 24px #1a3a821f;transform:translateY(-2px)}.mrpt-type-option__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;border-radius:14px}.mrpt-type-option__icon svg{width:28px;height:28px}.mrpt-type-option__icon--dragdrop{background:#dbeafe;color:#0b1a44}.mrpt-type-option__icon--query{background:#fef3c7;color:#d97706}.mrpt-type-option h4{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 8px}.mrpt-type-option p{font-size:13px;color:#64748b;margin:0 0 12px;line-height:1.5}.mrpt-type-option__tag{display:inline-block;padding:3px 12px;background:#f0f4ff;border-radius:12px;font-size:11px;font-weight:600;color:#1a3a82}.mrpt-form-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:20px}.mrpt-form-section__title{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 16px;display:flex;align-items:center;gap:10px}.mrpt-builder-badge{padding:3px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.mrpt-builder-badge--dragdrop{background:#dbeafe;color:#0b1a44}.mrpt-builder-badge--query{background:#fef3c7;color:#d97706}.mrpt-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.mrpt-form-field{display:flex;flex-direction:column;gap:6px}.mrpt-form-field--full{grid-column:1 / -1}.mrpt-form-field label{font-size:13px;font-weight:500;color:#475569}.mrpt-required{color:#ef4444}.mrpt-form-field input,.mrpt-form-field select,.mrpt-form-field textarea{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#1a1a2e;font-family:inherit;resize:vertical}.mrpt-form-field input:focus,.mrpt-form-field select:focus,.mrpt-form-field textarea:focus{outline:none;border-color:#1a3a82;box-shadow:0 0 0 3px #1a3a821a}.mrpt-builder{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-height:400px}.mrpt-builder__left,.mrpt-builder__right{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.mrpt-builder__panel-title{font-size:14px;font-weight:600;color:#475569;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;margin:0;display:flex;align-items:center;justify-content:space-between}.mrpt-builder__count{background:#1a3a82;color:#fff;padding:1px 8px;border-radius:10px;font-size:11px}.mrpt-builder__entities{max-height:380px;overflow-y:auto;padding:8px}.mrpt-entity__header{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:none;font-size:13px;font-weight:600;color:#1a1a2e;cursor:pointer;border-radius:6px;transition:background .15s}.mrpt-entity__header:hover{background:#f8fafc}.mrpt-entity__chevron{width:14px;height:14px;color:#94a3b8;transition:transform .2s;flex-shrink:0}.mrpt-entity__chevron--open{transform:rotate(90deg)}.mrpt-entity__primary{font-size:10px;font-weight:600;background:#dbeafe;color:#0b1a44;padding:1px 6px;border-radius:3px;margin-left:6px;text-transform:uppercase}.mrpt-entity__fields{padding:4px 0 8px 26px}.mrpt-field-btn{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px;border:none;background:none;font-size:12px;color:#475569;cursor:pointer;border-radius:4px;transition:background .15s}.mrpt-field-btn:hover:not(:disabled){background:#f0f4ff;color:#1a3a82}.mrpt-field-btn:disabled{opacity:.5;cursor:default}.mrpt-field-btn svg{width:12px;height:12px;color:#94a3b8}.mrpt-field-btn:hover:not(:disabled) svg{color:#1a3a82}.mrpt-field-btn__type{margin-left:auto;font-size:10px;color:#94a3b8;font-style:italic}.mrpt-field-btn--selected{opacity:.5}.mrpt-builder__empty{display:flex;align-items:center;justify-content:center;height:200px;color:#94a3b8;font-size:13px;text-align:center;padding:20px}.mrpt-selected-list{padding:8px;max-height:380px;overflow-y:auto}.mrpt-selected-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:6px;background:#fff;transition:border-color .15s}.mrpt-selected-item:hover{border-color:#c7d2fe}.mrpt-selected-item__reorder{display:flex;flex-direction:column;gap:2px}.mrpt-selected-item__reorder button{width:20px;height:16px;padding:0;border:none;background:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center}.mrpt-selected-item__reorder button:hover:not(:disabled){color:#1a3a82}.mrpt-selected-item__reorder button:disabled{opacity:.3;cursor:default}.mrpt-selected-item__reorder button svg{width:12px;height:12px}.mrpt-selected-item__info{flex:1;display:flex;flex-direction:column;gap:1px}.mrpt-selected-item__label{font-size:13px;font-weight:500;color:#1a1a2e}.mrpt-selected-item__entity{font-size:11px;color:#94a3b8}.mrpt-selected-item__remove{width:24px;height:24px;padding:0;border:none;background:none;color:#cbd5e1;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s}.mrpt-selected-item__remove:hover{color:#ef4444;background:#fef2f2}.mrpt-selected-item__remove svg{width:14px;height:14px}.mrpt-query-editor__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mrpt-query-editor__header h4{font-size:14px;font-weight:600;color:#475569;margin:0}.mrpt-validate-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:8px;background:#0b1a44;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.mrpt-validate-btn:hover{background:#1d4ed8}.mrpt-validate-btn:disabled{background:#93c5fd;cursor:not-allowed}.mrpt-validate-btn svg{width:14px;height:14px}.mrpt-query-editor__textarea{width:100%;padding:16px;border:1px solid #e2e8f0;border-radius:8px;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.6;color:#1a1a2e;background:#f8fafc;resize:vertical;-moz-tab-size:2;tab-size:2}.mrpt-query-editor__textarea:focus{outline:none;border-color:#1a3a82;background:#fff}.mrpt-query-editor__textarea::placeholder{color:#94a3b8}.mrpt-query-editor__status{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:6px;font-size:13px;font-weight:500;margin-top:12px}.mrpt-query-editor__status svg{width:16px;height:16px;flex-shrink:0}.mrpt-query-editor__status--valid{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.mrpt-query-editor__status--invalid{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.mrpt-query-editor__hint{margin-top:12px;font-size:12px;color:#94a3b8;line-height:1.5}.mrpt-query-editor__hint code{background:#f1f5f9;padding:1px 5px;border-radius:3px;font-size:11px;color:#1a3a82}.mrpt-config-grid{display:flex;flex-direction:column;gap:20px}.mrpt-config-group label{display:block;font-size:13px;font-weight:600;color:#475569;margin-bottom:10px}.mrpt-chart-options{display:flex;gap:8px;flex-wrap:wrap}.mrpt-chart-opt{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;border:2px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s;min-width:70px}.mrpt-chart-opt svg{width:20px;height:20px;color:#64748b}.mrpt-chart-opt span{font-size:11px;color:#64748b;font-weight:500}.mrpt-chart-opt:hover{border-color:#c7d2fe}.mrpt-chart-opt--active{border-color:#1a3a82;background:#f0f4ff}.mrpt-chart-opt--active svg{color:#1a3a82}.mrpt-chart-opt--active span{color:#1a3a82}.mrpt-checkbox-group{display:flex;gap:16px;flex-wrap:wrap}.mrpt-checkbox{display:flex;align-items:center;gap:6px;font-size:13px;color:#475569;cursor:pointer}.mrpt-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#1a3a82;cursor:pointer}.mrpt-form-actions{display:flex;align-items:center;gap:12px;padding-top:8px}.mrpt-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.mrpt-detail-item{display:flex;flex-direction:column;gap:4px}.mrpt-detail-item__label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px}.mrpt-detail-item__value{font-size:14px;color:#1a1a2e;font-weight:500}.mrpt-detail-sql{background:#1e293b;color:#e2e8f0;padding:16px 20px;border-radius:8px;font-family:Fira Code,Consolas,monospace;font-size:13px;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-word;margin:0}.mrpt-detail-columns{display:flex;flex-direction:column;gap:6px}.mrpt-detail-column{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.mrpt-detail-column__idx{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#e2e8f0;border-radius:50%;font-size:11px;font-weight:600;color:#64748b;flex-shrink:0}.mrpt-detail-column__label{font-size:13px;font-weight:500;color:#334155;flex:1}.mrpt-detail-column__entity{font-size:12px;color:#94a3b8}.mdb{padding:16px}.mdb-alert{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-radius:8px;font-size:13px;margin-bottom:16px}.mdb-alert--error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.mdb-alert button{background:none;border:none;font-size:18px;cursor:pointer;color:inherit;padding:0 4px}.mdb-cards-container{min-height:100px}.mdb-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.mdb-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s}.mdb-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.mdb-card--default{border-color:#93c5fd;background:#f0f9ff}.mdb-card--default:hover{border-color:#60a5fa;background:#e0f2fe}.mdb-card__icon{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:10px;color:#64748b}.mdb-card--default .mdb-card__icon{background:#dbeafe;color:#0b1a44}.mdb-card__icon svg{width:20px;height:20px}.mdb-card__content{flex:1;min-width:0}.mdb-card__name{font-size:14px;font-weight:700;color:#1e293b;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mdb-card__meta{font-size:12px;color:#94a3b8}.mdb-card__actions{flex-shrink:0}.mdb-card__arrow{flex-shrink:0;color:#cbd5e1;transition:color .2s}.mdb-card:hover .mdb-card__arrow{color:#94a3b8}.mdb-card__arrow svg{width:18px;height:18px}.mdb-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.mdb-badge--prebuilt{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.mdb-badge--default{background:#dbeafe;color:#0b1a44;border:1px solid #93c5fd}.mdb-widget-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 6px;background:#f1f5f9;border-radius:6px;font-size:12px;font-weight:700;color:#475569}.mdb-roles{display:flex;flex-wrap:wrap;gap:4px}.mdb-role-tag{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;background:#f1f5f9;color:#64748b;text-transform:capitalize}.mdb-role-tag--more{background:#e2e8f0;color:#475569}.mdb-set-default-btn{padding:4px 12px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#475569;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.mdb-set-default-btn:hover:not(:disabled){background:#dbeafe;border-color:#93c5fd;color:#0b1a44}.mdb-set-default-btn:disabled{opacity:.4;cursor:not-allowed}.mdb-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.mdb-toggle input{display:none}.mdb-toggle__slider{position:relative;width:36px;height:20px;background:#cbd5e1;border-radius:20px;transition:background .2s;flex-shrink:0}.mdb-toggle__slider:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 2px #00000026}.mdb-toggle input:checked+.mdb-toggle__slider{background:#16a34a}.mdb-toggle input:checked+.mdb-toggle__slider:after{transform:translate(16px)}.mdb-toggle__label{font-size:12px;font-weight:600;color:#64748b}.mdb-date{font-size:12px;color:#94a3b8;white-space:nowrap}.mdb-delete-btn{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}.mdb-delete-btn:hover:not(:disabled){background:#fef2f2;color:#dc2626}.mdb-delete-btn:disabled{opacity:.4;cursor:not-allowed}.mdb-delete-btn svg{width:16px;height:16px}.mdb-empty{padding:40px;text-align:center;color:#94a3b8;font-size:14px}.mdb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.mdb-modal{background:#fff;border-radius:12px;padding:24px;max-width:420px;width:90%;box-shadow:0 20px 60px #0003}.mdb-modal__title{margin:0 0 8px;font-size:16px;font-weight:700;color:#1e293b}.mdb-modal__text{margin:0 0 20px;font-size:13px;color:#64748b;line-height:1.5}.mdb-modal__actions{display:flex;gap:8px;justify-content:flex-end}.mdb-modal__btn{padding:8px 18px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.mdb-modal__btn--cancel{background:#f1f5f9;color:#475569}.mdb-modal__btn--cancel:hover{background:#e2e8f0}.mdb-modal__btn--delete{background:#dc2626;color:#fff}.mdb-modal__btn--delete:hover{background:#b91c1c}.mdb-modal__btn--delete:disabled{opacity:.6;cursor:not-allowed}.configuration-page{padding:24px;max-width:1600px;margin:0 auto}.config-landing{margin-top:8px}.config-landing__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.config-landing__card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease}.config-landing__card:hover{border-color:#1a3a82;box-shadow:0 4px 12px #1a3a8226;transform:translateY(-2px)}.config-landing__card-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f0f4ff;border-radius:10px;color:#1a3a82}.config-landing__card-icon svg{width:22px;height:22px}.config-landing__card:hover .config-landing__card-icon{background:#1a3a82;color:#fff}.config-landing__card-content{flex:1;min-width:0}.config-landing__card-title{font-size:15px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.config-landing__card-desc{font-size:13px;color:#64748b;margin:0;line-height:1.4}.config-landing__card-arrow{flex-shrink:0;width:18px;height:18px;color:#cbd5e1;transition:all .2s ease}.config-landing__card:hover .config-landing__card-arrow{color:#1a3a82;transform:translate(3px)}.config-manage-reports__notice{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e;font-size:13px;line-height:1.5;margin-bottom:24px}.config-manage-reports__notice svg{flex-shrink:0;width:20px;height:20px;color:#d97706}.config-manage-reports__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.config-manage-reports__card{padding:24px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.config-manage-reports__card h3{font-size:15px;font-weight:600;color:#1a1a2e;margin:0 0 8px}.config-manage-reports__card p{font-size:13px;color:#64748b;margin:0 0 12px;line-height:1.5}.config-manage-reports__badge{display:inline-block;padding:3px 10px;background:#f1f5f9;border-radius:12px;font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.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:#0b1a44;background:#fff}.config-tab-button--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#0b1a44}.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:.625rem .875rem .625rem 2.5rem;font-size:.875rem;color:#1e293b;border:1px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 21L15 15M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z'%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:.875rem center;background-size:18px 18px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;outline:none}.search-box input:focus{border-color:#1a3a82;box-shadow:0 0 0 3px #1a3a821a;background-color:#fff}.search-box input::placeholder{color:#94a3b8}.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:#0b1a44}.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:#0b1a44}.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:#0b1a44}.badge--default,.badge--basic{background:#f3f4f6;color:#6b7280}.badge--standard{background:#dbeafe;color:#0b1a44}.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:#0b1a44}.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:#0b1a44;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:#0b1a44;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:#0b1a44;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:#0b1a44}.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:#0b1a44;box-shadow:0 0 0 3px #0b1a441a}.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}.org-logo-view{height:48px;max-width:160px;object-fit:contain;border:1px solid #e5e7eb;border-radius:6px;padding:4px 8px;background:#f9fafb;display:block}.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:#0b1a44}@media(max-width:640px){.form-grid--two-columns{grid-template-columns:1fr}}.critical-logs-page{padding:24px;max-width:1600px;margin:0 auto}.critical-logs-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:20px}.critical-logs-filters__row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.critical-logs-filters__field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:180px}.critical-logs-filters__field--search{flex:2;min-width:250px}.critical-logs-filters__label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.03em}.critical-logs-filters__input,.critical-logs-filters__select{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1a1a2e;background:#fff;outline:none;transition:border-color .2s}.critical-logs-filters__input:focus,.critical-logs-filters__select:focus{border-color:#0b1a44;box-shadow:0 0 0 3px #0b1a441a}.critical-logs-filters__actions{display:flex;gap:8px;align-self:flex-end}.critical-logs-filters__btn{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.critical-logs-filters__btn--primary{background:#0b1a44;color:#fff}.critical-logs-filters__btn--primary:hover{background:#1d4ed8}.critical-logs-filters__btn--secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.critical-logs-filters__btn--secondary:hover{background:#e5e7eb}.critical-logs-stats{display:flex;gap:8px;margin-bottom:16px;align-items:center}.critical-logs-stats__count{font-size:14px;color:#6b7280}.critical-logs-stats__count strong{color:#1a1a2e}.critical-logs-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.critical-logs-table{width:100%;border-collapse:collapse}.critical-logs-table thead{background:#f8fafc}.critical-logs-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #e5e7eb}.critical-logs-table td{padding:12px 16px;font-size:14px;color:#1a1a2e;border-bottom:1px solid #f3f4f6;vertical-align:top}.critical-logs-table tbody tr{transition:background-color .15s}.critical-logs-table tbody tr:hover{background:#f8fafc}.critical-logs-table tbody tr:last-child td{border-bottom:none}.log-cell-datetime{font-size:13px;color:#6b7280;white-space:nowrap}.log-cell-module{display:inline-block;padding:2px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:#e0e7ff;color:#4338ca;border-radius:4px;white-space:nowrap}.log-cell-method{display:inline-block;padding:2px 6px;font-size:11px;font-weight:600;border-radius:4px;white-space:nowrap}.log-cell-method--get{background:#d1fae5;color:#059669}.log-cell-method--post{background:#dbeafe;color:#0b1a44}.log-cell-method--put{background:#fef3c7;color:#d97706}.log-cell-method--delete{background:#fee2e2;color:#dc2626}.log-cell-url{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;color:#6b7280;word-break:break-all;max-width:280px}.log-cell-status{display:inline-block;padding:2px 8px;font-size:12px;font-weight:600;border-radius:4px;white-space:nowrap}.log-cell-status--4xx{background:#fef3c7;color:#d97706}.log-cell-status--5xx{background:#fee2e2;color:#dc2626}.log-cell-status--other{background:#f3f4f6;color:#6b7280}.log-cell-message{font-size:13px;color:#374151;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-cell-user{font-size:13px;color:#374151;white-space:nowrap}.log-cell-actions{display:flex;gap:6px}.log-view-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#e0e7ff;border:none;border-radius:6px;cursor:pointer;color:#4338ca;transition:all .2s}.log-view-btn:hover{background:#c7d2fe}.log-view-btn svg{width:16px;height:16px}.critical-logs-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #e5e7eb}.critical-logs-pagination__info{font-size:14px;color:#6b7280}.critical-logs-pagination__buttons{display:flex;gap:8px}.critical-logs-pagination__btn{padding:6px 14px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:13px;color:#374151;cursor:pointer;transition:all .2s}.critical-logs-pagination__btn:hover:not(:disabled){background:#f3f4f6}.critical-logs-pagination__btn:disabled{opacity:.5;cursor:not-allowed}.critical-logs-empty{padding:60px 20px;text-align:center;color:#6b7280}.critical-logs-empty__icon{width:48px;height:48px;color:#d1d5db;margin:0 auto 16px}.critical-logs-empty__text{font-size:15px;margin:0 0 4px}.critical-logs-empty__hint{font-size:13px;color:#9ca3af}.critical-logs-loading{padding:60px 20px;text-align:center;color:#6b7280;font-size:14px}.log-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.log-detail-modal{background:#fff;border-radius:16px;width:100%;max-width:720px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003}.log-detail-modal__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.log-detail-modal__title{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.log-detail-modal__close{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}.log-detail-modal__close:hover{background:#e5e7eb;color:#1a1a2e}.log-detail-modal__close svg{width:18px;height:18px}.log-detail-modal__body{padding:24px;overflow-y:auto;flex:1}.log-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.log-detail-item{display:flex;flex-direction:column;gap:4px}.log-detail-item--full{grid-column:1 / -1}.log-detail-item__label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.log-detail-item__value{font-size:14px;color:#1a1a2e;word-break:break-word}.log-detail-item__value code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;background:#f3f4f6;padding:2px 6px;border-radius:4px}.log-detail-stacktrace{margin-top:20px}.log-detail-stacktrace__title{font-size:14px;font-weight:600;color:#1a1a2e;margin:0 0 8px}.log-detail-stacktrace__content{background:#1e293b;color:#e2e8f0;padding:16px;border-radius:8px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-all;max-height:300px;overflow-y:auto}.log-detail-modal__footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.log-detail-modal__footer button{padding:8px 20px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:14px;color:#374151;cursor:pointer;transition:all .2s}.log-detail-modal__footer button:hover{background:#f3f4f6}.critical-logs-alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.critical-logs-alert--error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.critical-logs-alert button{background:none;border:none;color:inherit;cursor:pointer;font-size:13px;text-decoration:underline}@media(max-width:1024px){.critical-logs-filters__row{flex-direction:column}.critical-logs-filters__field{min-width:100%}.log-detail-grid{grid-template-columns:1fr}}@media(max-width:768px){.critical-logs-page{padding:16px}.critical-logs-table{font-size:13px}.critical-logs-table th,.critical-logs-table td{padding:8px 10px}.log-cell-url,.log-cell-message{max-width:150px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #1a3a82;--color-primary-dark: #0b1a44;--color-primary-light: #2b56a8;--color-accent: #5a7fd1;--color-accent-light: #afc6ff;--color-brand-gradient: linear-gradient(180deg, #2b56a8 0%, #0b1a44 100%);--color-secondary: #5a6874;--color-danger: #b5443c;--color-danger-bg: #fbe2de;--color-success: #1f8a5a;--color-success-bg: #dff5e8;--color-warning: #b5871f;--color-warning-bg: #fbf0d6;--color-info: #2f5ea8;--color-info-bg: #e0ebfb;--color-bg: #f6f7f9;--color-surface: #ffffff;--color-surface-2: #f6f7f9;--color-ink: #0f1b24;--color-ink-2: #2a3944;--color-ink-3: #5a6874;--color-ink-4: #8a95a0;--color-line: #e5e8ec;--color-line-2: #eef0f3;--color-gray-50: #f6f7f9;--color-gray-100: #eef0f3;--color-gray-200: #e5e8ec;--color-gray-300: #d1d5db;--color-gray-400: #8a95a0;--color-gray-500: #5a6874;--color-gray-600: #2a3944;--color-gray-700: #2a3944;--color-gray-800: #1f2937;--color-gray-900: #0f1b24;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-display: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Monaco, Consolas, "Courier New", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(11, 26, 68, .06);--shadow-md: 0 4px 12px -2px rgba(11, 26, 68, .1);--shadow-lg: 0 10px 24px -10px rgba(11, 26, 68, .2);--shadow-xl: 0 20px 40px -12px rgba(11, 26, 68, .25);--shadow-brand: 0 10px 24px -10px rgba(11, 26, 68, .5)}:root.dark{--color-bg: #111827;--color-text: #f9fafb}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);color:var(--color-ink);background-color:var(--color-bg);line-height:1.5;letter-spacing:-.005em}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.015em;color:var(--color-ink)}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-line-2);padding:.125rem .25rem;border-radius:var(--radius-sm);font-size:.875em;color:var(--color-primary-dark)}.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:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;transition:all .2s;flex-shrink:0}.back-button-icon:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.back-button-icon svg{width:20px;height:20px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input,textarea,select,button{font-family:inherit}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#1a3a822e;border-radius:999px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#1a3a8252;background-clip:content-box}::selection{background:#1a3a8238;color:var(--color-ink)}