:root{--color-primary: #1A7F5A;--color-primary-hover: #15694A;--color-primary-light: #D4F5E9;--color-secondary: #2ECC8E;--color-white: #FFFFFF;--color-bg: #F7F9F8;--color-sidebar-bg: #0F4D35;--color-sidebar-text: #E8F5EF;--color-text: #1A1A2E;--color-text-secondary: #5C6B7A;--color-text-muted: #9BA8B0;--color-border: #DDE5E0;--color-separator: #EEF2F0;--color-danger: #E53E3E;--color-danger-light: #FEE2E2;--color-warning: #D97706;--color-warning-light: #FEF3C7;--color-info: #2B7CB8;--color-info-light: #DBEAFE;--color-success: #1A7F5A;--color-success-light: #D4F5E9;--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);--shadow-md: 0 4px 16px rgba(0, 0, 0, 0.10);--font-family-base: "Inter", system-ui, -apple-system, sans-serif;--font-size-base: 0.9375rem;--line-height-base: 1.6;--font-size-xs: 0.75rem;--font-size-sm: 0.8125rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--border-radius: 8px;--border-radius-sm: 4px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 9999px;--transition-base: 150ms ease;--transition-slow: 300ms ease;--sidebar-width: 260px;--sidebar-collapsed-width: 64px;--topbar-height: 60px;--spacing-1: 0.25rem;--spacing-2: 0.5rem;--spacing-3: 0.75rem;--spacing-4: 1rem;--spacing-5: 1.5rem;--spacing-6: 2rem;--spacing-8: 3rem}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{overflow-wrap:break-word}textarea{resize:vertical}table{border-collapse:collapse;border-spacing:0}fieldset{border:none}::selection{background-color:var(--color-primary-light);color:var(--color-primary)}@font-face{font-family:"Inter";src:url("/assets/inter/static/Inter_18pt-Light-c3e62d98.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url("/assets/inter/static/Inter_18pt-Regular-1ad5bd0b.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url("/assets/inter/static/Inter_18pt-Medium-7a928760.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url("/assets/inter/static/Inter_18pt-SemiBold-1ef66184.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url("/assets/inter/static/Inter_18pt-Bold-e34abfb7.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:400;line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-bg)}h1,.h1{font-size:var(--font-size-3xl);font-weight:700;line-height:1.2}h2,.h2{font-size:var(--font-size-2xl);font-weight:600;line-height:1.25}h3,.h3{font-size:var(--font-size-xl);font-weight:600;line-height:1.3}h4,.h4{font-size:1.1rem;font-weight:600;line-height:1.35}h5,.h5{font-size:var(--font-size-md);font-weight:500;line-height:1.4}h6,.h6{font-size:.875rem;font-weight:500;line-height:1.4}p{font-size:var(--font-size-base);font-weight:400;line-height:var(--line-height-base)}small{font-size:var(--font-size-sm)}strong{font-weight:600}a{color:var(--color-primary);transition:color var(--transition-base)}a:hover{color:var(--color-primary-hover)}.mt-1{margin-top:.25rem !important}.mb-1{margin-bottom:.25rem !important}.ml-1{margin-left:.25rem !important}.mr-1{margin-right:.25rem !important}.mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.pt-1{padding-top:.25rem !important}.pb-1{padding-bottom:.25rem !important}.pl-1{padding-left:.25rem !important}.pr-1{padding-right:.25rem !important}.px-1{padding-left:.25rem !important;padding-right:.25rem !important}.py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-1{padding:.25rem !important}.mt-2{margin-top:.5rem !important}.mb-2{margin-bottom:.5rem !important}.ml-2{margin-left:.5rem !important}.mr-2{margin-right:.5rem !important}.mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.pt-2{padding-top:.5rem !important}.pb-2{padding-bottom:.5rem !important}.pl-2{padding-left:.5rem !important}.pr-2{padding-right:.5rem !important}.px-2{padding-left:.5rem !important;padding-right:.5rem !important}.py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-2{padding:.5rem !important}.mt-3{margin-top:.75rem !important}.mb-3{margin-bottom:.75rem !important}.ml-3{margin-left:.75rem !important}.mr-3{margin-right:.75rem !important}.mx-3{margin-left:.75rem !important;margin-right:.75rem !important}.my-3{margin-top:.75rem !important;margin-bottom:.75rem !important}.pt-3{padding-top:.75rem !important}.pb-3{padding-bottom:.75rem !important}.pl-3{padding-left:.75rem !important}.pr-3{padding-right:.75rem !important}.px-3{padding-left:.75rem !important;padding-right:.75rem !important}.py-3{padding-top:.75rem !important;padding-bottom:.75rem !important}.p-3{padding:.75rem !important}.mt-4{margin-top:1rem !important}.mb-4{margin-bottom:1rem !important}.ml-4{margin-left:1rem !important}.mr-4{margin-right:1rem !important}.mx-4{margin-left:1rem !important;margin-right:1rem !important}.my-4{margin-top:1rem !important;margin-bottom:1rem !important}.pt-4{padding-top:1rem !important}.pb-4{padding-bottom:1rem !important}.pl-4{padding-left:1rem !important}.pr-4{padding-right:1rem !important}.px-4{padding-left:1rem !important;padding-right:1rem !important}.py-4{padding-top:1rem !important;padding-bottom:1rem !important}.p-4{padding:1rem !important}.mt-5{margin-top:1.5rem !important}.mb-5{margin-bottom:1.5rem !important}.ml-5{margin-left:1.5rem !important}.mr-5{margin-right:1.5rem !important}.mx-5{margin-left:1.5rem !important;margin-right:1.5rem !important}.my-5{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.pt-5{padding-top:1.5rem !important}.pb-5{padding-bottom:1.5rem !important}.pl-5{padding-left:1.5rem !important}.pr-5{padding-right:1.5rem !important}.px-5{padding-left:1.5rem !important;padding-right:1.5rem !important}.py-5{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-5{padding:1.5rem !important}.mx-auto{margin-left:auto !important;margin-right:auto !important}.mt-0{margin-top:0 !important}.mb-0{margin-bottom:0 !important}.m-0{margin:0 !important}.p-0{padding:0 !important}.gap-1{gap:.25rem !important}.gap-2{gap:.5rem !important}.gap-3{gap:.75rem !important}.gap-4{gap:1rem !important}.d-flex{display:flex !important}.flex-column{flex-direction:column !important}.flex-wrap{flex-wrap:wrap !important}.flex-1{flex:1 !important}.flex-shrink-0{flex-shrink:0 !important}.align-items-center{align-items:center !important}.align-items-start{align-items:flex-start !important}.align-items-end{align-items:flex-end !important}.align-items-baseline{align-items:baseline !important}.justify-content-between{justify-content:space-between !important}.justify-content-center{justify-content:center !important}.justify-content-end{justify-content:flex-end !important}.justify-content-start{justify-content:flex-start !important}[hidden]{display:none !important}.d-none{display:none !important}.d-block{display:block !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-grid{display:grid !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-left{text-align:left !important}.text-primary{color:var(--color-primary) !important}.text-secondary{color:var(--color-text-secondary) !important}.text-muted{color:var(--color-text-muted) !important}.text-danger{color:var(--color-danger) !important}.text-success{color:var(--color-success) !important}.text-warning{color:var(--color-warning) !important}.text-info{color:var(--color-info) !important}.text-white{color:var(--color-white) !important}.fw-300{font-weight:300 !important}.fw-400{font-weight:400 !important}.fw-500{font-weight:500 !important}.fw-600{font-weight:600 !important}.fw-700{font-weight:700 !important}.fs-xs{font-size:var(--font-size-xs) !important}.fs-sm{font-size:var(--font-size-sm) !important}.fs-base{font-size:var(--font-size-base) !important}.fs-md{font-size:var(--font-size-md) !important}.fs-lg{font-size:var(--font-size-lg) !important}.fs-xl{font-size:var(--font-size-xl) !important}.fs-2xl{font-size:var(--font-size-2xl) !important}.text-truncate{overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.w-100{width:100% !important}.w-auto{width:auto !important}.h-100{height:100% !important}.mw-100{max-width:100% !important}.min-w-0{min-width:0 !important}.rounded{border-radius:var(--border-radius) !important}.rounded-sm{border-radius:var(--border-radius-sm) !important}.rounded-lg{border-radius:var(--border-radius-lg) !important}.rounded-full{border-radius:var(--border-radius-full) !important}.rounded-0{border-radius:0 !important}.shadow-sm{box-shadow:var(--shadow-sm) !important}.shadow-md{box-shadow:var(--shadow-md) !important}.shadow-none{box-shadow:none !important}.cursor-pointer{cursor:pointer !important}.overflow-hidden{overflow:hidden !important}.overflow-auto{overflow:auto !important}.position-relative{position:relative !important}.position-absolute{position:absolute !important}.position-fixed{position:fixed !important}.border{border:1px solid var(--color-border) !important}.border-0{border:none !important}.border-top{border-top:1px solid var(--color-border) !important}.bg-white{background-color:var(--color-white) !important}.bg-light{background-color:var(--color-bg) !important}.bg-primary{background-color:var(--color-primary) !important}.bg-primary-light{background-color:var(--color-primary-light) !important}.opacity-50{opacity:.5 !important}.opacity-75{opacity:.75 !important}.user-select-none{user-select:none !important}.pagination{display:flex;justify-content:center;padding:1rem}.pagination-list{display:flex;list-style:none;margin:0;padding:0;gap:.25rem;align-items:center}.pagination-item a,.pagination-item span{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--color-text);text-decoration:none;border:1px solid var(--color-border);background-color:var(--color-white);transition:background-color .15s,color .15s,border-color .15s}.pagination-item a:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.pagination-item.is-active a{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600;pointer-events:none}.pagination-item.is-disabled span{color:var(--color-text-muted);background-color:var(--color-bg);cursor:default;pointer-events:none}.row--2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}@media(max-width: 768px){.row--2{grid-template-columns:1fr}}.text-sm{font-size:var(--font-size-sm) !important}.text-xs{font-size:var(--font-size-xs) !important}.text-muted{color:var(--color-text-muted) !important}svg.icon{display:inline-block;vertical-align:middle;flex-shrink:0;pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1.125rem;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:500;line-height:1.5;border-radius:var(--border-radius);border:1px solid rgba(0,0,0,0);cursor:pointer;text-decoration:none;white-space:nowrap;user-select:none;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base),opacity var(--transition-base)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled,.btn.disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn.btn-loading{pointer-events:none;position:relative;color:rgba(0,0,0,0)}.btn.btn-loading::after{content:"";position:absolute;width:1rem;height:1rem;border:2px solid currentColor;border-right-color:rgba(0,0,0,0);border-radius:50%;animation:btn-spin .6s linear infinite;color:inherit;filter:invert(0)}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-primary:active:not(:disabled){background-color:#126048;border-color:#126048}.btn-primary.btn-loading::after{border-color:rgba(255,255,255,.8);border-right-color:rgba(0,0,0,0)}.btn-secondary{background-color:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary-light)}.btn-secondary:hover:not(:disabled){background-color:#baeedd;border-color:#baeedd}.btn-secondary:active:not(:disabled){background-color:#a3e6d0}.btn-outline{background-color:rgba(0,0,0,0);color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary-light)}.btn-outline:active:not(:disabled){background-color:#baeedd}.btn-outline.btn-loading::after{border-color:var(--color-primary);border-right-color:rgba(0,0,0,0)}.btn-danger{background-color:var(--color-danger);color:var(--color-white);border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background-color:#c53030;border-color:#c53030}.btn-danger:active:not(:disabled){background-color:#9b2c2c}.btn-ghost{background-color:rgba(0,0,0,0);color:var(--color-text-secondary);border-color:rgba(0,0,0,0)}.btn-ghost:hover:not(:disabled){background-color:var(--color-separator);color:var(--color-text)}.btn-link{background-color:rgba(0,0,0,0);color:var(--color-primary);border-color:rgba(0,0,0,0);padding-left:0;padding-right:0;text-decoration:underline;text-underline-offset:3px}.btn-link:hover:not(:disabled){color:var(--color-primary-hover)}.btn-sm{padding:.3125rem .75rem;font-size:var(--font-size-sm)}.btn-lg{padding:.6875rem 1.5rem;font-size:var(--font-size-lg)}.card{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-separator);overflow:hidden}.card-header{padding:1rem 1.25rem;border-bottom:1px solid var(--color-separator);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.card-header h1,.card-header h2,.card-header h3,.card-header h4,.card-header h5,.card-header h6,.card-header .h1,.card-header .h2,.card-header .h3,.card-header .h4,.card-header .h5,.card-header .h6{margin:0}.card-body{padding:1.25rem}.card-footer{padding:.875rem 1.25rem;border-top:1px solid var(--color-separator);background-color:var(--color-bg);display:flex;align-items:center;gap:.5rem}.card-flat{box-shadow:none;border-color:var(--color-border)}.card-hover{cursor:pointer;transition:box-shadow var(--transition-base),transform var(--transition-base)}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-hover:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:.375rem}.form-label .required{color:var(--color-danger);margin-left:.125rem}.form-control{display:block;width:100%;padding:.5rem .75rem;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:400;line-height:1.5;color:var(--color-text);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius);transition:border-color var(--transition-base),box-shadow var(--transition-base);appearance:none}.form-control::placeholder{color:var(--color-text-muted)}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(26,127,90,.15)}.form-control:disabled,.form-control[readonly]{background-color:var(--color-bg);opacity:.7;cursor:not-allowed}.form-control.is-invalid{border-color:var(--color-danger)}.form-control.is-invalid:focus{box-shadow:0 0 0 3px rgba(229,62,62,.15)}select.form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%235C6B7A' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem}textarea.form-control{min-height:6rem}.form-control-sm{padding:.3125rem .625rem;font-size:var(--font-size-sm);border-radius:var(--border-radius-sm)}.form-control-lg{padding:.6875rem 1rem;font-size:var(--font-size-lg);border-radius:var(--border-radius-lg)}.form-text{display:block;margin-top:.3rem;font-size:var(--font-size-sm);color:var(--color-text-muted)}.form-error{display:block;margin-top:.3rem;font-size:var(--font-size-sm);color:var(--color-danger)}.field_with_errors{display:contents}.field_with_errors label{color:var(--color-danger)}.field_with_errors .form-control,.field_with_errors input,.field_with_errors select,.field_with_errors textarea{border-color:var(--color-danger)}.field_with_errors .form-control:focus,.field_with_errors input:focus,.field_with_errors select:focus,.field_with_errors textarea:focus{box-shadow:0 0 0 3px rgba(229,62,62,.15)}.form-check{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.form-check input[type=checkbox],.form-check input[type=radio]{width:1rem;height:1rem;margin-top:.2rem;flex-shrink:0;cursor:pointer;accent-color:var(--color-primary)}.form-check .form-check-label{font-size:var(--font-size-base);cursor:pointer}.form-switch{display:flex;align-items:center;gap:.625rem;cursor:pointer}.form-switch input[type=checkbox]{appearance:none;width:2.5rem;height:1.375rem;background-color:var(--color-border);border-radius:var(--border-radius-full);position:relative;cursor:pointer;flex-shrink:0;transition:background-color var(--transition-base)}.form-switch input[type=checkbox]::after{content:"";position:absolute;top:3px;left:3px;width:1rem;height:1rem;background-color:var(--color-white);border-radius:50%;transition:transform var(--transition-base);box-shadow:var(--shadow-sm)}.form-switch input[type=checkbox]:checked{background-color:var(--color-primary)}.form-switch input[type=checkbox]:checked::after{transform:translateX(1.125rem)}.form-switch input[type=checkbox]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--border-radius-lg);border:1px solid var(--color-border)}.table{width:100%;font-size:var(--font-size-base);color:var(--color-text);border-collapse:collapse}.table thead tr{background-color:var(--color-sidebar-bg)}.table thead tr th{padding:.75rem 1rem;font-size:var(--font-size-sm);font-weight:600;color:var(--color-sidebar-text);text-align:left;white-space:nowrap;letter-spacing:.02em}.table thead tr th:first-child{border-radius:var(--border-radius) 0 0 0}.table thead tr th:last-child{border-radius:0 var(--border-radius) 0 0}.table tbody tr{border-bottom:1px solid var(--color-separator);transition:background-color var(--transition-base)}.table tbody tr:last-child{border-bottom:none}.table tbody tr td{padding:.75rem 1rem;vertical-align:middle}.table tfoot tr{border-top:2px solid var(--color-border)}.table tfoot tr td{padding:.75rem 1rem;font-weight:600;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.table-striped tbody tr:nth-child(even){background-color:var(--color-bg)}.table-hover tbody tr:hover{background-color:var(--color-primary-light)}.table-sm thead th,.table-sm tbody td,.table-sm tfoot td{padding:.5rem .75rem;font-size:var(--font-size-sm)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:var(--font-size-xs);font-weight:600;line-height:1.4;border-radius:var(--border-radius-full);letter-spacing:.02em;white-space:nowrap;vertical-align:middle}.badge-primary{background-color:var(--color-primary-light);color:var(--color-primary)}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge-info{background-color:var(--color-info-light);color:var(--color-info)}.badge-outline-primary{background-color:rgba(0,0,0,0);color:var(--color-primary);border:1px solid var(--color-primary)}.badge-outline-success{background-color:rgba(0,0,0,0);color:var(--color-success);border:1px solid var(--color-success)}.badge-outline-danger{background-color:rgba(0,0,0,0);color:var(--color-danger);border:1px solid var(--color-danger)}.badge-outline-warning{background-color:rgba(0,0,0,0);color:var(--color-warning);border:1px solid var(--color-warning)}.badge-outline-info{background-color:rgba(0,0,0,0);color:var(--color-info);border:1px solid var(--color-info)}.toast-container{position:fixed;top:1.25rem;right:1.25rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem;max-width:22rem;width:calc(100% - 2.5rem);pointer-events:none}.alert{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border-radius:var(--border-radius);border:1px solid rgba(0,0,0,0);border-left-width:4px;font-size:var(--font-size-base);line-height:1.5}.alert p{margin:0}.toast{pointer-events:auto;box-shadow:0 8px 24px rgba(0,0,0,.12);animation:toast-in 320ms ease}.toast-icon{flex-shrink:0;margin-top:.125rem}@keyframes toast-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.alert-success{background-color:var(--color-success-light);border-color:var(--color-success);color:#145f43}.alert-danger{background-color:var(--color-danger-light);border-color:var(--color-danger);color:#9b2c2c}.alert-warning{background-color:var(--color-warning-light);border-color:var(--color-warning);color:#92400e}.alert-info{background-color:var(--color-info-light);border-color:var(--color-info);color:#1e4f7a}.alert-dismissible{position:relative;padding-right:2.5rem}.alert-dismissible .btn-close{position:absolute;top:.625rem;right:.75rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:none;border:none;cursor:pointer;opacity:.5;font-size:1rem;line-height:1;padding:0;transition:opacity var(--transition-base)}.alert-dismissible .btn-close:hover{opacity:1}.alert-dismissible .btn-close::before{content:"×";font-size:1.25rem}.modal-backdrop{position:fixed;inset:0;background-color:rgba(0,0,0,.45);z-index:1040;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity var(--transition-slow)}.modal-backdrop.is-open{opacity:1;pointer-events:auto}.modal-backdrop.is-open .modal{opacity:1;transform:translateY(0)}.modal{background-color:var(--color-white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);width:100%;max-width:520px;max-height:calc(100vh - 2rem);overflow-y:auto;display:flex;flex-direction:column;opacity:0;transform:translateY(-12px);transition:opacity var(--transition-slow),transform var(--transition-slow);position:relative;z-index:1050}.modal-header{padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--color-separator);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-shrink:0}.modal-header h1,.modal-header h2,.modal-header h3,.modal-header h4,.modal-header h5,.modal-header h6,.modal-header .h1,.modal-header .h2,.modal-header .h3,.modal-header .h4,.modal-header .h5,.modal-header .h6{margin:0}.modal-header .btn-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--border-radius);background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:1.25rem;line-height:1;flex-shrink:0;transition:background-color var(--transition-base),color var(--transition-base)}.modal-header .btn-close:hover{background-color:var(--color-separator);color:var(--color-text)}.modal-header .btn-close::before{content:"×"}.modal-body{padding:1.25rem 1.5rem;flex:1}.modal-footer{padding:1rem 1.5rem 1.25rem;border-top:1px solid var(--color-separator);display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-shrink:0}.modal-sm .modal{max-width:360px}.modal-md .modal{max-width:480px}.modal-lg .modal{max-width:720px}.modal-xl .modal{max-width:1000px}.dropdown{position:relative;display:inline-block}.dropdown-toggle{cursor:pointer}.dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:1000;min-width:180px;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:.375rem 0;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity var(--transition-base),transform var(--transition-base)}.dropdown-menu.dropdown-menu-end{left:auto;right:0}.dropdown.is-open .dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:var(--font-size-base);color:var(--color-text);cursor:pointer;transition:background-color var(--transition-base);text-decoration:none;border:none;background:none;width:100%;text-align:left;white-space:nowrap}.dropdown-item:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.dropdown-item.text-danger:hover{background-color:var(--color-danger-light);color:var(--color-danger)}.dropdown-item:disabled,.dropdown-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.dropdown-divider{height:1px;background-color:var(--color-separator);margin:.375rem 0}.dropdown-header{padding:.375rem .875rem;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}#global-loader{position:fixed;top:0;left:0;width:100%;height:3px;z-index:9999;pointer-events:none;opacity:0;transition:opacity 200ms ease}#global-loader::before{content:"";position:absolute;top:0;left:0;height:100%;width:0%;background-color:var(--color-primary);border-radius:0 2px 2px 0;box-shadow:0 0 8px rgba(26,127,90,.5)}#global-loader.is-visible{opacity:1}#global-loader.is-visible::before{animation:loader-progress 2s ease-in-out infinite}@keyframes loader-progress{0%{width:0%;left:0}50%{width:70%;left:0}100%{width:0%;left:100%}}.pwa-update-banner{position:fixed;bottom:0;left:0;right:0;z-index:9000;background-color:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1.5rem;font-size:var(--font-size-sm);font-weight:500;transform:translateY(100%);transition:transform 350ms ease;box-shadow:0 -2px 12px rgba(0,0,0,.12)}.pwa-update-banner.is-visible{transform:translateY(0)}.pwa-update-btn{padding:.3125rem .875rem;background-color:rgba(0,0,0,0);color:var(--color-white);border:1.5px solid rgba(255,255,255,.7);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base);white-space:nowrap}.pwa-update-btn:hover{background-color:rgba(255,255,255,.15);border-color:var(--color-white)}.topbar-sound-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--border-radius);color:var(--color-text-secondary);background:none;border:none;cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base)}.topbar-sound-btn svg{width:1.125rem;height:1.125rem}.topbar-sound-btn:hover{background-color:var(--color-separator);color:var(--color-text)}.topbar-sound-btn.is-muted{color:var(--color-text-muted)}.app-launcher{position:relative}.app-launcher-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:rgba(0,0,0,0);border-radius:var(--border-radius-full);cursor:pointer;color:var(--color-text-secondary);transition:background var(--transition-base)}.app-launcher-btn:hover{background:var(--color-separator);color:var(--color-text)}.app-launcher-btn .icon{width:20px;height:20px;pointer-events:none;flex-shrink:0}.app-launcher-btn--ticket{width:auto;gap:6px;padding:0 14px 0 10px}.app-launcher-btn-label{font-size:13.5px;font-weight:600;white-space:nowrap}@media(max-width: 768px){.app-launcher-btn--ticket{width:36px;padding:0}.app-launcher-btn-label{display:none}}.app-launcher-menu{position:absolute;top:calc(100% + 10px);right:0;width:300px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 12px 28px -4px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.03);z-index:1050;opacity:0;transform:translateY(-6px) scale(0.96);pointer-events:none;transition:opacity .18s cubic-bezier(0.4, 0, 0.2, 1),transform .18s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}.app-launcher-menu.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}@media(max-width: 600px){.app-launcher-menu{position:fixed;top:calc(var(--topbar-height, 56px) + 8px);left:50%;right:auto;width:calc(100vw - 2rem);max-width:320px;transform:translateX(-50%) translateY(-6px) scale(0.96)}.app-launcher-menu.is-open{transform:translateX(-50%) translateY(0) scale(1)}}.app-launcher-menu-header{padding:14px 20px 10px;font-size:13px;font-weight:600;color:rgba(0,0,0,.45);letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:4px}.app-launcher-menu-grid{display:grid;gap:2px;padding:8px}.app-launcher-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 12px;border-radius:12px;text-decoration:none;color:var(--color-text);transition:background .14s ease,transform .12s ease;cursor:pointer}.app-launcher-item:hover{background:rgba(0,0,0,.05);text-decoration:none;color:var(--color-text)}.app-launcher-item:hover .app-launcher-item-icon{transform:scale(1.06);box-shadow:0 4px 12px -2px rgba(0,0,0,.2),0 2px 6px -1px rgba(0,0,0,.12)}.app-launcher-item--active{background:rgba(0,0,0,.04)}.app-launcher-item--active .app-launcher-item-label{font-weight:600}.app-launcher-item-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:transform .14s cubic-bezier(0.34, 1.56, 0.64, 1),box-shadow .14s ease;box-shadow:0 2px 6px -1px rgba(0,0,0,.15)}.app-launcher-item-icon .icon{width:28px;height:28px;color:#fff}.app-launcher-item-label{font-size:11.5px;font-weight:500;text-align:center;line-height:1.3;color:#3c4043;letter-spacing:.01em}.notif-bell-wrapper{position:relative}.notif-bell-btn{position:relative}.notif-badge{position:absolute;top:2px;right:2px;min-width:1.125rem;height:1.125rem;padding:0 .25rem;background:#ef4444;color:#fff;font-size:.625rem;font-weight:700;border-radius:9999px;display:flex;align-items:center;justify-content:center;line-height:1;pointer-events:none}.notif-perm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1100;display:flex;align-items:center;justify-content:center;padding:1rem}.notif-perm-card{background:var(--color-surface);border-radius:var(--border-radius-lg, 0.75rem);padding:2rem 1.5rem 1.5rem;max-width:340px;width:100%;text-align:center;box-shadow:0 8px 32px rgba(0,0,0,.18)}.notif-perm-icon{width:3.5rem;height:3.5rem;background:var(--color-primary-light, #ECFDF5);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.notif-perm-icon .notif-perm-bell{width:1.5rem;height:1.5rem;color:var(--color-primary)}.notif-perm-title{font-size:1.125rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.notif-perm-body{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5;margin-bottom:1.25rem}.notif-perm-actions{display:flex;gap:.625rem;justify-content:center}.notif-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:340px;max-width:calc(100vw - 1rem);background:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-lg, 0.75rem);box-shadow:0 8px 32px rgba(0,0,0,.16);z-index:800;overflow:hidden;isolation:isolate}@media(max-width: 768px){.notif-dropdown{position:fixed;top:calc(var(--topbar-height, 60px) + .5rem);left:50%;right:auto;transform:translateX(-50%);width:calc(100vw - 2rem);max-width:400px}}.notif-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);background:#fff}.notif-dropdown-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.notif-mark-all-btn{background:none;border:none;cursor:pointer;font-size:var(--font-size-xs);color:var(--color-primary);padding:0}.notif-mark-all-btn:hover{text-decoration:underline}.notif-mark-all-btn:disabled{color:var(--color-text-secondary);cursor:default;pointer-events:none}.notif-mark-all-btn:disabled:hover{text-decoration:none}.notif-list{list-style:none;padding:0;margin:0;max-height:360px;overflow-y:auto}.notif-empty{padding:2rem 1rem;text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.notif-item{border-bottom:1px solid var(--color-border);background:#fff}.notif-item:last-child{border-bottom:none}.notif-item--unread{background:#ecfdf5}.notif-item--unread .notif-item-dot{background:var(--color-primary);opacity:1}.notif-item-link{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem 1rem;text-decoration:none;color:inherit;transition:background .12s}.notif-item-link:hover{background:rgba(0,0,0,.03)}.notif-item-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--color-primary);opacity:0;flex-shrink:0;margin-top:.3125rem}.notif-item-content{flex:1;min-width:0}.notif-item-title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-item-body{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-item-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.notif-dropdown-footer{padding:.625rem 1rem;border-top:1px solid var(--color-border);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.notif-see-all{font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none}.notif-see-all:hover{text-decoration:underline}.notif-filter-tabs{display:flex;gap:.375rem;margin-bottom:1rem}.notif-filter-tab{display:inline-flex;align-items:center;padding:.4rem .9rem;border-radius:9999px;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);background:var(--color-surface, #fff);border:1px solid var(--color-border);text-decoration:none;transition:background .12s,color .12s,border-color .12s}.notif-filter-tab:hover{color:var(--color-text);border-color:var(--color-text-muted)}.notif-filter-tab.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.notif-full-card{max-width:720px;overflow:hidden}.notif-full-list{list-style:none;padding:0;margin:0}.notif-full-item{border-bottom:1px solid var(--color-border)}.notif-full-item:last-child{border-bottom:none}.notif-full-item--unread{background:var(--color-primary-light, #ECFDF5)}.notif-full-link{display:flex;align-items:flex-start;gap:.875rem;padding:1rem 1.25rem;text-decoration:none;color:inherit;transition:background .12s}.notif-full-link:hover{background:rgba(0,0,0,.025)}.notif-full-icon{width:2.25rem;height:2.25rem;border-radius:50%;background:var(--color-surface-alt, #F3F4F6);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-full-item--unread .notif-full-icon{background:var(--color-primary-light, #ECFDF5);color:var(--color-primary)}.notif-full-icon svg{width:1.125rem;height:1.125rem}.notif-full-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--color-primary);flex-shrink:0;margin-top:.5rem}.notif-full-content{flex:1;min-width:0}.notif-full-title{font-size:var(--font-size-base);font-weight:500;color:var(--color-text);margin-bottom:.25rem}.notif-full-body{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:.25rem}.notif-full-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.notif-full-empty{padding:3.5rem 1.25rem;text-align:center;color:var(--color-text-muted)}.notif-full-empty-icon{width:3rem;height:3rem;border-radius:50%;background:var(--color-surface-alt, #F3F4F6);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;margin:0 auto .875rem}.notif-full-empty-icon svg{width:1.5rem;height:1.5rem}.notif-push-dot{position:absolute;bottom:4px;right:4px;width:7px;height:7px;background:var(--color-warning);border-radius:50%;border:1.5px solid var(--color-white);pointer-events:none}.notif-push-settings-link{display:flex;align-items:center;gap:.3125rem;font-size:var(--font-size-xs);color:var(--color-warning);text-decoration:none;white-space:nowrap}.notif-push-settings-link svg{width:.875rem;height:.875rem}.notif-push-settings-link:hover{text-decoration:underline}.cfg-layout{max-width:640px;display:flex;flex-direction:column;gap:1.5rem}.cfg-card-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--color-text)}.cfg-card-title svg{width:1.125rem;height:1.125rem;color:var(--color-text-secondary)}.cfg-status{display:flex;align-items:flex-start;gap:.875rem;padding:1rem;border-radius:var(--border-radius);margin-bottom:1.25rem}.cfg-status--success{background:var(--color-success-light)}.cfg-status--danger{background:var(--color-danger-light)}.cfg-status--warning{background:var(--color-warning-light)}.cfg-status--neutral{background:var(--color-bg);border:1px solid var(--color-border)}.cfg-status--muted{background:var(--color-bg);border:1px solid var(--color-border)}.cfg-status-icon{width:1.5rem;height:1.5rem;flex-shrink:0;margin-top:.125rem}.cfg-status--success .cfg-status-icon{color:var(--color-success)}.cfg-status--danger .cfg-status-icon{color:var(--color-danger)}.cfg-status--warning .cfg-status-icon{color:var(--color-warning)}.cfg-status--neutral .cfg-status-icon,.cfg-status--muted .cfg-status-icon{color:var(--color-text-secondary)}.cfg-status-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin-bottom:.25rem}.cfg-status-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.cfg-steps{margin:0 0 0 1.25rem;padding:0;display:flex;flex-direction:column;gap:.5rem;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.cfg-actions{display:flex;gap:.75rem;flex-wrap:wrap}.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width);background-color:var(--color-sidebar-bg);color:var(--color-sidebar-text);display:flex;flex-direction:column;z-index:200;transition:width var(--transition-slow);overflow:hidden}.sidebar.is-collapsed{width:var(--sidebar-collapsed-width)}.sidebar.is-collapsed .sidebar-label,.sidebar.is-collapsed .sidebar-section-title,.sidebar.is-collapsed .nav-chevron,.sidebar.is-collapsed .sidebar-user-info{opacity:0;pointer-events:none;width:0;overflow:hidden}.sidebar.is-collapsed .sidebar-user-avatar{margin:0 auto}.sidebar.is-collapsed .nav-dropdown-menu{max-height:0 !important}.sidebar-header{flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.08);min-height:var(--topbar-height);display:flex;align-items:center}.sidebar-logo{display:flex;align-items:center;gap:.75rem;padding:0 1rem;overflow:hidden;white-space:nowrap}.sidebar-logo .sidebar-logo-icon{width:1.5rem;height:1.5rem;color:var(--color-secondary);flex-shrink:0}.sidebar-logo .sidebar-label{font-size:1rem;font-weight:700;color:var(--color-white);letter-spacing:-0.01em;transition:opacity var(--transition-slow)}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:.5rem 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) rgba(0,0,0,0)}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.35);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.55)}.nav-separator{height:1px;background:rgba(255,255,255,.08);margin:.375rem .75rem;flex-shrink:0}.sidebar-section-title{padding:1rem 1rem .25rem;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:rgba(232,245,239,.4);white-space:nowrap;transition:opacity var(--transition-slow)}.nav-icon{width:1.125rem;height:1.125rem;flex-shrink:0;opacity:.7;transition:opacity var(--transition-base)}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;margin:.125rem .5rem;border-radius:var(--border-radius);cursor:pointer;text-decoration:none;color:var(--color-sidebar-text);font-size:var(--font-size-base);font-weight:400;white-space:nowrap;overflow:hidden;transition:background-color var(--transition-base);border:none;background:none;width:calc(100% - 1rem);text-align:left}.nav-item .sidebar-label{flex:1;transition:opacity var(--transition-slow);min-width:0;overflow:hidden;text-overflow:ellipsis}.nav-item:hover{background-color:rgba(255,255,255,.07);color:var(--color-sidebar-text)}.nav-item:hover .nav-icon{opacity:1}.nav-item.is-active{background-color:rgba(255,255,255,.12);font-weight:500;border-left:3px solid var(--color-secondary);padding-left:calc(1rem - 3px)}.nav-item.is-active .nav-icon{opacity:1}.nav-item.nav-child{padding-left:1.5rem;font-size:var(--font-size-sm);margin-left:1rem;width:calc(100% - 1.5rem)}.nav-chevron{width:1rem;height:1rem;margin-left:auto;flex-shrink:0;opacity:.5;transition:transform var(--transition-base),opacity var(--transition-slow)}.nav-dropdown.is-open .nav-chevron{transform:rotate(180deg)}.nav-dropdown.is-open .nav-dropdown-toggle{background-color:rgba(255,255,255,.05)}.nav-dropdown-menu{max-height:0;overflow:hidden;transition:max-height 250ms ease}.sidebar-footer{padding:.75rem .5rem;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;display:flex;flex-direction:column;gap:.25rem}.sidebar-user{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:var(--border-radius);overflow:hidden}.sidebar-user-avatar{width:2rem;height:2rem;border-radius:var(--border-radius-full);background-color:var(--color-secondary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:700;flex-shrink:0;transition:margin var(--transition-slow)}.sidebar-user-info{display:flex;flex-direction:column;min-width:0;overflow:hidden;transition:opacity var(--transition-slow),width var(--transition-slow)}.sidebar-user-info .sidebar-user-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-info .sidebar-user-role{font-size:var(--font-size-xs);color:rgba(232,245,239,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout{display:flex;align-items:center;gap:.75rem;padding:.5rem;margin:0 0;border-radius:var(--border-radius);color:rgba(232,245,239,.65);font-size:var(--font-size-sm);text-decoration:none;transition:background-color var(--transition-base),color var(--transition-base);overflow:hidden;white-space:nowrap}.sidebar-logout .nav-icon{opacity:.65}.sidebar-logout:hover{background-color:rgba(229,62,62,.15);color:#fc8181}.sidebar-logout:hover .nav-icon{opacity:1}.sidebar-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);z-index:199;opacity:0;pointer-events:none;transition:opacity var(--transition-slow)}.sidebar-overlay.is-visible{opacity:1;pointer-events:auto}@media(max-width: 768px){.sidebar{transform:translateX(-100%);transition:transform var(--transition-slow);width:var(--sidebar-width) !important}.sidebar.is-open{transform:translateX(0)}.sidebar.is-collapsed .sidebar-label,.sidebar.is-collapsed .sidebar-section-title,.sidebar.is-collapsed .nav-chevron,.sidebar.is-collapsed .sidebar-user-info{opacity:1;pointer-events:auto;width:auto;overflow:visible}}.topbar{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--topbar-height);background-color:var(--color-white);border-bottom:1px solid var(--color-separator);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:100;gap:1rem;transition:left var(--transition-slow)}.topbar.sidebar-collapsed{left:var(--sidebar-collapsed-width)}.topbar-left{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.topbar-brand{font-size:.9375rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.topbar-title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.topbar-divider{width:1px;height:1.5rem;background-color:var(--color-border);margin:0 .25rem}.topbar-sidebar-toggle{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--border-radius);color:var(--color-text-secondary);cursor:pointer;background:none;border:none;padding:0;flex-shrink:0;transition:background-color var(--transition-base),color var(--transition-base)}.topbar-sidebar-toggle svg{width:1.25rem;height:1.25rem}.topbar-sidebar-toggle:hover{background-color:var(--color-separator);color:var(--color-text)}.topbar-icon-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--border-radius);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base);position:relative;background:none;border:none}.topbar-icon-btn svg{width:1.25rem;height:1.25rem}.topbar-icon-btn:hover{background-color:var(--color-separator);color:var(--color-text)}.topbar-icon-btn .badge-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;background-color:var(--color-danger);border-radius:50%;border:1.5px solid var(--color-white)}.topbar-icon-btn.is-loading{cursor:default;opacity:.6}.topbar-icon-btn.is-loading svg{animation:topbar-spin .7s linear infinite}.topbar-icon-btn:disabled{pointer-events:none}@keyframes topbar-spin{to{transform:rotate(360deg)}}.topbar-user{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.375rem .625rem;border-radius:var(--border-radius);background:none;border:none;transition:background-color var(--transition-base)}.topbar-user:hover{background-color:var(--color-separator)}.topbar-avatar-initials{width:2rem;height:2rem;border-radius:var(--border-radius-full);background-color:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:700;flex-shrink:0}.topbar-user-info{display:flex;flex-direction:column;line-height:1.2;text-align:left}.topbar-user-info .topbar-user-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.topbar-user-info .topbar-user-role{font-size:var(--font-size-xs);color:var(--color-text-muted)}.topbar-chevron{width:.875rem;height:.875rem;color:var(--color-text-muted);transition:transform var(--transition-base);flex-shrink:0}@media(max-width: 768px){.topbar{left:0;padding:0 1rem}.topbar-brand{font-size:.75rem;font-weight:500}.topbar-user-info{display:none}.topbar-chevron{display:none}}.app-wrapper{display:flex;height:100vh;overflow:hidden}.main-wrapper{flex:1;display:flex;flex-direction:column;margin-left:var(--sidebar-width);transition:margin-left var(--transition-slow);min-width:0;background-color:var(--color-bg)}.main-wrapper.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.main-content{flex:1;overflow-y:auto;padding:1.75rem 2rem;padding-top:calc(var(--topbar-height) + 1.75rem)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.page-header .page-header-left{display:flex;flex-direction:column;gap:.25rem}.page-header .page-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin:0}.page-header .page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.page-header .page-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.content-section{margin-bottom:2rem}.section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:1rem;padding-bottom:.625rem;border-bottom:2px solid var(--color-separator)}@media(max-width: 768px){.main-wrapper{margin-left:0}.main-content{padding:1.25rem 1rem;padding-top:calc(var(--topbar-height) + 1.25rem)}.page-header{flex-direction:column;align-items:flex-start}}.auth-page{display:flex;min-height:100vh}@media(max-width: 767px){.auth-page{flex-direction:column}}.auth-left{flex:0 0 50%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg, #061210 0%, #0d2e1c 25%, #104226 55%, #1a7f5a 100%)}.auth-left::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle, rgba(46, 204, 142, 0.11) 1px, transparent 1px);background-size:26px 26px;z-index:0;pointer-events:none}.auth-left::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:70%;height:60%;background:radial-gradient(ellipse, rgba(46, 204, 142, 0.07) 0%, transparent 70%);z-index:0;pointer-events:none}@media(max-width: 767px){.auth-left{flex:0 0 240px;min-height:240px}}.auth-left-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1;user-select:none;pointer-events:none}.auth-right{flex:0 0 50%;background:#fff;display:flex;align-items:center;justify-content:center;padding:3rem 2.5rem}@media(max-width: 767px){.auth-right{flex:1;padding:2.5rem 1.5rem}}.auth-right-inner{width:100%;max-width:380px}.auth-logo{margin-bottom:3rem}.auth-logo img{height:34px;width:auto;object-fit:contain}@media(max-width: 767px){.auth-logo{margin-bottom:2rem}}.auth-title{font-size:2rem;font-weight:700;color:#0d1117;margin:0 0 .5rem;letter-spacing:-0.03em;line-height:1.15}.auth-subtitle{font-size:.9375rem;color:#8c959f;margin:0 0 2rem;line-height:1.5}.form-group{margin-bottom:1.125rem}.auth-security-note{margin-top:2rem;font-size:.75rem;color:#c2c8c4;text-align:center;letter-spacing:.02em}.auth-footer{margin-top:1rem;font-size:.875rem;color:#8c959f}.auth-footer a{color:var(--color-primary);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;color:#9ca3af;font-size:.875rem}.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:#e5e7eb}.operator-body{height:100dvh;background:var(--color-bg);overscroll-behavior:none}.operator-shell{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto;background:var(--color-bg);position:relative}.operator-header{height:calc(56px + env(safe-area-inset-top, 0px));display:flex;align-items:center;justify-content:space-between;padding-top:env(safe-area-inset-top, 0px);padding-left:1rem;padding-right:1rem;background:var(--color-white);border-bottom:1px solid var(--color-separator);flex-shrink:0;z-index:10}.operator-brand{font-size:var(--font-size-base);font-weight:700;color:var(--color-primary);letter-spacing:-0.01em}.operator-back-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--border-radius);color:var(--color-text-secondary);text-decoration:none;transition:background-color var(--transition-base),color var(--transition-base)}.operator-back-btn:hover{background-color:var(--color-separator);color:var(--color-text)}.operator-header-right{display:flex;align-items:center;gap:.75rem}.operator-avatar{width:2rem;height:2rem;border-radius:var(--border-radius-full);background:var(--color-primary);color:var(--color-white);font-size:var(--font-size-xs);font-weight:700;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.op-account-switcher{position:relative}.op-account-switcher summary{display:flex;align-items:center;gap:.25rem;padding:.25rem .4rem;border-radius:var(--border-radius-full);border:1px solid var(--color-separator);cursor:pointer;list-style:none;user-select:none}.op-account-switcher summary::-webkit-details-marker{display:none}.op-account-switcher[open] summary{border-color:var(--color-primary)}.op-account-switcher-badge{width:1.375rem;height:1.375rem;border-radius:50%;background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;flex-shrink:0}.op-account-switcher-menu{position:absolute;top:calc(100% + .375rem);right:0;min-width:11rem;background:var(--color-white);border:1px solid var(--color-separator);border-radius:var(--border-radius);box-shadow:0 4px 16px rgba(0,0,0,.12);padding:.25rem;z-index:20}.op-account-switcher-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .5rem;border-radius:var(--border-radius-sm);text-decoration:none;color:var(--color-text);font-size:var(--font-size-sm);font-weight:500}.op-account-switcher-item:hover{background-color:var(--color-bg)}.op-account-switcher-item.is-active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:700}.operator-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.operator-content--board{display:flex;flex-direction:column;overflow:hidden;padding:.875rem}.operator-tab-bar{display:flex;height:calc(64px + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom, 0px);background:var(--color-white);border-top:1px solid var(--color-separator);flex-shrink:0;z-index:10}.operator-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;text-decoration:none;color:var(--color-text-muted);transition:color var(--transition-base);padding:.5rem 0}.operator-tab .tab-icon{width:1.375rem;height:1.375rem;transition:transform var(--transition-base)}.operator-tab .tab-label{font-size:.6875rem;font-weight:500;letter-spacing:.01em}.operator-tab--active{color:var(--color-primary)}.operator-tab--active .tab-icon{transform:scale(1.08)}.operator-tab:active .tab-icon{transform:scale(0.92)}.dialpad-wrapper{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 1rem;min-height:calc(100dvh - 56px - 64px)}.dialpad-display{width:100%;text-align:center;margin-bottom:1.5rem;min-height:4.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.dialpad-number{font-size:2.25rem;font-weight:300;color:var(--color-text);letter-spacing:.05em;font-variant-numeric:tabular-nums;min-height:2.75rem;transition:font-size var(--transition-base)}.dialpad-number.is-empty{color:var(--color-text-muted);font-size:1.125rem;font-weight:400;letter-spacing:0}.dialpad-client-name{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500;height:1.25rem;transition:opacity var(--transition-base)}.dialpad-client-name:empty{opacity:0}.dialpad-grid{display:grid;grid-template-columns:repeat(3, 72px);gap:.875rem;margin-bottom:1.5rem}.dial-key{width:72px;height:72px;border-radius:var(--border-radius-full);background:var(--color-white);border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-base),transform 80ms;box-shadow:0 1px 4px rgba(0,0,0,.08);gap:.05rem;user-select:none;-webkit-user-select:none}.dial-key:active{background:var(--color-bg);transform:scale(0.94)}.dial-key-digit{font-size:1.5rem;font-weight:300;color:var(--color-text);line-height:1}.dial-key-letters{font-size:.5625rem;font-weight:600;color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;min-height:.75rem}.dialpad-actions{display:grid;grid-template-columns:repeat(3, 72px);gap:.875rem;align-items:center;justify-items:center}.dial-key-placeholder{width:72px;height:72px}.dial-key-backspace{width:72px;height:72px;border-radius:var(--border-radius-full);border:none;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:color var(--transition-base),transform 80ms}.dial-key-backspace:active{color:var(--color-text);transform:scale(0.88)}.dial-key-backspace .icon{width:1.375rem;height:1.375rem}.dial-call-btn{width:72px;height:72px;border-radius:var(--border-radius-full);background:var(--color-secondary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-white);box-shadow:0 4px 16px rgba(46,204,142,.4);transition:background-color var(--transition-base),transform 80ms,box-shadow var(--transition-base)}.dial-call-btn .icon{width:1.625rem;height:1.625rem}.dial-call-btn:active{background:var(--color-primary);transform:scale(0.93);box-shadow:0 2px 8px rgba(26,127,90,.4)}.dial-call-btn:disabled{background:var(--color-border);box-shadow:none;cursor:not-allowed;color:var(--color-text-muted)}.call-screen{position:fixed;inset:0;background:var(--color-primary);display:none;flex-direction:column;align-items:center;justify-content:center;gap:0;z-index:100;padding:2rem 1.5rem;padding-top:max(2rem,env(safe-area-inset-top));padding-bottom:max(2rem,env(safe-area-inset-bottom));transition:opacity 200ms}.call-screen.is-visible{display:flex}.call-screen-avatar{width:5rem;height:5rem;border-radius:var(--border-radius-full);background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:300;color:var(--color-white);margin-bottom:1.25rem}.call-screen-name{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-white);text-align:center;margin-bottom:.25rem}.call-screen-number{font-size:var(--font-size-sm);color:rgba(255,255,255,.65);margin-bottom:.75rem}.call-screen-status{font-size:var(--font-size-base);color:rgba(255,255,255,.8);font-weight:400;min-height:1.5rem;margin-bottom:.25rem}.call-screen-duration{font-size:var(--font-size-3xl);font-weight:200;color:var(--color-white);font-variant-numeric:tabular-nums;letter-spacing:.04em;min-height:2.5rem;margin-bottom:3rem}.call-screen-controls{display:flex;gap:2rem;align-items:center;justify-content:center}.call-ctrl-btn{width:3.5rem;height:3.5rem;border-radius:var(--border-radius-full);background:rgba(255,255,255,.15);border:none;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.65);cursor:pointer;transition:background-color 150ms ease,color 150ms ease,transform 80ms;flex-direction:column;gap:.2rem}.call-ctrl-btn .icon{width:1.25rem;height:1.25rem}.call-ctrl-btn .ctrl-label{font-size:.625rem;font-weight:500;color:rgba(255,255,255,.65);transition:color 150ms ease}.call-ctrl-btn:active{transform:scale(0.88)}.call-ctrl-btn.is-active{background:rgba(255,255,255,.92);color:#1a6b3c}.call-ctrl-btn.is-active .ctrl-label{color:#1a6b3c}.call-ctrl-btn.is-muted{background:rgba(229,62,62,.85);color:var(--color-white)}.call-ctrl-btn.is-muted .ctrl-label{color:var(--color-white)}.call-hangup-btn{width:4.5rem;height:4.5rem;border-radius:var(--border-radius-full);background:#e53e3e;border:none;display:flex;align-items:center;justify-content:center;color:var(--color-white);cursor:pointer;box-shadow:0 4px 16px rgba(229,62,62,.4);transition:background-color var(--transition-base),transform 80ms}.call-hangup-btn .icon{width:1.625rem;height:1.625rem}.call-hangup-btn:active{background:#c53030;transform:scale(0.93)}.call-history-list{padding:.5rem 0}.call-history-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;border-bottom:1px solid var(--color-separator);text-decoration:none;color:inherit;transition:background-color var(--transition-base)}.call-history-item:last-child{border-bottom:none}.call-history-item:active{background:var(--color-bg)}.call-history-icon{width:2.5rem;height:2.5rem;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.call-history-icon .icon{width:1.125rem;height:1.125rem}.call-history-icon.is-inbound{background:var(--color-info-light);color:var(--color-info)}.call-history-icon.is-outbound{background:var(--color-success-light);color:var(--color-success)}.call-history-icon.is-missed{background:var(--color-danger-light);color:var(--color-danger)}.call-history-body{flex:1;min-width:0}.call-history-name{font-size:var(--font-size-base);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-history-name.is-missed{color:var(--color-danger)}.call-history-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex;gap:.4rem;align-items:center;margin-top:.125rem}.call-history-duration{font-size:var(--font-size-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.call-empty{padding:3rem 1.5rem;text-align:center;color:var(--color-text-muted)}.call-empty .icon{width:2.5rem;height:2.5rem;margin:0 auto 1rem;opacity:.35}.call-empty p{font-size:var(--font-size-sm);margin-top:.5rem}.call-history-row{display:flex;align-items:center;border-bottom:1px solid var(--color-separator)}.call-history-row:last-child{border-bottom:none}.call-history-row .call-history-item{flex:1;min-width:0;border-bottom:none}.call-history-row .call-history-item:last-child{border-bottom:none}.call-history-call-btn{margin-right:.875rem;flex-shrink:0}.supervisor-badge{display:inline-flex;align-items:center;font-size:.65rem;font-weight:600;padding:.1rem .5rem;border-radius:var(--border-radius-full);background:#fef3c7;color:#b45309;text-transform:none;letter-spacing:0;border:1px solid #fcd34d}.tag-pill-label{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;padding:.35rem .75rem;border-radius:999px;background:var(--color-surface, var(--color-bg));border:1px solid var(--color-border);transition:border-color var(--transition-base)}.tag-pill-label:hover{border-color:var(--color-primary)}.call-detail-header{padding:1.5rem 1rem 1rem;background:var(--color-white);border-bottom:1px solid var(--color-separator);text-align:center}.call-detail-avatar{width:4rem;height:4rem;border-radius:var(--border-radius-full);background:var(--color-primary-light);color:var(--color-primary);font-size:1.25rem;font-weight:600;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}.call-detail-name{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin-bottom:.25rem}.call-detail-number{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:.75rem}.call-detail-stats{display:flex;justify-content:center;gap:2rem;margin-top:.75rem}.call-stat{display:flex;flex-direction:column;align-items:center;gap:.125rem}.call-stat .stat-value{font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.call-stat .stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.call-detail-section{padding:1rem;border-bottom:1px solid var(--color-separator)}.call-detail-section h4{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.75rem}.call-tags-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.call-tag-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:500;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text)}.call-tag-chip .tag-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.call-tag-select{display:flex;flex-wrap:wrap;gap:.4rem}.tag-pill-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:var(--border-radius-full);border:1px solid var(--color-border);background:rgba(0,0,0,0);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base)}.tag-pill-btn .tag-dot{width:8px;height:8px;border-radius:50%}.tag-pill-btn.is-active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.notes-textarea{width:100%;min-height:5rem;resize:none;font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:.75rem;background:var(--color-white);transition:border-color var(--transition-base)}.notes-textarea:focus{outline:none;border-color:var(--color-primary)}.notes-textarea::placeholder{color:var(--color-text-muted)}.client-search-bar{padding:.75rem 1rem;background:var(--color-white);border-bottom:1px solid var(--color-separator);position:sticky;top:0;z-index:5}.client-search-input{width:100%;padding:.625rem .875rem;border-radius:var(--border-radius-full);border:1px solid var(--color-border);background:var(--color-bg);font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text);transition:border-color var(--transition-base)}.client-search-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-white)}.client-search-input::placeholder{color:var(--color-text-muted)}.client-search-hint{padding:2rem 1rem;text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.client-list{padding:.25rem 0}.client-list-item,.client-item{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-separator);transition:background-color var(--transition-base)}.client-list-item:last-child,.client-item:last-child{border-bottom:none}.client-list-item:active,.client-item:active{background:var(--color-bg)}.client-list-avatar,.client-avatar{width:2.5rem;height:2.5rem;border-radius:var(--border-radius-full);background:var(--color-primary-light);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.client-list-info,.client-info{flex:1;min-width:0}.client-list-info .client-name,.client-info .client-name{font-size:var(--font-size-base);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-list-info .client-phone,.client-info .client-phone{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:.125rem}.client-call-btn,.call-history-call-btn{width:2.25rem;height:2.25rem;border-radius:var(--border-radius-full);background:var(--color-success-light);color:var(--color-success);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;text-decoration:none;transition:background-color var(--transition-base),transform 80ms}.client-call-btn .icon,.call-history-call-btn .icon{width:1rem;height:1rem}.client-call-btn:active,.call-history-call-btn:active{background:var(--color-primary);color:var(--color-white);transform:scale(0.9)}.op-section{padding:.75rem 1rem}.op-filter-bar{display:flex;gap:.5rem;align-items:center;padding:.75rem 0 .75rem;flex-wrap:wrap}.op-search-bar{padding:.75rem 0}.op-empty{padding:3rem 1.5rem;text-align:center;color:var(--color-text-muted)}.op-empty .icon{width:2.5rem;height:2.5rem;margin:0 auto 1rem;opacity:.35;display:block}.op-empty p{font-size:var(--font-size-sm);margin-top:.5rem}.tag-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:500;border:1px solid color-mix(in srgb, var(--tag-color, var(--color-border)) 40%, transparent);background:color-mix(in srgb, var(--tag-color, var(--color-bg)) 12%, var(--color-white));color:color-mix(in srgb, var(--tag-color, var(--color-text)) 80%, #000)}.tag-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tag-color, var(--color-border));flex-shrink:0}.call-list{list-style:none;padding:0;margin:0}.call-item{border-bottom:1px solid var(--color-separator)}.call-item:last-child{border-bottom:none}.call-item-link{display:flex;align-items:center;gap:.875rem;padding:.875rem 0;text-decoration:none;color:inherit;transition:background-color var(--transition-base)}.call-direction-icon{width:2.5rem;height:2.5rem;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.call-direction-icon .icon{width:1.125rem;height:1.125rem}.call-direction-icon--in{background:var(--color-info-light);color:var(--color-info)}.call-direction-icon--out{background:var(--color-success-light);color:var(--color-success)}.call-direction-icon--missed{background:var(--color-danger-light);color:var(--color-danger)}.call-direction-icon--lg{width:4rem;height:4rem}.call-direction-icon--lg .icon{width:1.5rem;height:1.5rem}.call-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.call-item-number{font-size:var(--font-size-base);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-item-meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.call-item-tags{display:flex;flex-direction:column;gap:.2rem;align-items:flex-end}.op-section--detail{padding-top:0}.call-detail-heading{flex:1;min-width:0}.call-detail-sub{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.call-detail-callback{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none;margin-top:.15rem;transition:opacity .15s}.call-detail-callback:hover{opacity:.75;text-decoration:underline}.call-detail-list{margin:1rem 0;border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden}.call-detail-row{display:flex;justify-content:space-between;align-items:center;padding:.65rem .875rem;border-bottom:1px solid var(--color-separator)}.call-detail-row:last-child{border-bottom:none}.call-detail-row dt{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.call-detail-row dd{font-size:var(--font-size-sm);color:var(--color-text);font-weight:500;margin:0}.call-detail-tags,.call-detail-notes{margin-bottom:1rem}.call-detail-label{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.5rem}.call-notes-body{font-size:var(--font-size-sm);color:var(--color-text);white-space:pre-wrap;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:.75rem;margin:0}.tags-wrap{display:flex;flex-wrap:wrap;gap:.4rem}.dialpad-page{position:relative;min-height:calc(100dvh - 56px - 64px)}.dialpad-display-wrap input.dialpad-number{border:none;outline:none;background:rgba(0,0,0,0);width:100%;text-align:center;font-size:2.25rem;font-weight:300;color:var(--color-text);letter-spacing:.05em;font-variant-numeric:tabular-nums;caret-color:var(--color-primary);padding:0}.dialpad-display-wrap input.dialpad-number::placeholder{color:var(--color-text-muted);font-size:1.125rem;font-weight:400;letter-spacing:0}.dialpad-display-wrap{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:0 .5rem;margin-bottom:1.5rem;min-height:4.5rem}.dialpad-backspace{width:2.5rem;height:2.5rem;border:none;background:rgba(0,0,0,0);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--border-radius-full);transition:color var(--transition-base),transform 80ms;flex-shrink:0}.dialpad-backspace:active{color:var(--color-text);transform:scale(0.88)}.dialpad-backspace .icon{width:1.25rem;height:1.25rem}.dial-grid{display:grid;grid-template-columns:repeat(3, 72px);gap:.875rem;margin:0 auto 1.5rem;justify-content:center}.dial-btn{width:72px;height:72px;border-radius:var(--border-radius-full);background:var(--color-white);border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.08);gap:.05rem;user-select:none;transition:background-color var(--transition-base),transform 80ms}.dial-btn:active{background:var(--color-bg);transform:scale(0.94)}.dial-btn--sm{width:50.4px;height:50.4px}.dial-digit{font-size:1.5rem;font-weight:300;color:var(--color-text);line-height:1}.dial-letters{font-size:.5625rem;font-weight:600;color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;min-height:.75rem}.dialpad-call-row{display:flex;justify-content:center;margin-top:.5rem}.call-dtmf-grid{display:grid;grid-template-columns:repeat(3, 50.4px);gap:.6rem;justify-content:center;margin-bottom:2rem}.dialpad-flash{text-align:center;font-size:var(--font-size-sm);color:var(--color-danger);padding:.5rem}.dialpad-error-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;background:#fff3f3;border:1px solid #fca5a5;border-radius:var(--radius-md);padding:.625rem 1rem;margin:.75rem 1rem 0;font-size:var(--font-size-sm);color:var(--color-danger)}.dialpad-retry-btn{background:var(--color-danger);color:#fff;border:none;border-radius:var(--radius-sm);padding:.25rem .75rem;font-size:var(--font-size-xs);font-weight:600;cursor:pointer;white-space:nowrap}.dialpad-retry-btn:active{opacity:.85}.staff-ext{font-size:var(--font-size-xs);color:var(--color-primary);font-weight:600;margin-right:.375rem}.staff-position{font-size:var(--font-size-xs);color:var(--color-text-muted)}.cd-page{min-height:calc(100dvh - 56px - 64px);background:var(--color-bg);padding-bottom:3rem}.cd-hero{display:flex;flex-direction:column;align-items:center;padding:2.25rem 1.5rem 2rem;text-align:center;position:relative;background:linear-gradient(175deg, color-mix(in srgb, var(--hero-accent) 10%, #fff) 0%, color-mix(in srgb, var(--hero-accent) 3%, #fff) 100%);border-bottom:1px solid var(--color-separator);--hero-accent: var(--color-primary)}.cd-hero--inbound{--hero-accent: var(--color-secondary)}.cd-hero--missed{--hero-accent: var(--color-danger)}.cd-hero--outbound{--hero-accent: var(--color-primary)}.cd-avatar{width:5.25rem;height:5.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.125rem;box-shadow:0 8px 28px rgba(0,0,0,.14);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%)}.cd-avatar.cd-hero--missed{background:linear-gradient(135deg, #e53e3e 0%, #fc8181 100%)}.cd-avatar.cd-hero--inbound{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%)}.cd-avatar.cd-hero--outbound{background:linear-gradient(135deg, var(--color-primary) 10%, #34d399 100%)}.cd-avatar-text{color:#fff;font-size:1.625rem;font-weight:700;letter-spacing:-0.03em}.cd-hero-name{font-size:1.5rem;font-weight:700;color:var(--color-text);letter-spacing:-0.025em;line-height:1.2;margin:0 0 .2rem}.cd-hero-number{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 .875rem;font-variant-numeric:tabular-nums;letter-spacing:.02em}.cd-hero-pills{display:flex;gap:.375rem;flex-wrap:wrap;justify-content:center;margin-bottom:1.375rem}.cd-pill{display:inline-flex;align-items:center;gap:.275rem;font-size:.6875rem;font-weight:600;padding:.25rem .625rem;border-radius:999px;line-height:1}.cd-pill .icon{width:.75rem;height:.75rem}.cd-pill--dir{background:rgba(255,255,255,.85);color:var(--color-text-secondary);border:1px solid rgba(0,0,0,.06);backdrop-filter:blur(6px)}.cd-pill--status.cd-pill--ok{background:var(--color-success-light);color:var(--color-success)}.cd-pill--status.cd-pill--warn{background:var(--color-warning-light);color:var(--color-warning)}.cd-call-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:999px;background:var(--color-secondary);color:#fff;font-size:var(--font-size-sm);font-weight:600;text-decoration:none;box-shadow:0 4px 18px rgba(46,204,142,.4);transition:transform 100ms,box-shadow var(--transition-base);letter-spacing:-0.01em}.cd-call-btn .icon{width:1rem;height:1rem;flex-shrink:0}.cd-call-btn:active{transform:scale(0.95);box-shadow:0 2px 8px rgba(46,204,142,.25)}.cd-stats-bar{display:flex;align-items:stretch;background:var(--color-white);border-bottom:1px solid var(--color-separator)}.cd-stat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;padding:.875rem .5rem}.cd-stat-val{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cd-stat-val--agent{font-size:var(--font-size-sm)}.cd-stat-lbl{font-size:.6875rem;color:var(--color-text-muted);font-weight:400}.cd-stat-div{width:1px;background:var(--color-separator);align-self:stretch;margin:.625rem 0}.cd-body{padding:1.25rem 1rem}.cd-group-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);padding:0 .375rem;margin-bottom:.375rem}.cd-group-label--sup{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-warning)}.cd-sup-badge{font-size:.6rem;font-weight:700;padding:.1rem .45rem;border-radius:999px;background:var(--color-warning-light);color:#92400e;border:1px solid #fcd34d;text-transform:uppercase;letter-spacing:.06em;vertical-align:middle}.cd-card{background:var(--color-white);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.06),0 0 0 .5px rgba(0,0,0,.04)}.cd-card--sup{background:linear-gradient(160deg, #fffdf5 0%, #fefce8 100%);box-shadow:0 1px 4px rgba(217,119,6,.1),0 0 0 1px rgba(252,211,77,.5)}.cd-card--ai{background:color-mix(in srgb, var(--color-primary) 4%, #fff);box-shadow:0 1px 4px rgba(26,127,90,.08),0 0 0 1px rgba(26,127,90,.12)}.cd-row-sep{height:1px;background:var(--color-separator)}.cd-card--collapse[open] .cd-caret{transform:rotate(90deg)}.cd-collapse-row{display:flex;align-items:center;gap:.625rem;padding:.875rem 1rem;cursor:pointer;list-style:none;user-select:none;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);transition:background-color var(--transition-base)}.cd-collapse-row::-webkit-details-marker{display:none}.cd-collapse-row:active{background:var(--color-bg)}.cd-collapse-row .icon{width:1.125rem;height:1.125rem;color:var(--color-text-secondary);flex-shrink:0}.cd-collapse-row--ai{color:var(--color-primary)}.cd-ai-star{font-size:1rem;line-height:1;flex-shrink:0}.cd-caret{margin-left:auto;color:var(--color-text-muted);font-size:1.25rem;font-weight:300;transition:transform 200ms cubic-bezier(0.4, 0, 0.2, 1);flex-shrink:0}.cd-collapse-inner{padding:0 1rem 1rem}.cd-audio{width:100%;border-radius:8px;margin-top:.25rem;height:2.75rem;display:block}.cd-tags-wrap{display:flex;flex-wrap:wrap;gap:.4rem;padding:.875rem}.cd-tags-wrap--ro{padding-bottom:.75rem}.cd-tag-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.375rem .75rem .375rem .625rem;border-radius:999px;border:1.5px solid color-mix(in srgb, var(--tc, #888) 35%, transparent);background:color-mix(in srgb, var(--tc, #888) 7%, #fff);font-size:var(--font-size-xs);font-weight:500;color:color-mix(in srgb, var(--tc, var(--color-text)) 85%, #000);cursor:pointer;transition:border-color 120ms,background 120ms,box-shadow 120ms,transform 80ms;user-select:none}.cd-tag-pill .cd-tag-input{display:none}.cd-tag-pill .cd-tag-dot{width:7px;height:7px;border-radius:50%;background:var(--tc, #888);flex-shrink:0;opacity:.7;transition:opacity 120ms}.cd-tag-pill:has(.cd-tag-input:checked),.cd-tag-pill.is-selected{border-color:var(--tc, var(--color-primary));background:color-mix(in srgb, var(--tc, var(--color-primary)) 14%, #fff);box-shadow:0 0 0 3px color-mix(in srgb, var(--tc, var(--color-primary)) 15%, transparent);color:color-mix(in srgb, var(--tc, var(--color-primary)) 90%, #000);font-weight:600}.cd-tag-pill:has(.cd-tag-input:checked) .cd-tag-dot,.cd-tag-pill.is-selected .cd-tag-dot{opacity:1}.cd-tag-pill--sup:has(.cd-tag-input:checked),.cd-tag-pill--sup.is-selected{box-shadow:0 0 0 3px rgba(217,119,6,.15)}.cd-tag-pill:active{transform:scale(0.94)}.cd-tag-ro{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:999px;border:1px solid color-mix(in srgb, var(--tc, #888) 30%, transparent);background:color-mix(in srgb, var(--tc, #888) 8%, #fff);font-size:var(--font-size-xs);font-weight:500;color:color-mix(in srgb, var(--tc, var(--color-text)) 80%, #000)}.cd-tag-ro .cd-tag-dot{width:7px;height:7px;border-radius:50%;background:var(--tc, #888);flex-shrink:0}.cd-ai-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:999px;border:1px solid color-mix(in srgb, var(--tc, #888) 35%, transparent);background:color-mix(in srgb, var(--tc, #888) 10%, #fff);font-size:var(--font-size-xs);font-weight:500;color:color-mix(in srgb, var(--tc, var(--color-text)) 80%, #000)}.cd-ai-tag.cd-ai-tag--sentiment{font-style:italic}.cd-ai-tag.cd-ai-tag--sentiment::before{content:"◉ ";font-style:normal;font-size:.55rem}.cd-field-block{padding:.75rem .875rem}.cd-field-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.5rem}.cd-textarea{width:100%;min-height:5.5rem;resize:none;font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text);border:1.5px solid var(--color-border);border-radius:10px;padding:.65rem .75rem;background:var(--color-bg);transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.cd-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent);background:#fff}.cd-textarea::placeholder{color:var(--color-text-muted)}.cd-textarea--sup{background:rgba(255,255,255,.6)}.cd-textarea--sup:focus{border-color:var(--color-warning);box-shadow:0 0 0 3px rgba(217,119,6,.12)}.cd-readonly-text{font-size:var(--font-size-sm);line-height:1.65;color:var(--color-text);white-space:pre-wrap;background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;padding:.65rem .75rem;margin:0}.cd-empty-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic;padding:.25rem 0}.cd-form-actions{display:flex;justify-content:flex-end;padding:0 .875rem .875rem}.cd-btn-save{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1.375rem;border-radius:999px;background:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:600;border:none;cursor:pointer;box-shadow:0 2px 10px rgba(26,127,90,.25);transition:transform 80ms,box-shadow var(--transition-base);letter-spacing:-0.01em}.cd-btn-save:active{transform:scale(0.95);box-shadow:0 1px 4px rgba(26,127,90,.2)}.cd-btn-save--sup{background:var(--color-warning);box-shadow:0 2px 10px rgba(217,119,6,.25)}.cd-btn-save--sup:active{box-shadow:0 1px 4px rgba(217,119,6,.2)}.cd-ai-block{padding:.75rem 0}.cd-ai-lbl{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.3rem}.cd-ai-lbl::before{content:"✦";font-size:.6rem}.cd-ai-body{font-size:var(--font-size-sm);line-height:1.65;color:var(--color-text);white-space:pre-wrap}.cd-back{margin-top:1.75rem;padding-top:.25rem}.cd-back-link{display:inline-flex;align-items:center;gap:.375rem;font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary);text-decoration:none;padding:.5rem 0;transition:opacity var(--transition-base)}.cd-back-link .icon{width:1rem;height:1rem}.cd-back-link:active{opacity:.6}.op-nav-back{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);text-decoration:none;padding:.25rem .5rem;margin-left:-0.5rem;border-radius:var(--border-radius);transition:background-color var(--transition-base)}.op-nav-back .icon{width:1.125rem;height:1.125rem}.op-nav-back:active{background-color:var(--color-primary-light)}.ios-list-page{display:flex;flex-direction:column;flex:1;min-height:0}.ios-search-bar{padding:.625rem 1rem;background:var(--color-white);border-bottom:1px solid var(--color-separator);flex-shrink:0}.ios-search-bar.ios-search-bar--row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ios-search-wrap{position:relative;display:flex;align-items:center}.ios-search-icon{position:absolute;left:.625rem;width:1rem;height:1rem;color:var(--color-text-muted);pointer-events:none;flex-shrink:0}.ios-search-input{width:100%;background:var(--color-bg);border:none;border-radius:10px;padding:.5rem .75rem .5rem 2.25rem;font-size:var(--font-size-sm);color:var(--color-text);outline:none;-webkit-appearance:none}.ios-search-input::placeholder{color:var(--color-text-muted)}.ios-search-input:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent)}.ios-filter-select{flex-shrink:0;background:var(--color-bg);border:none;border-radius:10px;padding:.5rem .75rem;font-size:var(--font-size-sm);color:var(--color-text);outline:none;-webkit-appearance:none;cursor:pointer}.ios-filter-select:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent)}.ios-segment-bar{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--color-white);border-bottom:1px solid var(--color-separator);flex-shrink:0}.ios-segment-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:.375rem .75rem;border-radius:8px;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);background:var(--color-bg);text-decoration:none;transition:background .15s,color .15s}.ios-segment-btn:hover{background:color-mix(in srgb, var(--color-primary) 10%, transparent);color:var(--color-primary)}.ios-segment-btn--active{background:var(--color-primary);color:#fff}.ios-segment-btn--active:hover{background:var(--color-primary);color:#fff}.ios-list{list-style:none;margin:0;padding:0;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.ios-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-white);border-bottom:1px solid var(--color-separator);transition:background-color .12s}.ios-list-item:active{background-color:var(--color-bg)}.ios-avatar{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700;flex-shrink:0;color:#fff;letter-spacing:.02em}.ios-avatar.ios-avatar--green{background:#34c759}.ios-avatar.ios-avatar--blue{background:#007aff}.ios-avatar.ios-avatar--orange{background:#ff9500}.ios-avatar.ios-avatar--purple{background:#af52de}.ios-item-info{flex:1;min-width:0}.ios-item-name{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ios-item-sub{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;margin-top:.125rem;font-size:var(--font-size-xs);color:var(--color-text-muted)}.ios-ext-badge{display:inline-flex;align-items:center;background:color-mix(in srgb, var(--color-primary) 12%, transparent);color:var(--color-primary);border-radius:4px;padding:.0625rem .375rem;font-size:.6875rem;font-weight:600}.ios-call-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;background:color-mix(in srgb, #34c759 14%, transparent);color:#34c759;flex-shrink:0;text-decoration:none;transition:background-color .12s,transform .1s}.ios-call-btn .icon{width:1.125rem;height:1.125rem}.ios-call-btn:active{background:color-mix(in srgb, #34c759 28%, transparent);transform:scale(0.92)}@keyframes ios-shimmer{0%{background-position:-200% center}100%{background-position:200% center}}.ios-skeleton-line,.ios-skeleton-circle{background:linear-gradient(90deg, #e8e8e8 25%, #f5f5f5 50%, #e8e8e8 75%);background-size:200% 100%;animation:ios-shimmer 1.4s ease infinite;border-radius:6px}.ios-skeleton-row{pointer-events:none}.ios-skeleton-circle{border-radius:50% !important;background-color:rgba(0,0,0,0) !important}.ios-skeleton-line{height:.875rem}.ios-skeleton-line.ios-skeleton-line--name{width:55%;margin-bottom:.375rem}.ios-skeleton-line.ios-skeleton-line--meta{width:40%;height:.75rem;opacity:.7}.ios-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:.5rem;text-align:center}.ios-empty-icon{width:4rem;height:4rem;border-radius:50%;background:var(--color-bg);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;color:var(--color-text-muted)}.ios-empty-icon .icon{width:2rem;height:2rem}.ios-empty-icon svg{width:2rem;height:2rem;stroke:var(--color-text-muted)}.ios-empty-title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text);margin:0}.ios-empty-sub{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.ios-call-row{display:flex;align-items:center;background:var(--color-white);border-bottom:1px solid var(--color-separator);padding-right:.75rem;transition:background-color .12s}.ios-call-row:active{background-color:var(--color-bg)}.ios-call-link{display:flex;align-items:center;flex:1;min-width:0;gap:.75rem;padding:.75rem 0 .75rem 1rem;text-decoration:none;color:inherit}.ios-call-icon{width:2.25rem;height:2.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ios-call-icon .icon{width:1.125rem;height:1.125rem}.ios-call-icon.ios-call-icon--in{background:color-mix(in srgb, #34c759 14%, transparent);color:#34c759}.ios-call-icon.ios-call-icon--out{background:color-mix(in srgb, #007aff 12%, transparent);color:#007aff}.ios-call-icon.ios-call-icon--missed{background:color-mix(in srgb, #ff3b30 12%, transparent);color:#ff3b30}.ios-call-info{flex:1;min-width:0}.ios-contact-badge{display:inline-block;font-size:.585rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;padding:.08rem .35rem;border-radius:3px;line-height:1.4;margin-bottom:.15rem;background:rgba(0,0,0,0);border:1px solid color-mix(in srgb, var(--badge-color, #9BA8B0) 45%, transparent);color:color-mix(in srgb, var(--badge-color, #9BA8B0) 70%, #666)}.ios-call-name{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ios-call-name.ios-call-name--missed{color:#ff3b30}.ios-call-id{font-size:.6rem;font-weight:500;color:var(--color-text-muted);opacity:.7;margin-bottom:.15rem}.ios-call-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.125rem .25rem;margin-top:.125rem;font-size:var(--font-size-xs);color:var(--color-text-muted)}.ios-call-agent{margin-top:.15rem;font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.ios-call-tag{display:inline-flex;align-items:center;padding:.0625rem .375rem;border-radius:4px;font-size:.6875rem;font-weight:600;background:color-mix(in srgb, var(--tc, #999) 15%, transparent);color:color-mix(in srgb, var(--tc, #999) 80%, #000)}.ios-call-duration{font-size:var(--font-size-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:.5rem}.ios-call-status{flex-shrink:0;margin-left:auto;padding-left:1rem;padding-right:1rem;display:flex;align-items:center}.dp-page{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--color-bg)}.dp-error{margin:1rem;padding:.875rem 1rem;background:color-mix(in srgb, #ff3b30 10%, transparent);border:1px solid color-mix(in srgb, #ff3b30 25%, transparent);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:#ff3b30;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.dp-retry{font-size:var(--font-size-xs);font-weight:600;color:#ff3b30;text-decoration:underline;background:none;border:none;cursor:pointer;padding:0;white-space:nowrap}.dp-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 1rem 2.5rem;gap:1rem}.dp-display{width:100%;display:flex;align-items:center;justify-content:center;min-height:3.5rem;padding:0 1rem}.dp-ext-hint{margin:0;min-height:1.5rem;text-align:center;font-size:.875rem;font-weight:500;color:rgba(0,0,0,0);transition:color .15s}.dp-ext-hint[data-state=found]{color:var(--color-primary)}.dp-ext-hint[data-state=not-found]{color:var(--color-danger, #dc2626);font-weight:400}.dp-ext-hint[data-state=loading]{color:var(--color-text-muted);font-weight:400}.dp-number-wrap{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.dp-number{width:100%;text-align:center;font-size:2.25rem;font-weight:300;letter-spacing:.06em;color:var(--color-text);font-variant-numeric:tabular-nums;background:rgba(0,0,0,0);border:none;outline:none;box-shadow:none;padding:0;-webkit-appearance:none;caret-color:rgba(0,0,0,0)}.dp-number::placeholder{color:var(--color-text-muted);font-size:1.25rem;font-weight:400;letter-spacing:0}.dp-backspace{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;background:none;border:none;border-radius:50%;cursor:pointer;color:var(--color-text);transition:background-color .12s;flex-shrink:0}.dp-backspace .icon{width:1.5rem;height:1.5rem}.dp-backspace:active{background:var(--color-bg)}.dp-grid{display:grid;grid-template-columns:repeat(3, 4.25rem);grid-template-rows:repeat(4, 4.25rem);gap:.625rem;justify-content:center}.dp-key{width:4.25rem;height:4.25rem;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-white);border:none;cursor:pointer;transition:background-color .1s,transform .1s;box-shadow:0 1px 4px rgba(0,0,0,.1);-webkit-user-select:none;user-select:none}.dp-key:active{background-color:#d1d1d6;transform:scale(0.91)}.dp-key-digit{font-size:1.625rem;font-weight:300;color:var(--color-text);line-height:1}.dp-key-sub{font-size:.5rem;font-weight:600;color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;line-height:1;margin-top:.15rem}.dp-actions{display:grid;grid-template-columns:4.25rem 4.25rem 4.25rem;gap:.625rem;justify-content:center;align-items:center}.dp-action-spacer{display:flex;align-items:center;justify-content:center;width:4.25rem;height:4.25rem}.dp-call-btn{width:4.25rem;height:4.25rem;border-radius:50%;background:#34c759;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px color-mix(in srgb, #34c759 45%, transparent);transition:background-color .12s,transform .1s,box-shadow .12s;color:#fff}.dp-call-btn .icon{width:1.75rem;height:1.75rem}.dp-call-btn:active{background:color-mix(in srgb, #34c759 80%, #000);transform:scale(0.91);box-shadow:0 2px 6px color-mix(in srgb, #34c759 30%, transparent)}.dp-call-btn:disabled{background:var(--color-text-muted);box-shadow:none;cursor:not-allowed}.dp-call-screen{display:none;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:2rem 1.5rem}.dp-call-screen.is-visible{display:flex}.dp-call-control-btn{display:flex;flex-direction:column;align-items:center;gap:.375rem;background:none;border:none;cursor:pointer;color:var(--color-text);padding:.5rem;border-radius:var(--border-radius);transition:opacity .15s}.dp-call-control-btn .icon{width:1.5rem;height:1.5rem}.dp-call-control-btn span{font-size:.6875rem;font-weight:500;color:var(--color-text-muted)}.dp-call-control-btn.call-control--active{color:var(--color-primary)}.dp-call-control-btn.call-control--active span{color:var(--color-primary)}.dp-call-control-btn:active{opacity:.6}.cd-events-wrap{display:flex;flex-direction:column;gap:0;padding:.25rem 0}.cd-event{display:flex;gap:.875rem;padding:.75rem 1.25rem;position:relative}.cd-event:not(:last-child)::after{content:"";position:absolute;left:calc(1.25rem + 5px);top:calc(.75rem + 12px);bottom:0;width:1px;background:var(--color-separator)}.cd-event-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0;margin-top:.25rem;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 15%, transparent)}.cd-event-body{flex:1;min-width:0}.cd-event-header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.2rem}.cd-event-source{font-size:.7rem;font-weight:700;font-family:ui-monospace,"SF Mono",monospace;color:var(--color-text-muted);letter-spacing:.02em}.cd-event-time{font-size:.65rem;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.cd-event-note{font-size:.8125rem;color:var(--color-text);margin:0;line-height:1.45}.cd-event-payload{margin-top:.5rem}.cd-event-payload summary{font-size:.7rem;color:var(--color-text-muted);cursor:pointer;user-select:none;display:inline-flex;align-items:center;gap:.25rem}.cd-event-payload summary:hover{color:var(--color-primary)}.cd-event-pre{margin-top:.375rem;padding:.625rem .75rem;background:var(--color-bg);border-radius:var(--border-radius);font-size:.7rem;font-family:ui-monospace,"SF Mono",monospace;color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-all;line-height:1.5;border:1px solid var(--color-border);max-height:14rem;overflow-y:auto}.ios-filter-loader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:200;pointer-events:none;background:rgba(0,0,0,.04)}.ios-filter-loader[hidden]{display:none}.ios-filter-spinner{width:36px;height:36px;border:3px solid rgba(0,122,255,.15);border-top-color:#007aff;border-radius:50%;animation:ios-filter-spin .55s linear infinite;background:var(--color-surface, #fff);box-shadow:0 2px 12px rgba(0,0,0,.12);box-sizing:border-box}@keyframes ios-filter-spin{to{transform:rotate(360deg)}}.calls-page{display:flex;flex-direction:column;gap:1.25rem}.calls-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.calls-page-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin:0;line-height:1.2}.calls-page-sub{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:.2rem 0 0}.calls-filters{display:flex;align-items:flex-end;gap:.625rem;flex-wrap:wrap;padding:.875rem 1rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.cf-group{display:flex;flex-direction:column;gap:.3rem;position:relative}.cf-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);white-space:nowrap}.cf-input-wrap{position:relative;display:flex;align-items:center}.cf-input-icon{position:absolute;left:.625rem;color:var(--color-text-muted);pointer-events:none;display:flex;align-items:center}.cf-input-icon .icon{width:13px;height:13px;display:block}.cf-input-clear{position:absolute;right:.5rem;background:none;border:none;color:var(--color-text-muted);font-size:1rem;line-height:1;cursor:pointer;padding:0}.cf-input-clear:hover{color:var(--color-danger)}.cf-input{height:2rem;padding:0 .625rem 0 2rem;font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);transition:border-color var(--transition-base),box-shadow var(--transition-base);width:11rem;appearance:none}.cf-input::placeholder{color:var(--color-text-muted)}.cf-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-white);box-shadow:0 0 0 3px rgba(26,127,90,.12)}.cf-input--date{width:13rem;cursor:pointer}.cf-select{height:2rem;padding:0 2rem 0 .625rem;font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%239BA8B0'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;cursor:pointer;transition:border-color var(--transition-base)}.cf-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(26,127,90,.12)}.cf-tags-btn{height:2rem;display:inline-flex;align-items:center;gap:.4rem;padding:0 .75rem;font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;white-space:nowrap;transition:border-color var(--transition-base);min-width:8rem}.cf-tags-btn .icon{width:11px;height:11px;flex-shrink:0;margin-left:auto}.cf-tags-btn:hover{border-color:var(--color-primary)}.cf-tags-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.1rem;height:1.1rem;padding:0 .25rem;border-radius:var(--border-radius-full);background:var(--color-primary);color:var(--color-white);font-size:.625rem;font-weight:700}.cf-tags-dropdown{position:absolute;top:calc(100% + .375rem);left:0;z-index:50;min-width:13rem;max-height:18rem;overflow-y:auto;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:.375rem 0;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity var(--transition-base),transform var(--transition-base)}.is-open .cf-tags-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.cf-tag-option{display:flex;align-items:center;gap:.625rem;padding:.5rem .875rem;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text);transition:background-color var(--transition-base)}.cf-tag-option:hover{background:var(--color-bg)}.cf-tag-option input[type=checkbox]{width:.9rem;height:.9rem;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.cf-tag-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cf-tag-name{flex:1}.cf-tags-footer{padding:.5rem .875rem .375rem;border-top:1px solid var(--color-separator);margin-top:.25rem}.calls-table-wrap{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.calls-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.calls-table thead tr{background:var(--color-bg);border-bottom:1px solid var(--color-border)}.calls-table thead tr th{padding:.625rem .875rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);text-align:left;white-space:nowrap}.calls-table tbody tr.ct-row{border-bottom:1px solid var(--color-separator);transition:background-color var(--transition-base)}.calls-table tbody tr.ct-row:last-child{border-bottom:none}.calls-table tbody tr.ct-row:hover{background:var(--color-bg)}.calls-table tbody tr.ct-row td{padding:.625rem .875rem;vertical-align:middle}.ct-col-id{width:3rem;font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--color-text-primary);padding-right:.25rem !important}th.ct-col-id{font-weight:500}.ct-col-dir{width:2.5rem;padding-right:0 !important}.ct-col-contact{min-width:14rem}.ct-col-status{width:8rem}.ct-col-date{width:8rem}.ct-col-dur{width:6rem;font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.ct-col-tags{width:6rem}.ct-col-actions{width:4.5rem;text-align:right}.ct-dir-pill{display:inline-flex;align-items:center;justify-content:center;width:1.625rem;height:1.625rem;border-radius:var(--border-radius-full)}.ct-dir-pill .icon{width:12px;height:12px;display:block}.ct-dir-pill--in{background:var(--color-info-light);color:var(--color-info)}.ct-dir-pill--out{background:var(--color-success-light);color:var(--color-success)}.ct-dir-pill--missed{background:var(--color-danger-light);color:var(--color-danger)}.ct-name{display:block;font-weight:600;color:var(--color-text);line-height:1.3}.ct-name--missed{color:var(--color-danger)}.ct-number{display:block;font-weight:500;color:var(--color-text);font-variant-numeric:tabular-nums;line-height:1.3}.ct-number--missed{color:var(--color-danger)}.ct-number--sub{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:400;margin-top:.0625rem}.ct-type-badge{display:inline-block;font-size:.6rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.1rem .375rem;border-radius:3px;line-height:1.4;white-space:nowrap;background:color-mix(in srgb, var(--badge-color, #9BA8B0) 12%, transparent);color:color-mix(in srgb, var(--badge-color, #9BA8B0) 75%, #000)}.ct-agent-sub{display:block;font-size:.7rem;color:var(--color-text-muted);margin-top:.15rem;font-style:italic}.ct-id-sub{display:block;font-size:.65rem;color:var(--color-text-muted);opacity:.55;margin-top:.1rem;font-variant-numeric:tabular-nums;letter-spacing:.01em}.ct-client{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:.0625rem}.ct-date-main{display:block;color:var(--color-text);line-height:1.3}.ct-date-time{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted)}.ct-tag-dots{display:flex;gap:.3rem;align-items:center;flex-wrap:wrap}.ct-tag-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ct-action-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .625rem;border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);text-decoration:none;border:1px solid rgba(0,0,0,0);transition:all var(--transition-base)}.ct-action-btn .icon{width:12px;height:12px}.ct-action-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.calls-empty{padding:4rem 2rem;text-align:center;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.calls-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:var(--border-radius-full);background:var(--color-bg);margin-bottom:1rem;color:var(--color-text-muted)}.calls-empty-icon .icon{width:28px;height:28px;display:block}.calls-empty-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin:0 0 .375rem}.calls-empty-sub{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 1.25rem}.flatpickr-calendar{font-family:var(--font-family-base) !important;border:1px solid var(--color-border) !important;border-radius:var(--border-radius-lg) !important;box-shadow:var(--shadow-md) !important;font-size:var(--font-size-sm) !important}.flatpickr-months .flatpickr-month,.flatpickr-weekdays,span.flatpickr-weekday{background:var(--color-primary) !important;color:var(--color-white) !important;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0 !important;fill:var(--color-white) !important}.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-current-month input.cur-year{color:var(--color-white) !important}.flatpickr-prev-month svg,.flatpickr-next-month svg{fill:var(--color-white) !important}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange{background:var(--color-primary) !important;border-color:var(--color-primary) !important}.flatpickr-day.inRange{background:var(--color-primary-light) !important;border-color:var(--color-primary-light) !important;box-shadow:-5px 0 0 var(--color-primary-light),5px 0 0 var(--color-primary-light) !important}.flatpickr-day:hover:not(.selected):not(.inRange){background:var(--color-bg) !important;border-color:var(--color-border) !important}.detail-list{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden}.detail-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.6rem .875rem;border-bottom:1px solid var(--color-separator);font-size:var(--font-size-sm)}.detail-row:last-child{border-bottom:none}.detail-row dt{color:var(--color-text-muted);font-weight:500;white-space:nowrap;flex-shrink:0}.detail-row dd{color:var(--color-text);font-weight:500;margin:0;text-align:right;word-break:break-all}.btn-icon-link{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--border-radius);color:var(--color-text-muted);text-decoration:none;transition:background-color var(--transition-base),color var(--transition-base)}.btn-icon-link .icon{width:14px;height:14px;display:block}.btn-icon-link:hover{background:var(--color-primary-light);color:var(--color-primary)}.text-muted-sm{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tags-grid{display:flex;flex-direction:column;gap:2rem}.tags-section-title{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.tags-section-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;border-radius:var(--border-radius-full);background:var(--color-bg);border:1px solid var(--color-border);font-size:.625rem;font-weight:700;color:var(--color-text-muted)}.tags-list{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.tag-row{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;border-bottom:1px solid var(--color-separator);transition:background-color var(--transition-base)}.tag-row:last-child{border-bottom:none}.tag-row:hover:not(.tag-row--add){background:var(--color-bg)}.tag-row-preview{flex:1}.tag-chip--lg{font-size:var(--font-size-sm);font-weight:600;padding:.3rem .875rem}.tag-row-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-family:monospace}.tag-hex{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:monospace}.tag-row-actions{display:flex;gap:.25rem;align-items:center}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--border-radius);border:none;background:rgba(0,0,0,0);color:var(--color-text-muted);cursor:pointer;text-decoration:none;transition:all var(--transition-base);padding:0}.btn-icon .icon{width:15px;height:15px;display:block}.btn-icon:hover{background:var(--color-bg);color:var(--color-text)}.btn-icon--danger:hover{background:var(--color-danger-light);color:var(--color-danger)}.btn-icon form{margin:0}.btn-icon button{all:unset;display:flex;cursor:pointer}.tag-row--add{color:var(--color-text-muted);text-decoration:none;cursor:pointer;gap:.625rem}.tag-row--add:hover{background:var(--color-primary-light);color:var(--color-primary)}.tag-row-add-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:var(--border-radius-full);border:1.5px dashed currentColor;font-size:1rem;line-height:1}.tag-row-add-label{font-size:var(--font-size-sm);font-weight:500}.tag-form-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;max-width:520px}.tag-form-preview{display:flex;justify-content:center;padding:1.5rem 1rem 1rem;background:var(--color-bg);border-radius:var(--border-radius);margin-bottom:1.25rem}.tag-chip--preview{font-size:var(--font-size-base)}.tag-color-picker{display:flex;align-items:center;gap:.875rem}.tag-color-input{width:2.5rem;height:2.5rem;padding:.125rem;border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;background:var(--color-white)}.tag-color-swatches{display:flex;gap:.375rem;flex-wrap:wrap}.tag-color-swatch{width:1.5rem;height:1.5rem;border-radius:var(--border-radius);border:2px solid rgba(0,0,0,0);cursor:pointer;transition:transform 80ms,border-color var(--transition-base)}.tag-color-swatch:hover{transform:scale(1.2);border-color:rgba(255,255,255,.6)}.tag-color-swatch:active{transform:scale(0.92)}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--color-separator)}.flow-timeline{display:flex;flex-direction:column;gap:0}.flow-step{display:flex;gap:1rem}.flow-step--disabled .flow-card{opacity:.65}.flow-connector{display:flex;flex-direction:column;align-items:center;width:2.5rem;flex-shrink:0}.flow-node{width:2.5rem;height:2.5rem;border-radius:var(--border-radius-full);background:color-mix(in srgb, var(--node-color) 15%, white);border:2px solid var(--node-color);color:var(--node-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.flow-node .icon{width:16px;height:16px;display:block}.flow-line{width:2px;flex:1;min-height:1rem;background:var(--color-border);margin:.25rem 0}.flow-line--disabled{background:var(--color-separator)}.flow-card{flex:1;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:1rem 1.125rem;margin-bottom:.75rem;box-shadow:var(--shadow-sm);transition:border-color var(--transition-base)}.flow-card:hover{border-color:var(--color-primary)}.flow-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.375rem}.flow-card-title{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-base)}.flow-step-num{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:var(--border-radius-full);background:var(--color-bg);border:1px solid var(--color-border);font-size:.6875rem;font-weight:700;color:var(--color-text-muted);flex-shrink:0}.flow-card-actions{flex-shrink:0}.flow-card-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 .75rem}.flow-toggle-btn{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--font-size-xs);font-weight:600;border:none;background:none;cursor:pointer;padding:0;color:var(--color-text-secondary)}.flow-toggle-btn form{display:contents}.flow-toggle-btn button{all:unset;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.flow-toggle-track{position:relative;width:2.25rem;height:1.25rem;border-radius:var(--border-radius-full);background:var(--color-border);transition:background-color var(--transition-base)}.flow-toggle-btn--on .flow-toggle-track{background:var(--color-primary)}.flow-toggle-thumb{position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;border-radius:var(--border-radius-full);background:var(--color-white);box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform var(--transition-base)}.flow-toggle-btn--on .flow-toggle-thumb{transform:translateX(1rem)}.flow-tts-block{border-top:1px solid var(--color-separator);padding-top:.75rem;margin-top:.25rem}.flow-tts-label{display:flex;align-items:center;gap:.375rem;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:0 0 .5rem}.flow-tts-label .icon{width:12px;height:12px}.flow-tts-form{display:flex;gap:.625rem;align-items:flex-start}.flow-tts-textarea{flex:1;min-height:3.5rem;resize:vertical;font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:.5rem .625rem;background:var(--color-bg);transition:border-color var(--transition-base);line-height:1.5}.flow-tts-textarea:focus{outline:none;border-color:var(--color-primary);background:var(--color-white);box-shadow:0 0 0 3px rgba(26,127,90,.12)}.flow-tts-textarea::placeholder{color:var(--color-text-muted)}.settings-section{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;overflow:hidden}.settings-section-header{display:flex;align-items:flex-start;gap:.875rem;padding:1.125rem 1.25rem;border-bottom:1px solid var(--color-separator);background:var(--color-bg)}.settings-section-icon{width:2.25rem;height:2.25rem;border-radius:var(--border-radius);background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-section-icon .icon{width:18px;height:18px;display:block}.settings-section-title{font-size:var(--font-size-base);font-weight:700;color:var(--color-text);margin:0 0 .125rem;line-height:1.3}.settings-section-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.settings-fields{padding:0}.settings-field{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--color-separator)}.settings-field:last-child{border-bottom:none}.settings-field--toggle{gap:2rem}.settings-field-info{flex:1;min-width:0}.settings-field-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);margin-bottom:.125rem}.settings-field-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.settings-field-control{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.settings-field-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.settings-number{width:5rem;text-align:center;font-variant-numeric:tabular-nums}.settings-unit{font-size:var(--font-size-sm);color:var(--color-text-muted)}.settings-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer;flex-shrink:0}.settings-switch-input{position:absolute;opacity:0;width:0;height:0}.settings-switch-track{position:relative;width:2.75rem;height:1.5rem;border-radius:var(--border-radius-full);background:var(--color-border);transition:background-color var(--transition-base)}.settings-switch-track::after{content:"";position:absolute;top:.1875rem;left:.1875rem;width:1.125rem;height:1.125rem;border-radius:var(--border-radius-full);background:var(--color-white);box-shadow:0 1px 4px rgba(0,0,0,.2);transition:transform var(--transition-base)}.settings-switch-input:checked+.settings-switch-track{background:var(--color-primary)}.settings-switch-input:checked+.settings-switch-track::after{transform:translateX(1.25rem)}.settings-footer{display:flex;gap:.75rem;padding-top:.5rem;margin-bottom:2rem}.audio-fields{padding:0}.audio-field{display:flex;gap:1.5rem;align-items:flex-start;padding:1rem 1.25rem;border-bottom:1px solid var(--color-separator)}.audio-field:last-child{border-bottom:none}.audio-field-info{width:10rem;flex-shrink:0}.audio-field-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);margin:0 0 .125rem}.audio-field-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.audio-field-body{flex:1;display:flex;flex-direction:column;gap:.625rem}.audio-field-current{display:flex;flex-direction:column;gap:.375rem}.audio-field-status{display:inline-flex;align-items:center;gap:.375rem;font-size:var(--font-size-xs);font-weight:600;padding:.25rem .625rem;border-radius:var(--border-radius-full)}.audio-field-status .icon{width:14px;height:14px}.audio-field-status--uploaded{background:var(--color-success-light);color:var(--color-success)}.audio-field-status--tts{background:var(--color-info-light);color:var(--color-info)}.audio-field-player{width:100%;max-width:24rem;height:2.25rem;border-radius:var(--border-radius)}.audio-field-tts-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-style:italic;margin:0;line-height:1.5}.audio-upload-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border:1.5px dashed var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base)}.audio-upload-btn .icon{width:14px;height:14px}.audio-upload-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.audio-upload-input{display:none}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:.125rem 0 0}.emp-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(18rem, 1fr));gap:1rem}.emp-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:box-shadow var(--transition-base)}.emp-card:hover{box-shadow:var(--shadow-md)}.emp-card--off{opacity:.65}.emp-card--scheduled{border-color:var(--color-primary);border-left:3px solid var(--color-primary)}.emp-card--inactive{opacity:.55;border-left-color:var(--color-danger, #dc2626) !important;filter:grayscale(0.4)}.emp-card-header{display:flex;align-items:flex-start;gap:.75rem}.emp-avatar{width:2.75rem;height:2.75rem;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);font-weight:700;font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.emp-card-info{flex:1;min-width:0}.emp-name{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text);margin:0 0 .125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-phone{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.emp-ext{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:.125rem 0 0}.emp-status-col{flex-shrink:0}.emp-badge{display:inline-flex;align-items:center;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .5rem;border-radius:var(--border-radius-full)}.emp-badge--duty{background:var(--color-success-light);color:var(--color-success)}.emp-badge--off{background:var(--color-separator);color:var(--color-text-muted)}.emp-card-meta{display:flex;align-items:center;gap:.375rem;font-size:var(--font-size-xs);color:var(--color-text-muted)}.emp-card-meta .icon{width:13px;height:13px;flex-shrink:0}.emp-card-footer{display:flex;gap:.5rem;margin-top:auto}.emp-card-footer .btn{flex:1;justify-content:center}.emp-card-footer .icon{width:13px;height:13px}.emp-empty{grid-column:1/-1;text-align:center;padding:3rem;color:var(--color-text-muted)}.emp-empty .icon{width:32px;height:32px;margin:0 auto .75rem;display:block}.emp-empty p{margin:0;font-size:var(--font-size-sm)}.sched-week{display:grid;grid-template-columns:repeat(7, 1fr);gap:.75rem}@media(max-width: 900px){.sched-week{grid-template-columns:repeat(4, 1fr)}}@media(max-width: 560px){.sched-week{grid-template-columns:repeat(2, 1fr)}}.sched-day{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--border-radius-lg);padding:1rem;display:flex;flex-direction:column;gap:.625rem;min-height:10rem;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.sched-day--active{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.sched-day-header{display:flex;align-items:center;justify-content:space-between;gap:.375rem}.sched-day-name{font-weight:700;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary)}.sched-time{display:flex;align-items:center;gap:.375rem;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.sched-time .icon{width:13px;height:13px;flex-shrink:0}.sched-actions{display:flex;align-items:center;gap:.5rem}.sched-toggle-btn{display:inline-flex;align-items:center;background:none;border:none;padding:0;cursor:pointer;flex-shrink:0}.sched-toggle-btn--on .sched-toggle-track{background:var(--color-primary)}.sched-toggle-btn--off .sched-toggle-track{background:var(--color-separator)}.sched-toggle-btn--on .sched-toggle-thumb{transform:translateX(1rem)}.sched-toggle-track{width:2rem;height:1.125rem;border-radius:var(--border-radius-full);position:relative;transition:background var(--transition-base)}.sched-toggle-thumb{position:absolute;top:.125rem;left:.125rem;width:.875rem;height:.875rem;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform var(--transition-base)}.sched-empty-day{flex:1;display:flex;align-items:center;justify-content:center}.sched-empty-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.sched-edit-details{margin-top:auto}.sched-edit-summary{font-size:var(--font-size-xs);color:var(--color-primary);cursor:pointer;list-style:none;user-select:none}.sched-edit-summary::-webkit-details-marker{display:none}.sched-edit-summary--add{font-weight:600}.sched-form{margin-top:.5rem}.sched-form-row{display:flex;flex-direction:column;gap:.375rem}.sched-form-row .btn{width:100%;margin-top:.25rem}.sched-form-group label{display:block;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:.125rem}.sched-time-input{font-size:var(--font-size-xs) !important;padding:.25rem .375rem !important;height:auto !important}.btn-outline-danger{background:rgba(0,0,0,0);border:1.5px solid var(--color-danger, #E53E3E);color:var(--color-danger, #E53E3E)}.btn-outline-danger:hover{background:var(--color-danger, #E53E3E);color:#fff}.call-detail-grid{display:grid;grid-template-columns:38% 1fr;gap:1.5rem;align-items:start}@media(max-width: 900px){.call-detail-grid{grid-template-columns:1fr}}.cd-header-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.cd-header-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:.375rem}.cd-header-meta__sep{color:var(--color-border)}.cd-dir-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .625rem;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.01em;vertical-align:middle}.cd-dir-badge--in{background:var(--color-info-light);color:var(--color-info)}.cd-dir-badge--out{background:var(--color-success-light);color:var(--color-success)}.cd-dir-badge--missed{background:var(--color-danger-light);color:var(--color-danger)}.cd-code{font-family:"SFMono-Regular","Consolas","Liberation Mono",monospace;font-size:var(--font-size-xs);background:var(--color-bg);padding:.1rem .4rem;border-radius:var(--border-radius-sm);border:1px solid var(--color-border);word-break:break-all}.cd-audio{width:100%;border-radius:var(--border-radius);accent-color:var(--color-primary);display:block}.cd-recording-sid{margin:.625rem 0 0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.cd-recording-sid code{font-family:"SFMono-Regular","Consolas",monospace;font-size:var(--font-size-xs)}.cd-summary-scroll{max-height:14rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) rgba(0,0,0,0);padding-right:.375rem;background:linear-gradient(white 30%, rgba(255, 255, 255, 0)) top/100% 2rem,linear-gradient(rgba(255, 255, 255, 0), white 70%) bottom/100% 2rem,radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)) top/100% 6px,radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)) bottom/100% 6px;background-repeat:no-repeat;background-attachment:local,local,scroll,scroll}.cd-expandable>summary{list-style:none}.cd-expandable>summary::-webkit-details-marker{display:none}.cd-expandable__toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none;padding:.375rem 0;border-bottom:1px solid var(--color-separator);margin-bottom:.75rem}.cd-expandable__toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cd-expandable__label{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);flex:1}.cd-expandable__arrow{color:var(--color-text-muted);transition:transform var(--transition-base);font-size:1rem;line-height:1;flex-shrink:0}details[open] .cd-expandable__arrow{transform:rotate(180deg)}.cd-transcript-scroll{max-height:22rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) rgba(0,0,0,0);padding-right:.375rem;background:linear-gradient(white 30%, rgba(255, 255, 255, 0)) top/100% 1.5rem,linear-gradient(rgba(255, 255, 255, 0), white 70%) bottom/100% 1.5rem,radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0)) top/100% 5px,radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0)) bottom/100% 5px;background-repeat:no-repeat;background-attachment:local,local,scroll,scroll}.cd-tags-wrap{display:flex;flex-wrap:wrap;gap:.5rem}.cd-ia-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem .3rem .5rem;border-radius:var(--border-radius-full);background:color-mix(in srgb, var(--tag-color) 10%, white);border:1px solid color-mix(in srgb, var(--tag-color) 35%, transparent);font-size:var(--font-size-sm);font-weight:500}.cd-ia-tag__dot{width:8px;height:8px;border-radius:50%;background:var(--tag-color);flex-shrink:0;box-shadow:0 0 0 2px color-mix(in srgb, var(--tag-color) 20%, transparent)}.cd-ia-tag__name{color:color-mix(in srgb, var(--tag-color) 80%, var(--color-text))}.cd-ia-tag__lock{font-size:.6rem;opacity:.55;flex-shrink:0}.cd-ia-tag__new{font-size:var(--font-size-xs);opacity:.65;font-style:italic;font-weight:400}.cd-tag-check{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem .3rem .5rem;border-radius:var(--border-radius-full);background:color-mix(in srgb, var(--tag-color) 6%, white);border:1.5px solid color-mix(in srgb, var(--tag-color) 25%, var(--color-border));cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.cd-tag-check:hover{background:color-mix(in srgb, var(--tag-color) 16%, white);border-color:color-mix(in srgb, var(--tag-color) 55%, transparent)}.cd-tag-check:has(input:checked){background:color-mix(in srgb, var(--tag-color) 14%, white);border-color:var(--tag-color);box-shadow:0 0 0 1px color-mix(in srgb, var(--tag-color) 40%, transparent)}.cd-tag-check__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.cd-tag-check__dot{width:8px;height:8px;border-radius:50%;background:color-mix(in srgb, var(--tag-color) 40%, var(--color-border));flex-shrink:0;transition:background-color var(--transition-base)}.cd-tag-check:has(input:checked) .cd-tag-check__dot{background:var(--tag-color);box-shadow:0 0 0 2px color-mix(in srgb, var(--tag-color) 25%, transparent)}.cd-tag-check__name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);transition:color var(--transition-base)}.cd-tag-check:has(input:checked) .cd-tag-check__name{color:color-mix(in srgb, var(--tag-color) 80%, var(--color-text))}.cd-notes{font-size:var(--font-size-sm);line-height:1.7;color:var(--color-text);white-space:pre-wrap;margin:0}.cd2-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}@media(max-width: 640px){.cd2-header{margin-bottom:1rem}}.cd2-header__left{flex:1;min-width:0}.cd2-header__actions{flex-shrink:0;padding-top:.25rem}.cd2-back-btn{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-decoration:none;margin-bottom:.625rem;transition:color var(--transition-base)}.cd2-back-btn:hover{color:var(--color-primary)}.cd2-header__title-row{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;margin-bottom:.375rem}.cd2-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin:0;line-height:1.2}@media(max-width: 640px){.cd2-title{font-size:var(--font-size-lg)}}.cd2-header__meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.cd2-meta-sep{color:var(--color-border)}.cd2-dir-pill{display:inline-flex;align-items:center;padding:.2rem .625rem;border-radius:var(--border-radius-full);font-size:.6875rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.cd2-dir-pill--in{background:var(--color-info-light);color:var(--color-info)}.cd2-dir-pill--out{background:var(--color-success-light);color:var(--color-success)}.cd2-dir-pill--missed{background:var(--color-warning-light, #FEF3C7);color:#b45309}.cd2-grid{display:grid;grid-template-columns:40% 1fr;gap:1.25rem;align-items:start}@media(max-width: 900px){.cd2-grid{grid-template-columns:1fr}}.cd2-col-left,.cd2-col-right{display:flex;flex-direction:column;gap:1rem}.cd2-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:clip;transition:box-shadow var(--transition-base)}.cd2-card:hover{box-shadow:var(--shadow-md)}.cd2-card--compact .cd2-card__body{padding:.875rem}.cd2-card--supervisor{border-color:rgba(217,119,6,.35);box-shadow:0 1px 3px rgba(217,119,6,.08)}.cd2-card--supervisor .cd2-card__header{background:linear-gradient(135deg, rgba(217, 119, 6, 0.07) 0%, transparent 60%);border-bottom-color:rgba(217,119,6,.15)}.cd2-card--ai{border-color:rgba(99,102,241,.3);box-shadow:0 1px 3px rgba(99,102,241,.07)}.cd2-card--ai .cd2-card__header{background:linear-gradient(135deg, rgba(99, 102, 241, 0.06) 0%, transparent 60%);border-bottom-color:rgba(99,102,241,.12)}.cd2-card__header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-bg);border-bottom:1px solid var(--color-separator)}.cd2-card__icon{display:flex;align-items:center;color:var(--color-text-muted);flex-shrink:0}.cd2-card__icon .icon{width:14px;height:14px;display:block}.cd2-card__title{flex:1;font-size:var(--font-size-sm);font-weight:700;color:var(--color-text);margin:0}.cd2-card__badge{display:inline-flex;align-items:center;padding:.1rem .5rem;border-radius:var(--border-radius-full);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.cd2-card__badge--muted{background:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border)}.cd2-card__badge--supervisor{background:rgba(217,119,6,.1);color:#b45309;border:1px solid rgba(217,119,6,.25)}.cd2-card__badge--ai{background:rgba(99,102,241,.08);color:#4338ca;border:1px solid rgba(99,102,241,.25)}.cd2-card__body{padding:1rem}.cd2-card__body--flush{padding:0}.cd2-card__body--sections{padding:0}.cd2-card__icon--ai{color:#6366f1;font-size:.75rem;line-height:1}.cd2-ai-section{padding:1rem;border-bottom:1px solid var(--color-separator)}.cd2-ai-section:last-child{border-bottom:none}.cd2-ai-section--flush{padding:0}.cd2-tag-chip--sentiment{font-style:italic}.cd2-info-list{display:flex;flex-direction:column}.cd2-info-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.55rem 1rem;border-bottom:1px solid var(--color-separator);font-size:var(--font-size-sm)}.cd2-info-row:last-child{border-bottom:none}.cd2-info-row dt{color:var(--color-text-muted);font-weight:500;white-space:nowrap;flex-shrink:0}.cd2-info-row dd{color:var(--color-text);font-weight:500;margin:0;text-align:right;word-break:break-all}.cd2-audio{width:100%;display:block;border-radius:var(--border-radius);accent-color:var(--color-primary)}.cd2-tags-row{display:flex;flex-wrap:wrap;gap:.4rem}.cd2-tags-row--wrap{flex-wrap:wrap}.cd2-tag-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem .3rem .45rem;border-radius:var(--border-radius-full);background:color-mix(in srgb, var(--tc) 10%, white);border:1px solid color-mix(in srgb, var(--tc) 30%, transparent);font-size:var(--font-size-xs);font-weight:500}.cd2-tag-chip__dot{width:7px;height:7px;border-radius:50%;background:var(--tc);flex-shrink:0}.cd2-tag-chip__name{color:color-mix(in srgb, var(--tc) 75%, var(--color-text))}.cd2-tag-chip__new{font-size:.6rem;color:var(--color-text-muted);font-style:italic;margin-left:.15rem}.cd2-tag-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem .35rem .5rem;border-radius:var(--border-radius-full);background:color-mix(in srgb, var(--tc) 6%, white);border:1.5px solid color-mix(in srgb, var(--tc) 25%, var(--color-border));position:relative;cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);min-height:2.1rem}.cd2-tag-toggle:hover{background:color-mix(in srgb, var(--tc) 14%, white);border-color:color-mix(in srgb, var(--tc) 50%, transparent)}.cd2-tag-toggle:has(input:checked){background:color-mix(in srgb, var(--tc) 14%, white);border-color:var(--tc);box-shadow:0 0 0 1px color-mix(in srgb, var(--tc) 35%, transparent)}.cd2-tag-toggle__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.cd2-tag-toggle__dot{width:8px;height:8px;border-radius:50%;background:color-mix(in srgb, var(--tc) 40%, var(--color-border));flex-shrink:0;transition:background-color var(--transition-base)}.cd2-tag-toggle:has(input:checked) .cd2-tag-toggle__dot{background:var(--tc);box-shadow:0 0 0 2px color-mix(in srgb, var(--tc) 20%, transparent)}.cd2-tag-toggle__name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);transition:color var(--transition-base);white-space:nowrap}.cd2-tag-toggle:has(input:checked) .cd2-tag-toggle__name{color:color-mix(in srgb, var(--tc) 80%, var(--color-text))}.cd2-tag-toggle--supervisor:has(input:checked){background:rgba(217,119,6,.1) !important;border-color:#d97706 !important;box-shadow:0 0 0 1px rgba(217,119,6,.28) !important}.cd2-tag-toggle--supervisor:has(input:checked) .cd2-tag-toggle__dot{background:#d97706 !important;box-shadow:0 0 0 2px rgba(217,119,6,.22) !important}.cd2-tag-toggle--supervisor:has(input:checked) .cd2-tag-toggle__name{color:#92400e !important}.cd2-sentiment-banner{display:flex;align-items:center;gap:1rem;padding:1rem 1.125rem;background:color-mix(in srgb, var(--sc) 8%, white);border:1.5px solid color-mix(in srgb, var(--sc) 35%, transparent);border-radius:var(--border-radius-lg);box-shadow:0 2px 8px color-mix(in srgb, var(--sc) 12%, transparent)}@media(max-width: 640px){.cd2-sentiment-banner{flex-wrap:wrap;gap:.625rem}}.cd2-sentiment-banner__dot{width:2.5rem;height:2.5rem;border-radius:50%;background:color-mix(in srgb, var(--sc) 20%, white);border:2px solid var(--sc);flex-shrink:0}.cd2-sentiment-banner__body{flex:1;display:flex;flex-direction:column;gap:.125rem}.cd2-sentiment-banner__label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:color-mix(in srgb, var(--sc) 70%, var(--color-text-muted))}.cd2-sentiment-banner__name{font-size:var(--font-size-lg);font-weight:700;color:color-mix(in srgb, var(--sc) 80%, var(--color-text))}.cd2-sentiment-banner__badge{display:inline-flex;align-items:center;padding:.2rem .625rem;border-radius:var(--border-radius-full);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb, var(--sc) 15%, white);color:color-mix(in srgb, var(--sc) 80%, var(--color-text));border:1px solid color-mix(in srgb, var(--sc) 30%, transparent);flex-shrink:0}.cd2-supervisor-textarea{width:100%;min-height:6rem;resize:vertical;font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:.625rem .75rem;background:var(--color-bg);line-height:1.6;box-sizing:border-box;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.cd2-supervisor-textarea:focus{outline:none;border-color:#d97706;background:var(--color-white);box-shadow:0 0 0 3px rgba(217,119,6,.1)}.cd2-supervisor-textarea::placeholder{color:var(--color-text-muted)}.cd2-form-footer{margin-top:.875rem}.cd2-field-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);margin:0 0 .5rem}.cd2-summary-text{font-size:var(--font-size-sm);line-height:1.7;color:var(--color-text);margin:0}.cd2-expandable>summary{list-style:none}.cd2-expandable>summary::-webkit-details-marker{display:none}.cd2-expandable__toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none;padding:.75rem 1rem;border-bottom:1px solid var(--color-separator)}details[open] .cd2-expandable__toggle .cd2-expandable__arrow{transform:rotate(180deg)}.cd2-expandable__toggle:focus-visible{outline:2px solid var(--color-primary)}.cd2-expandable__label{flex:1;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted)}.cd2-expandable__arrow{color:var(--color-text-muted);font-size:1rem;line-height:1;transition:transform var(--transition-base);flex-shrink:0}.cd2-transcript-scroll{max-height:24rem;overflow-y:auto;padding:1rem;scrollbar-width:thin;scrollbar-color:var(--color-border) rgba(0,0,0,0)}@media(max-width: 640px){.cd2-transcript-scroll{max-height:16rem}}.cd2-empty-text{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;font-style:italic}.cd2-notes-text{font-size:var(--font-size-sm);line-height:1.7;color:var(--color-text);white-space:pre-wrap;margin:0}.cd-section-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);margin:0 0 .5rem}.cd-readonly-badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:var(--border-radius-full);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border)}.cd-supervisor-card{border-color:#d97706 !important;box-shadow:0 0 0 1px rgba(217,119,6,.12) !important}.cd-supervisor-card .card-header{background:linear-gradient(to right, rgba(217, 119, 6, 0.06), transparent)}.cd-supervisor-badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:var(--border-radius-full);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:rgba(217,119,6,.1);color:#b45309;border:1px solid rgba(217,119,6,.25)}.cd-supervisor-textarea{width:100%;min-height:6rem;resize:vertical;font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:.5rem .625rem;background:var(--color-bg);line-height:1.6;transition:border-color var(--transition-base),box-shadow var(--transition-base);box-sizing:border-box}.cd-supervisor-textarea:focus{outline:none;border-color:#d97706;background:var(--color-white);box-shadow:0 0 0 3px rgba(217,119,6,.1)}.cd-supervisor-textarea::placeholder{color:var(--color-text-muted)}.cd-tag-check--supervisor:has(input:checked){background:rgba(217,119,6,.1);border-color:#d97706;box-shadow:0 0 0 1px rgba(217,119,6,.3)}.cd-tag-check--supervisor:has(input:checked) .cd-tag-check__dot{background:#d97706;box-shadow:0 0 0 2px rgba(217,119,6,.2)}.cd-tag-check--supervisor:has(input:checked) .cd-tag-check__name{color:#92400e}.ct-tag-dot--ia{width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,0);border:2px solid var(--dot-color, #6B7280);flex-shrink:0}@media(max-width: 640px){.cd-transcript-scroll{max-height:16rem}.cd-summary-scroll{max-height:10rem}.cd-tag-check{padding:.45rem .875rem .45rem .625rem;min-height:2.25rem}.cd-tag-check__dot{width:10px;height:10px}.cd-supervisor-textarea{min-height:5rem}.cd-header-row{flex-wrap:wrap;gap:.375rem}.calls-filters{gap:.5rem}.calls-filters .cf-input,.calls-filters .cf-select,.calls-filters .cf-input--date{width:100%}.calls-filters .cf-group{width:100%}.calls-filters .cf-tags-btn{width:100%}.calls-table-wrap{overflow-x:auto}}.ap-grid{display:grid;grid-template-columns:42% 1fr;gap:1.25rem;align-items:start}@media(max-width: 900px){.ap-grid{grid-template-columns:1fr}}.ap-col{display:flex;flex-direction:column;gap:1rem}.ap-hero{border-radius:1.25rem;overflow:hidden;color:#fff;margin-bottom:1.25rem;position:relative}.ap-hero--in{background:linear-gradient(135deg, #1E40AF 0%, #3B82F6 100%)}.ap-hero--out{background:linear-gradient(135deg, #15803D 0%, #22C55E 100%)}.ap-hero--missed{background:linear-gradient(135deg, #991B1B 0%, #EF4444 100%)}.ap-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top right, rgba(255, 255, 255, 0.15) 0%, transparent 60%);pointer-events:none}.ap-hero__topbar{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.125rem 0;position:relative;z-index:1}.ap-back{display:inline-flex;align-items:center;gap:.3rem;font-size:.8125rem;font-weight:600;color:rgba(255,255,255,.85);text-decoration:none;transition:color 150ms}.ap-back svg{flex-shrink:0}.ap-back:hover{color:#fff}.ap-topbar-actions{display:flex;align-items:center;gap:.5rem}.ap-reanalyze-btn{display:inline-flex;align-items:center;padding:.3rem .875rem;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);color:#fff;font-size:.75rem;font-weight:600;font-family:var(--font-family-base);cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background 150ms,border-color 150ms;white-space:nowrap}.ap-reanalyze-btn:hover{background:rgba(255,255,255,.28);border-color:rgba(255,255,255,.5)}.ap-reanalyze-btn form{display:contents}.ap-reanalyze-btn input[type=submit]{all:unset;cursor:pointer;font:inherit;color:inherit}.ap-delete-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .875rem;border-radius:999px;background:rgba(239,68,68,.18);border:1px solid rgba(239,68,68,.4);color:#fff;font-size:.75rem;font-weight:600;font-family:var(--font-family-base);cursor:pointer;transition:background 150ms,border-color 150ms;white-space:nowrap}.ap-delete-btn:hover{background:rgba(239,68,68,.32);border-color:rgba(239,68,68,.65)}.ap-delete-btn form{display:contents}.ap-delete-btn input[type=submit]{all:unset;cursor:pointer;font:inherit;color:inherit}.ap-hero__body{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.125rem .875rem;position:relative;z-index:1}.ap-avatar{width:3.75rem;height:3.75rem;border-radius:50%;background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.ap-avatar__text{font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:-0.01em;line-height:1}.ap-avatar__icon{position:absolute;bottom:-2px;right:-2px;width:1.375rem;height:1.375rem;border-radius:50%;background:rgba(0,0,0,.25);border:2px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;color:#fff}.ap-avatar__icon .icon{width:10px;height:10px;display:block}.ap-hero__info{flex:1;min-width:0}.ap-hero__name{font-size:1.375rem;font-weight:700;color:#fff;margin:0 0 .25rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-0.02em}@media(max-width: 640px){.ap-hero__name{font-size:1.125rem}}.ap-hero__number{font-size:.875rem;color:rgba(255,255,255,.75);margin:0 0 .625rem;font-variant-numeric:tabular-nums}.ap-hero__pills{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.ap-call-id{font-size:.7rem;color:rgba(255,255,255,.35);font-variant-numeric:tabular-nums;letter-spacing:.01em}.ap-stats{display:flex;align-items:stretch;background:rgba(0,0,0,.2);border-top:1px solid rgba(255,255,255,.12);backdrop-filter:blur(4px);position:relative;z-index:1}.ap-stat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem .625rem;gap:.125rem;text-align:center}.ap-stat-sep{width:1px;background:rgba(255,255,255,.15);align-self:stretch;flex-shrink:0}.ap-stat__val{font-size:1.0625rem;font-weight:700;color:#fff;line-height:1.2;letter-spacing:-0.01em;font-variant-numeric:tabular-nums}.ap-stat__val small{font-size:.6875rem;font-weight:500;opacity:.8}.ap-stat__val--truncate{max-width:6.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-stat__lbl{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.65)}.ap-pill{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .6rem;border-radius:999px;font-size:.6875rem;font-weight:700;letter-spacing:.01em;white-space:nowrap}.ap-pill .icon{width:10px;height:10px;display:block;flex-shrink:0}.ap-pill--dir{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);color:#fff}.ap-pill--status{background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.9)}.ap-pill--ok{background:rgba(255,255,255,.22)}.ap-pill--info{background:rgba(255,255,255,.18)}.ap-pill--warn{background:rgba(255,255,255,.15)}.ap-pill--danger{background:rgba(0,0,0,.28)}.ap-card{background:#fff;border:1px solid #e8eaf0;border-radius:1rem;box-shadow:0 1px 3px rgba(0,0,0,.05),0 4px 16px rgba(0,0,0,.04);overflow:hidden}.ap-card--amber{border-color:rgba(217,119,6,.3);box-shadow:0 1px 3px rgba(217,119,6,.06),0 4px 16px rgba(217,119,6,.04)}.ap-card--ai{border-color:rgba(99,102,241,.3);box-shadow:0 1px 3px rgba(99,102,241,.06),0 4px 16px rgba(99,102,241,.04)}.ap-card__hd{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.125rem;background:#fafbfc;border-bottom:1px solid #f0f1f5}.ap-card__hd--ai{background:linear-gradient(135deg, rgba(99, 102, 241, 0.06) 0%, rgba(139, 92, 246, 0.03) 100%);border-bottom-color:rgba(99,102,241,.12)}.ap-card--amber .ap-card__hd{background:linear-gradient(135deg, rgba(217, 119, 6, 0.06) 0%, rgba(245, 158, 11, 0.02) 100%);border-bottom-color:rgba(217,119,6,.12)}.ap-card__icon{width:1.75rem;height:1.75rem;border-radius:.4rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ap-card__icon .icon{width:13px;height:13px;display:block}.ap-card__icon--blue{background:#eff6ff;color:#1d4ed8}.ap-card__icon--purple{background:#f5f3ff;color:#7c3aed}.ap-card__icon--teal{background:#f0fdfa;color:#0d9488}.ap-card__icon--amber{background:rgba(217,119,6,.1);color:#d97706}.ap-card__icon--ai-star{font-size:1rem;color:#6366f1;line-height:1;flex-shrink:0}.ap-card__title{flex:1;font-size:.875rem;font-weight:700;color:#1a1d2b;margin:0;letter-spacing:-0.01em}.ap-card__bd{padding:1rem 1.125rem}.ap-card__sections{display:flex;flex-direction:column}.ap-card__footer{padding:.875rem 1.125rem;border-top:1px solid #f0f1f5;background:#fafbfc}.ap-card--amber .ap-card__footer{border-top-color:rgba(217,119,6,.12);background:rgba(217,119,6,.02)}.ap-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:999px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.ap-badge--neutral{background:#f1f3f8;color:#6b7280;border:1px solid #e5e7eb}.ap-badge--amber{background:rgba(217,119,6,.1);color:#b45309;border:1px solid rgba(217,119,6,.25)}.ap-badge--ai{background:rgba(99,102,241,.1);color:#4338ca;border:1px solid rgba(99,102,241,.25)}.ap-section{padding:1rem 1.125rem;border-bottom:1px solid #f0f1f5}.ap-section:last-child{border-bottom:none}.ap-section--flush{padding:0}.ap-section__label{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#9ca3af;margin:0 0 .625rem}.ap-dl{display:flex;flex-direction:column}.ap-dl__row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.55rem 1.125rem;border-bottom:1px solid #f5f6fa;font-size:.8125rem}.ap-dl__row:last-child{border-bottom:none}.ap-dl__row dt{color:#9ca3af;font-weight:500;white-space:nowrap;flex-shrink:0}.ap-dl__row dd{color:#1a1d2b;font-weight:500;margin:0;text-align:right;word-break:break-all}.ap-contact-line{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;flex-wrap:wrap}.ap-contact-badge{display:inline-block;font-size:.6rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.1rem .375rem;border-radius:3px;line-height:1.4;white-space:nowrap;background:color-mix(in srgb, var(--badge-color, #9BA8B0) 12%, transparent);color:color-mix(in srgb, var(--badge-color, #9BA8B0) 75%, #000)}.ap-contact-name{font-weight:600;color:var(--color-text)}.ap-contact-number{display:block;font-size:.75rem;color:var(--color-text-muted);font-weight:400;margin-top:.15rem;text-align:right;font-variant-numeric:tabular-nums}.ap-chips{display:flex;flex-wrap:wrap;gap:.375rem}.ap-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .7rem .3rem .5rem;border-radius:999px;background:color-mix(in srgb, var(--tc, #6B7280) 9%, white);border:1px solid color-mix(in srgb, var(--tc, #6B7280) 28%, transparent);font-size:.75rem;font-weight:500}.ap-chip--sentiment{font-style:italic}.ap-chip__dot{width:6px;height:6px;border-radius:50%;background:var(--tc, #6B7280);flex-shrink:0}.ap-chip__new{font-size:.6rem;color:#9ca3af;font-style:italic;font-weight:400;margin-left:.1rem}.ap-toggles{display:flex;flex-wrap:wrap;gap:.375rem}.ap-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem .35rem .5rem;border-radius:999px;background:color-mix(in srgb, var(--tc, #6B7280) 5%, white);border:1.5px solid color-mix(in srgb, var(--tc, #6B7280) 22%, #E5E7EB);position:relative;cursor:pointer;transition:background 150ms,border-color 150ms,box-shadow 150ms}.ap-toggle:has(input:checked){background:color-mix(in srgb, var(--tc, #6B7280) 12%, white);border-color:var(--tc, #6B7280);box-shadow:0 0 0 1px color-mix(in srgb, var(--tc, #6B7280) 30%, transparent)}.ap-toggle--amber:has(input:checked){background:rgba(217,119,6,.1) !important;border-color:#d97706 !important;box-shadow:0 0 0 1px rgba(217,119,6,.25) !important}.ap-toggle__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.ap-toggle__dot{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb, var(--tc, #6B7280) 35%, #CBD5E1);flex-shrink:0;transition:background 150ms}.ap-toggle:has(input:checked) .ap-toggle__dot{background:var(--tc, #6B7280);box-shadow:0 0 0 2px color-mix(in srgb, var(--tc, #6B7280) 20%, transparent)}.ap-toggle--amber:has(input:checked) .ap-toggle__dot{background:#d97706 !important;box-shadow:0 0 0 2px rgba(217,119,6,.2) !important}.ap-toggle__name{font-size:.8125rem;font-weight:500;color:#6b7280;white-space:nowrap;transition:color 150ms}.ap-toggle:has(input:checked) .ap-toggle__name{color:color-mix(in srgb, var(--tc, #6B7280) 75%, #1A1D2B)}.ap-toggle--amber:has(input:checked) .ap-toggle__name{color:#92400e !important}.ap-audio{width:100%;display:block;border-radius:.5rem;accent-color:var(--color-primary)}.ap-textarea{width:100%;font-family:var(--font-family-base);font-size:.875rem;color:#1a1d2b;border:1.5px solid #e5e7eb;border-radius:.625rem;padding:.625rem .75rem;background:#fafbfc;line-height:1.6;resize:vertical;box-sizing:border-box;transition:border-color 150ms,box-shadow 150ms}.ap-textarea::placeholder{color:#9ca3af}.ap-textarea:focus{outline:none;border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px rgba(26,127,90,.1)}.ap-textarea--amber:focus{border-color:#d97706;box-shadow:0 0 0 3px rgba(217,119,6,.1)}.ap-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1.125rem;border-radius:.5rem;font-family:var(--font-family-base);font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:all 150ms;white-space:nowrap}.ap-btn--amber{background:linear-gradient(135deg, #D97706 0%, #F59E0B 100%);color:#fff;box-shadow:0 1px 3px rgba(217,119,6,.35)}.ap-btn--amber:hover{background:linear-gradient(135deg, #B45309 0%, #D97706 100%);box-shadow:0 3px 8px rgba(217,119,6,.4)}.ap-btn--amber:active{transform:scale(0.98)}.ap-btn form{display:contents}.ap-prose{font-size:.875rem;line-height:1.65;color:#374151;margin:0;white-space:pre-wrap}.ap-prose--relaxed{line-height:1.8}.ap-empty{font-size:.8125rem;color:#9ca3af;margin:0;font-style:italic}.ap-details>summary{list-style:none}.ap-details>summary::-webkit-details-marker{display:none}.ap-details__toggle{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.125rem;cursor:pointer;user-select:none;border-bottom:1px solid #f0f1f5;transition:background 150ms}.ap-details__toggle:hover{background:#fafbfc}.ap-details__toggle:focus-visible{outline:2px solid var(--color-primary)}.ap-details__label{flex:1;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#9ca3af}.ap-details__caret{color:#9ca3af;display:flex;align-items:center;transition:transform 200ms}details[open] .ap-details__caret{transform:rotate(180deg)}.ap-transcript{max-height:26rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e5e7eb rgba(0,0,0,0)}.ap-transcript .transcript-body{padding:1rem 1.125rem;font-size:.8125rem;line-height:1.75;color:#374151}@media(max-width: 640px){.ap-transcript{max-height:16rem}}.ap-pending{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;padding:2rem 1.5rem;color:#9ca3af;text-align:center}.ap-pending svg{opacity:.5}.ap-pending p{margin:0;font-size:.875rem;font-weight:600;color:#6b7280}.ap-pending span{font-size:.75rem;color:#9ca3af}.pbx-dash{display:flex;flex-direction:column;gap:2rem}.pbx-dash-header{margin-bottom:.25rem}.pbx-dash-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin:0;line-height:1.2}.pbx-dash-sub{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:.25rem 0 0}.pbx-nav-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem}@media(max-width: 700px){.pbx-nav-grid{grid-template-columns:1fr}}.pbx-nav-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2.5rem 1.5rem;background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);text-decoration:none;color:var(--color-text);text-align:center;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.pbx-nav-card .pbx-nav-card-icon{width:4rem;height:4rem;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);color:var(--color-text-secondary);transition:background .2s ease,color .2s ease}.pbx-nav-card .pbx-nav-card-icon .icon{width:32px;height:32px;display:block}.pbx-nav-card:hover{border-color:var(--color-primary);box-shadow:0 6px 24px rgba(26,127,90,.1);transform:translateY(-2px);text-decoration:none;color:var(--color-text)}.pbx-nav-card:hover .pbx-nav-card-icon{background:var(--color-primary-light);color:var(--color-primary)}.pbx-nav-card--primary{border-color:var(--color-primary);background:linear-gradient(145deg, #fff 60%, #f0faf5)}.pbx-nav-card--primary .pbx-nav-card-icon{background:var(--color-primary-light);color:var(--color-primary)}.pbx-nav-card--primary:hover{box-shadow:0 8px 28px rgba(26,127,90,.18);transform:translateY(-3px)}.pbx-nav-card--primary:hover .pbx-nav-card-icon{background:var(--color-primary);color:#fff}.pbx-nav-card-title{font-size:1rem;font-weight:700;color:var(--color-text);line-height:1.2}.pbx-nav-card-desc{font-size:.8rem;color:var(--color-text-muted);line-height:1.4;max-width:16rem}.pbx-account-switcher{border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:.25rem}.pbx-account-switcher summary{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;cursor:pointer;list-style:none;user-select:none;transition:background-color var(--transition-base)}.pbx-account-switcher summary::-webkit-details-marker{display:none}.pbx-account-switcher summary:hover{background-color:rgba(255,255,255,.06)}.pbx-account-switcher[open] summary{background-color:rgba(255,255,255,.06)}.pbx-account-switcher-avatar{width:28px;height:28px;border-radius:50%;background:var(--color-secondary);color:#0b1636;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;flex-shrink:0}.pbx-account-switcher-info{flex:1;min-width:0;display:flex;flex-direction:column}.pbx-account-switcher-label{font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.4)}.pbx-account-switcher-name{font-size:.8125rem;font-weight:600;color:var(--color-sidebar-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pbx-account-switcher-chevron{width:15px;height:15px;color:rgba(255,255,255,.45);flex-shrink:0;transition:transform var(--transition-base)}.pbx-account-switcher[open] .pbx-account-switcher-chevron{transform:rotate(180deg)}.pbx-account-switcher-menu{padding:.25rem .5rem .5rem}.pbx-account-switcher-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;margin:.0625rem 0;border-radius:var(--border-radius);cursor:pointer;text-decoration:none;color:var(--color-sidebar-text);font-size:.8125rem;transition:background-color var(--transition-base)}.pbx-account-switcher-item:hover{background-color:rgba(255,255,255,.07)}.pbx-account-switcher-item.is-active{background-color:rgba(255,255,255,.12);font-weight:600}.pbx-account-switcher-item.is-active .pbx-account-switcher-avatar{background:var(--color-primary);color:var(--color-white)}.main-content.board-page{display:flex;flex-direction:column;overflow:hidden}.calls-board-wrap{display:flex;flex-direction:column;gap:1rem;flex:1;min-height:0}.calls-board-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-shrink:0}.calls-board-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.calls-board-track{flex:1;min-height:0;overflow-x:auto;overflow-y:hidden}.calls-board{display:flex;gap:.875rem;align-items:stretch;height:100%}.kanban-col{--col-color: #8e8e93;flex:0 0 280px;width:280px;display:flex;flex-direction:column;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);min-height:0}.kanban-col-header{display:flex;align-items:center;gap:.4rem;padding:.75rem .875rem;border-bottom:2px solid var(--col-color);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;background:var(--color-white)}.kanban-col-name{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kanban-col-count{font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-secondary);background:var(--color-separator);border-radius:var(--border-radius-full);padding:.05rem .5rem}.kanban-col-final-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--color-success);background:var(--color-success-light);border-radius:var(--border-radius-sm);padding:.1rem .35rem}.kanban-col-body{flex:1;min-height:0;overflow-y:auto;padding:.625rem;display:flex;flex-direction:column;gap:.625rem;transition:background-color var(--transition-base)}.kanban-col-body.is-drag-over{background:color-mix(in srgb, var(--col-color) 10%, transparent)}.kanban-col-empty{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);padding:1rem 0}.call-kanban-card{position:relative;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:.625rem .7rem;box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow var(--transition-base),opacity var(--transition-base)}.call-kanban-card:hover{box-shadow:var(--shadow-md)}.call-kanban-card.call-kanban-card--draggable{cursor:grab}.call-kanban-card.is-dragging{opacity:.4}.call-kanban-card.call-kanban-card--urgent{border-left:3px solid var(--color-danger)}.call-kanban-card__top{display:flex;align-items:center;gap:.35rem;margin-bottom:.35rem}.call-kanban-card__id{margin-left:auto;font-size:.7rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.call-kanban-card__urgent-dot{width:7px;height:7px;border-radius:50%;background:var(--color-danger);flex-shrink:0;animation:call-kanban-pulse 1.6s infinite}@keyframes call-kanban-pulse{0%,100%{opacity:1}50%{opacity:.35}}.call-kanban-card__name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-kanban-card__number{font-size:.72rem;color:var(--color-text-muted);margin-bottom:.35rem}.call-kanban-card__resume{font-size:.75rem;line-height:1.4;color:var(--color-text-secondary);margin:0 0 .45rem}.call-kanban-card__resume.call-kanban-card__resume--reason{font-style:italic;color:var(--color-info)}.call-kanban-card__meta{display:flex;justify-content:space-between;font-size:.7rem;color:var(--color-text-muted);margin-bottom:.4rem}.kanban-card-move-btn{display:none}.kanban-move-sheet{position:fixed;inset:0;z-index:9999;pointer-events:none}.kanban-move-sheet--visible{pointer-events:auto}.kanban-move-sheet--visible .kanban-move-sheet-backdrop{opacity:1}.kanban-move-sheet--visible .kanban-move-sheet-panel{transform:translateY(0)}.kanban-move-sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .28s ease}.kanban-move-sheet-panel{position:absolute;bottom:0;left:0;right:0;background:var(--color-white);border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom, 0px);transform:translateY(100%);transition:transform .3s cubic-bezier(0.32, 0.72, 0, 1);max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.kanban-move-sheet-handle{width:36px;height:4px;border-radius:2px;background:#d1d5db;margin:.75rem auto 0;flex-shrink:0}.kanban-move-sheet-title{font-size:.9375rem;font-weight:700;color:var(--color-text);padding:.875rem 1.25rem .5rem;flex-shrink:0}.kanban-move-sheet-list{flex:1;overflow-y:auto;padding:.25rem 0 .5rem}.kanban-move-sheet-list::-webkit-scrollbar{width:4px}.kanban-move-sheet-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:2px}.kanban-move-sheet-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1.25rem;border:none;background:rgba(0,0,0,0);text-align:left;cursor:pointer;font-size:.9375rem;color:var(--color-text);transition:background .1s}.kanban-move-sheet-option:active{background:var(--color-separator)}.kanban-move-sheet-option.is-current{color:var(--color-success, #16a34a);font-weight:600;background:color-mix(in srgb, var(--color-success, #16a34a) 8%, transparent)}.kanban-move-sheet-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.kanban-move-sheet-option-name{flex:1}.kanban-move-sheet-footer{padding:.5rem 1rem .875rem;flex-shrink:0;border-top:1px solid var(--color-separator)}.kanban-move-sheet-cancel{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg);font-size:.9375rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:background .1s}.kanban-move-sheet-cancel:active{background:var(--color-separator)}.kanban-assign-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:9998;opacity:0;transition:opacity .2s ease;padding:1rem}.kanban-assign-backdrop--visible{opacity:1}.kanban-assign-modal{background:#fff;border-radius:20px;padding:1.75rem;max-width:380px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.2);transform:scale(0.96) translateY(8px);transition:transform .25s cubic-bezier(0.34, 1.56, 0.64, 1)}.kanban-assign-backdrop--visible .kanban-assign-modal{transform:scale(1) translateY(0)}.kanban-assign-modal-title{font-size:1.0625rem;font-weight:700;color:#111827;margin:0 0 .625rem;letter-spacing:-0.02em}.kanban-assign-modal-body{font-size:.875rem;color:#6b7280;line-height:1.55;margin:0 0 1rem}.kanban-closing-note-input{font-size:.875rem}.kanban-assign-modal-actions{display:flex;gap:.625rem}.kanban-assign-modal-btn{flex:1;padding:.6875rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:background .15s,transform .1s}.kanban-assign-modal-btn:active{transform:scale(0.97)}.kanban-assign-modal-btn--cancel{background:#f3f4f6;color:#374151}.kanban-assign-modal-btn--cancel:hover{background:#e5e7eb}.kanban-assign-modal-btn--confirm{background:#0891b2;color:#fff;box-shadow:0 2px 8px rgba(8,145,178,.35)}.kanban-assign-modal-btn--confirm:hover{background:#0e7490}@media(max-width: 768px){.call-kanban-card{padding-right:2.5rem}.kanban-card-move-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;border-radius:7px;border:none;background:rgba(0,0,0,.06);color:var(--color-text-muted);cursor:pointer;z-index:1;flex-shrink:0}.kanban-card-move-btn:active{background:rgba(0,0,0,.14);color:var(--color-text)}}.live-calls-pill{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);cursor:pointer}.live-calls-pill:hover{background:var(--color-separator)}.live-calls-pill .live-calls-pill__dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-muted)}.live-calls-pill.live-calls-pill--active .live-calls-pill__dot{background:var(--color-success);animation:call-kanban-pulse 1.6s infinite}.pbx-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000}.pbx-modal{background:var(--color-white);border-radius:var(--border-radius-lg);width:min(420px,92vw);max-height:85vh;overflow-y:auto;padding:1.25rem;position:relative;box-shadow:var(--shadow-md)}.pbx-modal-close{position:absolute;top:.75rem;right:.75rem;width:28px;height:28px;border:none;background:var(--color-separator);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;font-size:1rem;line-height:1}.qv-top{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem}.qv-name{font-weight:700;color:var(--color-text)}.qv-number{font-size:.78rem;color:var(--color-text-muted)}.qv-stats{display:flex;justify-content:space-between;padding:.6rem 0;border-top:1px solid var(--color-separator);border-bottom:1px solid var(--color-separator);margin-bottom:.75rem}.qv-stats div{text-align:center;flex:1}.qv-stats span{display:block;font-weight:600;font-size:.85rem;color:var(--color-text)}.qv-stats small{color:var(--color-text-muted);font-size:.68rem}.qv-stage{padding:.6rem .75rem;border-radius:var(--border-radius);background:color-mix(in srgb, var(--tc) 10%, transparent);margin-bottom:.75rem}.qv-stage p{margin-top:.35rem;font-size:.8rem;color:var(--color-text-secondary)}.qv-stage-badge{font-size:.7rem;font-weight:700;color:var(--tc)}.qv-audio{width:100%;margin-bottom:.75rem}.qv-section{margin-bottom:.75rem}.qv-section p{font-size:.82rem;color:var(--color-text-secondary);line-height:1.4}.qv-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);margin-bottom:.3rem;cursor:pointer}.qv-footer{margin-top:1rem;text-align:right}.qv-live-list{display:flex;flex-direction:column;gap:.5rem}.qv-live-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border:1px solid var(--color-border);border-radius:var(--border-radius);text-decoration:none;color:var(--color-text);font-size:.82rem}.qv-live-row:hover{background:var(--color-separator)}.stages-preview-strip{display:flex;gap:.4rem;overflow-x:auto;padding:.75rem 0;margin-bottom:1.25rem}.stages-preview-col{display:flex;align-items:center;gap:.35rem;padding:.3rem .6rem;background:var(--color-separator);border-radius:var(--border-radius-sm);border-top:2px solid var(--col-color, #9ca3af);white-space:nowrap;flex-shrink:0;font-size:.68rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.stages-preview-dot{width:7px;height:7px;border-radius:50%;background:var(--col-color, #9ca3af);flex-shrink:0}.stages-body{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;align-items:start}@media(max-width: 900px){.stages-body{grid-template-columns:1fr}}.stages-list{display:flex;flex-direction:column;gap:.5rem}.stage-card{background:var(--color-white);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);border-top:3px solid var(--stage-color, #6b7280);overflow:hidden}.stage-card-inner{display:flex;align-items:center;gap:.75rem;padding:.75rem .875rem}.stage-card-swatch{width:28px;height:28px;border-radius:7px;background:var(--stage-color, #6b7280);flex-shrink:0}.stage-card-info{flex:1;display:flex;align-items:center;gap:.5rem;min-width:0}.stage-card-name{font-size:.875rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-card-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .4rem;border-radius:var(--border-radius-full);flex-shrink:0}.stage-card-badge--final{background:var(--color-success-light);color:var(--color-success)}.stage-card-badge--system{background:var(--color-info-light);color:var(--color-info)}.stage-card-actions{display:flex;gap:.25rem;flex-shrink:0}.stage-edit-form{padding:.875rem;background:var(--color-bg);border-top:1px solid var(--color-border)}.stage-edit-grid{display:grid;grid-template-columns:1fr auto auto;gap:.75rem;margin-bottom:.75rem;align-items:end}.stage-edit-check{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;margin-bottom:.75rem}.stage-form-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:1rem}.stages-section-title{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text)}.settings-list{display:flex;flex-direction:column;gap:1rem}.settings-card .card-body{padding:1.25rem 1.5rem}.settings-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.settings-key{display:inline-block;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;font-size:var(--font-size-sm);font-weight:600;background:var(--color-surface-alt, #f3f4f6);color:var(--color-primary);padding:.2rem .6rem;border-radius:4px;border:1px solid var(--color-border);letter-spacing:.02em}.settings-key-hint{font-size:var(--font-size-xs, 0.75rem);color:var(--color-text-muted);margin:.25rem 0 0;min-height:0}.settings-textarea{width:100%;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md, 6px);background:var(--color-surface);color:var(--color-text);font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;font-size:var(--font-size-sm);line-height:1.6;resize:vertical;transition:border-color .15s;box-sizing:border-box}.settings-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgb(var(--color-primary-rgb, 59 130 246)/0.15)}.settings-card-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.75rem}.settings-updated{font-size:var(--font-size-xs, 0.75rem);color:var(--color-text-muted)}.ai-tag-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border-radius:999px;font-size:var(--font-size-sm);font-weight:500;opacity:.9}.ai-tag-chip .ai-tag-lock{font-size:.65rem;opacity:.7}.ai-section-label{font-size:var(--font-size-xs, 0.75rem);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:0 0 .5rem}.ai-summary-text{font-size:var(--font-size-sm);line-height:1.65;color:var(--color-text);white-space:pre-wrap;margin:0}.ai-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:var(--font-size-xs, 0.7rem);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-surface-alt, #f3f4f6);border:1px solid var(--color-border);padding:.15rem .5rem;border-radius:4px}.transcript-body{display:flex;flex-direction:column;gap:.5rem}.transcript-turn{display:flex;flex-direction:column;gap:.15rem;padding:.5rem .75rem;border-radius:6px;background:var(--color-surface-alt, #f9fafb);border-left:3px solid var(--color-border)}.transcript-turn:nth-child(even){border-left-color:var(--color-primary-light, #d1fae5);background:var(--color-primary-light, #f0fdf4)}.transcript-turn--plain{border-left-color:var(--color-border);background:var(--color-surface-alt, #f9fafb)}.transcript-turn--unknown{border-left-color:var(--color-warning, #f59e0b);opacity:.8}.transcript-speaker{font-size:var(--font-size-xs, 0.72rem);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary, #1A7F5A)}.transcript-turn:nth-child(even) .transcript-speaker{color:var(--color-text-muted)}.transcript-text{font-size:var(--font-size-sm, 0.875rem);line-height:1.55;color:var(--color-text)}.transcript-body--compact{gap:.35rem}.transcript-body--compact .transcript-turn{padding:.4rem .6rem}.transcript-body--compact .transcript-text{font-size:var(--font-size-xs, 0.72rem)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1rem;padding:1.5rem}.template-card{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:1rem;background:#fff;display:flex;flex-direction:column;gap:.625rem;transition:box-shadow var(--transition-base)}.template-card:hover{box-shadow:var(--shadow-sm)}.template-card.is-inactive{opacity:.55}.template-card-top{display:flex;align-items:center;gap:.5rem}.template-card-top .tpl-badge{font-size:.625rem;font-weight:700;padding:.2rem .5rem;border-radius:9999px;color:#fff;text-transform:uppercase}.template-card-top .tpl-name-heading{font-weight:600;font-size:var(--font-size-sm);flex:1;color:var(--color-text)}.template-card-body{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;background:var(--color-bg);border-radius:var(--border-radius);padding:.625rem;white-space:pre-wrap}.template-card-body .tpl-var{color:var(--color-primary);font-weight:600}.template-card-sid{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:monospace}.template-card-actions{display:flex;gap:.5rem;margin-top:auto;padding-top:.5rem;border-top:1px solid var(--color-separator)}.mensajes-tpl-form--legacy{max-width:640px;margin:0 auto;padding:1.5rem}.mensajes-tpl-form--legacy .template-variables-list{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.mensajes-tpl-form--legacy .template-variables-list .var-chip{display:inline-flex;align-items:center;gap:.25rem;background:var(--color-primary-light);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:600;padding:.2rem .5rem;border-radius:9999px}.mensajes-tpl-form--legacy .template-variables-list .var-chip .remove-var{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.75rem;padding:0;opacity:.7}.mensajes-tpl-form--legacy .template-variables-list .var-chip .remove-var:hover{opacity:1}.mensajes-tpl-form--legacy .template-variables-list .add-var-input{display:flex;gap:.25rem}.mensajes-tpl-form--legacy .template-variables-list .add-var-input input{padding:.2rem .5rem;border:1px dashed var(--color-primary);border-radius:9999px;font-size:var(--font-size-xs);outline:none;width:120px;color:var(--color-text)}.mensajes-tpl-form--legacy .template-variables-list .add-var-input button{padding:.2rem .5rem;background:var(--color-primary);color:#fff;border:none;border-radius:9999px;font-size:var(--font-size-xs);cursor:pointer}.mensajes-tpl-form--legacy .template-preview-box{background:#d9fdd3;border-radius:8px;padding:.75rem;font-size:var(--font-size-sm);color:var(--color-text);white-space:pre-wrap;min-height:60px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.eix-page{display:flex;flex-direction:column;gap:1.25rem}.eix-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.eix-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin:0;line-height:1.2}.eix-sub{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 .75rem}.eix-filters{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.875rem 1rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.eix-search{position:relative;display:flex;align-items:center;flex:1;min-width:14rem;max-width:22rem}.eix-search-icon{position:absolute;left:.625rem;color:var(--color-text-muted);pointer-events:none;display:flex;align-items:center}.eix-search-icon .icon{width:14px;height:14px;display:block}.eix-search-input{width:100%;height:2.25rem;padding:0 2rem 0 2rem;font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.eix-search-input::placeholder{color:var(--color-text-muted)}.eix-search-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-white);box-shadow:0 0 0 3px rgba(26,127,90,.12)}.eix-search-clear{position:absolute;right:.5rem;display:flex;align-items:center;color:var(--color-text-muted)}.eix-search-clear .icon{width:14px;height:14px}.eix-search-clear:hover{color:var(--color-danger)}.eix-tabs{display:inline-flex;align-items:center;gap:.125rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-full);padding:.2rem}.eix-tab{position:relative;cursor:pointer}.eix-tab input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.eix-tab span{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);transition:background-color var(--transition-base),color var(--transition-base);white-space:nowrap}.eix-tab input:checked~span{background:var(--color-primary);color:var(--color-white)}.eix-tab input:focus-visible~span{outline:2px solid var(--color-primary);outline-offset:1px}.eix-table-wrap{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.eix-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.eix-table thead tr{background:var(--color-bg);border-bottom:1px solid var(--color-border)}.eix-table thead tr th{padding:.625rem 1rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);text-align:left;white-space:nowrap}.eix-table tbody tr.eix-row{border-bottom:1px solid var(--color-separator);transition:background-color var(--transition-base)}.eix-table tbody tr.eix-row:last-child{border-bottom:none}.eix-table tbody tr.eix-row:hover{background:var(--color-bg)}.eix-table tbody tr.eix-row td{padding:.625rem 1rem;vertical-align:middle}.eix-emp-cell{display:flex;align-items:center;gap:.75rem}.eix-avatar{width:2rem;height:2rem;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--color-border)}.eix-avatar--initials{background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.eix-name{display:block;font-weight:600;color:var(--color-text);line-height:1.3}.eix-position{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:.0625rem}.eix-muted{color:var(--color-text-muted);font-size:var(--font-size-sm)}.eix-col-actions{width:8rem}.eix-action-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .625rem;border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);text-decoration:none;border:1px solid var(--color-border);transition:all var(--transition-base)}.eix-action-btn .icon{width:12px;height:12px}.eix-action-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.eix-empty{padding:4rem 2rem;text-align:center;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.eix-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:var(--border-radius-full);background:var(--color-bg);margin-bottom:1rem;color:var(--color-text-muted)}.eix-empty-title{font-weight:600;color:var(--color-text);margin:0 0 .25rem}.eix-empty-sub{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 1rem}body[data-org-chart="1"] .main-content{display:flex;padding:0;padding-top:var(--topbar-height);overflow:hidden}.org-page{--org-ok: #16A34A;--org-ok-soft: #EEF9F1;--org-warn: #CA8A04;--org-warn-soft: #FEF8E9;--org-alert: #EA580C;--org-alert-soft: #FEF1E8;--org-crit: #DC2626;--org-crit-soft: #FEEFEE;--org-na: #9AA1AC;--org-na-soft: #F1F2F4;--org-node-w: 116px;--org-node-h: 96px;--org-avatar-d: 52px;position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.org-canvas-wrap{position:relative;flex:1;min-height:0;background:#fafbfc;overflow:hidden}.org-viewport{position:absolute;inset:0;cursor:grab;touch-action:none;background-color:#fafbfc;background-image:radial-gradient(circle, rgba(100, 116, 139, 0.16) 1px, transparent 1.2px);background-size:20px 20px}.org-viewport.grabbing{cursor:grabbing}.org-inner{position:absolute;top:0;left:0;transform-origin:0 0}.org-lines{position:absolute;top:0;left:0;overflow:visible}.org-lines line{stroke:#c7cdd6;stroke-width:1.4}.org-node{position:absolute;width:var(--org-node-w);height:var(--org-node-h);display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:2px;cursor:grab;touch-action:none;transition:transform var(--transition-base),opacity var(--transition-base)}.org-node:hover{transform:translateY(-2px)}.org-node:hover .org-node-avatar{box-shadow:0 4px 14px rgba(16,24,40,.18)}.org-node:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:12px}.org-node.is-dragging{cursor:grabbing;transition:none;z-index:15}.org-node.is-filtered-out{opacity:.18;pointer-events:none}.org-node-avatar{position:relative;width:var(--org-avatar-d);height:var(--org-avatar-d);border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid var(--org-na);background:var(--org-na-soft);color:var(--org-na);box-shadow:0 1px 3px rgba(16,24,40,.12);transition:border-color var(--transition-slow),background-color var(--transition-slow),color var(--transition-slow),box-shadow var(--transition-base);margin-bottom:6px}.org-node-avatar svg{width:26px;height:26px}.org-node-avatar::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid currentColor;opacity:0}.org-node-title{font-weight:700;font-size:11.5px;line-height:1.25;color:#111827;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-node-sub{font-size:9.5px;color:#6b7280;margin-top:2px;line-height:1.3;text-transform:uppercase;letter-spacing:.02em;font-weight:600;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-node-sub.vacant{color:var(--org-crit);font-weight:700}@keyframes org-pulse-ring{0%{transform:scale(0.85);opacity:var(--org-pulse-o, 0.55)}100%{transform:scale(1.7);opacity:0}}.org-node.status-ok .org-node-avatar{border-color:var(--org-ok);background:var(--org-ok-soft);color:var(--org-ok)}.org-node.status-warn .org-node-avatar{border-color:var(--org-warn);background:var(--org-warn-soft);color:var(--org-warn)}.org-node.status-alert .org-node-avatar{border-color:var(--org-alert);background:var(--org-alert-soft);color:var(--org-alert)}.org-node.status-crit .org-node-avatar{border-color:var(--org-crit);background:var(--org-crit-soft);color:var(--org-crit)}.org-node.status-na .org-node-avatar{border-color:var(--org-na);background:var(--org-na-soft);color:var(--org-na)}.org-node.status-ok .org-node-avatar::after{--org-pulse-o: 0.35;animation:org-pulse-ring 3.2s ease-out infinite}.org-node.status-warn .org-node-avatar::after{--org-pulse-o: 0.45;animation:org-pulse-ring 2.3s ease-out infinite}.org-node.status-alert .org-node-avatar::after{--org-pulse-o: 0.55;animation:org-pulse-ring 1.5s ease-out infinite}.org-node.status-crit .org-node-avatar::after{--org-pulse-o: 0.65;animation:org-pulse-ring 1s ease-out infinite}.org-node.just-updated .org-node-avatar::after{--org-pulse-o: 0.8;animation:org-pulse-ring .8s ease-out 2}.org-panel{background:rgba(255,255,255,.97);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-md)}.org-float{position:absolute;z-index:20;display:flex;flex-direction:column;gap:10px;max-width:calc(100% - 32px)}.org-float-tl{top:16px;left:16px}.org-float-tr{top:16px;right:16px;align-items:flex-end}.org-float-bl{bottom:16px;left:16px}.org-fab{position:absolute;bottom:20px;right:20px;z-index:20;width:56px;height:56px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;cursor:pointer;box-shadow:0 3px 8px rgba(0,0,0,.2),0 3px 1px rgba(0,0,0,.1);transition:box-shadow var(--transition-base),transform var(--transition-base),background-color var(--transition-base)}.org-fab svg{width:24px;height:24px}.org-fab:hover{background:var(--color-primary-hover);box-shadow:0 5px 12px rgba(0,0,0,.25),0 3px 4px rgba(0,0,0,.12);transform:translateY(-1px)}.org-fab:active{transform:translateY(0) scale(0.96)}.org-toolbar{display:flex;align-items:center;gap:8px;padding:6px;max-width:82vw;flex-wrap:wrap}.org-chart-select,.org-status-select{font-weight:700;font-size:13px;padding:7px 10px;border-radius:8px;border:1px solid var(--color-border);background:#fff;color:#111827;cursor:pointer;max-width:min(40vw,260px)}.org-switcher-gear{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;color:#6b7280;flex-shrink:0}.org-switcher-gear:hover{background:#f0f1f3;color:var(--color-primary)}.org-person-select{position:relative}.org-person-trigger{display:flex;align-items:center;gap:7px;font-weight:700;font-size:13px;padding:5px 10px 5px 6px;border-radius:8px;border:1px solid var(--color-border);background:#fff;color:#111827;cursor:pointer;max-width:min(46vw,230px)}.org-person-trigger:hover{border-color:#c7cdd6;background:#fafbfc}.org-person-trigger.org-person-trigger--block{width:100%;max-width:none;padding:9px 12px}.org-person-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;border-radius:50%;color:#fff;font-size:10.5px;font-weight:800;letter-spacing:0}.org-person-avatar.org-person-avatar--all{background:#9aa1ac;font-size:13px}.org-person-trigger-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-person-chevron{width:13px;height:13px;color:#9aa1ac;flex-shrink:0;margin-left:2px}.org-person-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:30;width:260px;background:#fff;border:1px solid var(--color-border);border-radius:10px;box-shadow:var(--shadow-md);padding:6px;display:flex;flex-direction:column;gap:4px}.org-person-search{width:100%;font-size:13px;padding:7px 9px;border-radius:7px;border:1px solid var(--color-border);flex-shrink:0}.org-person-search:focus{outline:none;border-color:var(--color-primary)}.org-person-options{max-height:280px;overflow-y:auto}.org-person-option{display:flex;align-items:center;gap:9px;width:100%;padding:7px 8px;border-radius:7px;border:none;background:rgba(0,0,0,0);text-align:left;font-size:13px;font-weight:600;color:#1f2937;cursor:pointer}.org-person-option span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-person-option:hover{background:var(--color-primary-light)}.org-person-option[hidden]{display:none}.org-zoom{display:flex;gap:2px;padding:5px}.org-zbtn{font-weight:700;font-size:14px;min-width:30px;height:30px;border-radius:6px;border:none;background:rgba(0,0,0,0);color:#374151;cursor:pointer}.org-zbtn:hover{background:#f0f1f3;color:var(--color-primary)}.org-kpis{display:flex;padding:8px 4px}.org-kpi{display:flex;flex-direction:column;align-items:center;padding:3px 15px;border-right:1px solid var(--color-border)}.org-kpi:last-child{border-right:none}.org-kpi .n{font-family:monospace;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.org-kpi .l{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#6b7280;margin-top:2px}.org-kpi.k-ok .n{color:var(--org-ok)}.org-kpi.k-warn .n{color:var(--org-warn)}.org-kpi.k-alert .n{color:var(--org-alert)}.org-kpi.k-crit .n{color:var(--org-crit)}.org-legend{display:flex;flex-wrap:wrap;gap:9px 14px;padding:10px 14px}.org-lg{display:flex;align-items:center;gap:6px;font-size:11px;color:#4b5563;font-weight:600;white-space:nowrap}.org-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}@media(max-width: 760px){.org-float-tr{top:auto;bottom:16px;right:16px;align-items:flex-end}.org-float-bl{display:none}.org-toolbar{max-width:70vw}.org-chart-select,.org-status-select,.org-person-trigger{max-width:40vw}}.org-drawer{position:absolute;top:50%;left:50%;width:580px;max-width:92vw;max-height:82vh;overflow-y:auto;background:#fff;border-radius:var(--border-radius-lg);box-shadow:0 28px 70px -16px rgba(10,15,15,.4),0 4px 18px -6px rgba(10,15,15,.15);padding:30px 28px 28px;z-index:150;transform:translate(-50%, -46%) scale(0.97);opacity:0;pointer-events:none;transition:transform var(--transition-base),opacity var(--transition-base)}.org-drawer.open{transform:translate(-50%, -50%) scale(1);opacity:1;pointer-events:auto}.org-drawer-head{display:flex;align-items:flex-start;gap:14px;padding-right:26px}.org-d-avatar{width:46px;height:46px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;background:#f1f2f4;color:#6b7280;overflow:hidden}.org-d-avatar img{width:100%;height:100%;object-fit:cover}.org-drawer-cat{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary)}.org-drawer-close{position:absolute;top:16px;right:16px;width:30px;height:30px;border-radius:50%;background:#f3f4f6;border:none;font-size:18px;color:#6b7280;cursor:pointer;line-height:1}.org-drawer-close:hover{background:#e5e7eb;color:#111827}.org-drawer h3{font-size:19px;font-weight:800;margin:4px 0 0;color:#111827}.org-d-sub{font-size:13.5px;color:#6b7280;margin-top:3px}.org-d-code span{font-size:11px;background:#f3f4f6;border:1px solid var(--color-border);padding:3px 8px;border-radius:5px;color:#4b5563;font-family:monospace}.org-d-row{margin-top:16px;padding-top:14px;border-top:1px solid var(--color-border)}.org-d-label{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9aa1ac;display:block;margin-bottom:6px}.org-d-chip{display:inline-block;font-size:12.5px;background:#f3f4f6;border-radius:5px;padding:5px 9px;margin:0 5px 5px 0;cursor:pointer;border:none}.org-d-status{margin-top:16px;padding:13px 15px;border-radius:8px;background:#f8f9fa;font-size:13px}.org-d-status .stathead{display:flex;align-items:center;gap:7px;font-weight:700;color:#111827}.org-d-status p{margin:7px 0 0;color:#6b7280}.org-d-access-link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:12.5px;font-weight:700;color:var(--color-primary);text-decoration:none}.org-d-access-link svg{width:15px;height:15px;transition:transform var(--transition-base)}.org-d-access-link:hover svg{transform:translateX(3px)}.org-d-access-link.org-d-access-link--btn{background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.org-tickets{display:flex;flex-direction:column;gap:8px;margin-top:12px}.org-ticket{background:#fff;border:1px solid var(--color-border);border-left:3px solid #d1d5db;border-radius:6px;padding:9px 11px;text-decoration:none;display:block;color:inherit}.org-ticket p{margin:5px 0 0;color:#1f2937;font-size:12.5px;line-height:1.4}.org-ticket .tt{display:flex;align-items:center;gap:7px}.org-ticket.severity-ok{border-left-color:var(--org-ok)}.org-ticket.severity-warn{border-left-color:var(--org-warn)}.org-ticket.severity-alert{border-left-color:var(--org-alert)}.org-ticket.severity-crit{border-left-color:var(--org-crit)}.org-tchip{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:2px 7px;border-radius:4px;background:#f3f4f6;color:#6b7280}.org-d-jump{display:block;margin-top:18px;width:100%;padding:10px;border-radius:7px;text-align:center;border:1px solid var(--color-primary);background:var(--color-primary-light);color:var(--color-primary);font-weight:700;font-size:12.5px;cursor:pointer;text-decoration:none}.org-backdrop{position:absolute;inset:0;background:rgba(15,20,15,.35);opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:55}.org-backdrop.open{opacity:1;pointer-events:auto}.org-form-modal{position:absolute;top:50%;left:50%;width:560px;max-width:92vw;max-height:86vh;overflow-y:auto;background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:28px;padding-right:40px;z-index:95;transform:translate(-50%, -50%)}.org-form-modal-close{position:absolute;top:14px;right:14px}.org-form-modal--link{width:480px;min-height:360px;overflow:visible}.org-form-delete{background:rgba(0,0,0,0);color:var(--color-danger);border-color:rgba(0,0,0,0)}.org-form-delete:hover:not(:disabled){background:var(--color-danger-light)}.org-form-delete:active:not(:disabled){background:#fecaca}.org-node--picker{cursor:pointer}.org-node--picker:hover .org-node-avatar{box-shadow:0 4px 14px rgba(16,24,40,.18);border-color:var(--color-primary)}.org-node-picker-btn{all:unset;box-sizing:border-box;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:2px;cursor:pointer}.org-node--current .org-node-avatar{border-color:var(--color-primary);background:var(--org-ok-soft);color:var(--color-primary)}.org-node-current-badge{margin-top:2px;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary)}.org-node--picker-disabled{cursor:default;opacity:.6}.org-picker-instructions{margin-top:8px;max-width:260px;font-size:12px;color:#4b5563;background:#fff;padding:8px 10px;border-radius:var(--border-radius-md, 8px);box-shadow:0 1px 3px rgba(16,24,40,.12)}.org-picker-empty{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#9aa1ac;font-size:13px;font-weight:600}.org-picker-done{align-items:center;justify-content:center}.org-picker-done-card{max-width:420px;text-align:center;padding:2.5rem}.org-picker-done-check{width:64px;height:64px;margin:0 auto 1rem;border-radius:50%;background:var(--org-ok-soft);color:var(--org-ok);font-size:32px;font-weight:800;display:flex;align-items:center;justify-content:center}.org-picker-done-card h1{font-size:22px;font-weight:800;margin:0 0 .5rem}.org-picker-done-card p{color:#4b5563;margin:0 0 .5rem}.org-picker-done-hint{font-size:13px;color:#9aa1ac;margin-bottom:1.25rem}.tpl-account-banner{display:flex;align-items:center;gap:1rem;margin:0 0 1.25rem;padding:.875rem 1.25rem;background:linear-gradient(135deg, rgba(8, 145, 178, 0.06) 0%, rgba(8, 145, 178, 0.02) 100%);border:1px solid rgba(8,145,178,.2);border-left:4px solid var(--color-primary);border-radius:var(--border-radius-lg)}.tpl-account-banner-icon{width:38px;height:38px;border-radius:50%;background:rgba(8,145,178,.1);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tpl-account-banner-info{flex:1;display:flex;flex-direction:column;gap:.1rem}.tpl-account-banner-info strong{font-size:var(--font-size-sm);color:var(--color-text)}.tpl-account-banner-phone{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:monospace}.tpl-account-banner-stats{display:flex;gap:.75rem}.tpl-account-stat{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.tpl-account-stat--green strong{color:var(--color-primary)}.tpl-stats-bar{display:flex;align-items:center;gap:0;background:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:1.125rem 1.5rem;margin:0 0 1.25rem;min-height:80px}.tpl-stat{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:0 1.25rem}.tpl-stat-num{font-size:1.5rem;font-weight:800;color:var(--color-text);line-height:1}.tpl-stat-num--green{color:var(--color-primary)}.tpl-stat-num--muted{color:var(--color-text-muted)}.tpl-stat-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.tpl-stat-sep{width:1px;height:32px;background:var(--color-border)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:1rem;padding:0 0 1.5rem}.template-card{border:1px solid var(--color-border);border-top:3px solid var(--tpl-accent, var(--color-primary));border-radius:var(--border-radius-lg);background:#fff;display:flex;flex-direction:column;gap:.4rem;transition:box-shadow .15s,transform .15s;overflow:hidden}.template-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);transform:translateY(-1px)}.template-card.is-inactive{opacity:.6;border-top-color:#9ca3af;filter:grayscale(0.3)}.tpl-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.625rem .875rem 0}.tpl-card-header-left{display:flex;align-items:center;gap:.4rem;flex:1;min-width:0;flex-wrap:wrap}.tpl-badge{font-size:.6rem;font-weight:700;padding:.15rem .5rem;border-radius:9999px;color:#fff;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.tpl-name{font-weight:700;font-size:var(--font-size-sm);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpl-card-header-right{flex-shrink:0}.tpl-status{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .5rem;border-radius:9999px}.tpl-status--active{background:#dcfce7;color:#15803d}.tpl-status--inactive{background:#f3f4f6;color:#6b7280}.tpl-wa-preview{padding:0 .875rem;background:#efeae2;margin:0;max-height:100px;overflow:hidden;position:relative}.tpl-wa-preview::after{content:"";position:absolute;bottom:0;left:0;right:0;height:24px;background:linear-gradient(to bottom, transparent, #efeae2);pointer-events:none}.tpl-wa-bubble{background:#fff;border-radius:0 7px 7px 7px;padding:.375rem .5rem .25rem;margin:.5rem 0 .5rem auto;max-width:92%;box-shadow:0 1px 2px rgba(0,0,0,.12);position:relative}.tpl-wa-bubble::before{content:"";position:absolute;top:0;left:-6px;width:0;height:0;border-top:6px solid #fff;border-left:6px solid rgba(0,0,0,0)}.tpl-wa-body{font-size:.775rem;color:#111b21;line-height:1.45;white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tpl-wa-var{color:var(--color-primary);font-weight:600}.tpl-wa-meta{display:flex;align-items:center;justify-content:flex-end;gap:.2rem;margin-top:.2rem}.tpl-wa-time{font-size:.6rem;color:#667781}.tpl-meta-row{display:flex;align-items:center;padding:0 .875rem .125rem}.tpl-chat-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.6rem;font-weight:600;letter-spacing:.02em;padding:.2rem .5rem;border-radius:9999px}.tpl-chat-badge--visible{color:#15803d;background:#dcfce7}.tpl-chat-badge--hidden{color:#9ca3af;background:#f3f4f6}.tpl-card-actions{display:flex;gap:0;margin-top:auto;border-top:1px solid var(--color-separator)}.tpl-action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem .75rem;font-size:var(--font-size-xs);font-weight:600;cursor:pointer;border:none;background:rgba(0,0,0,0);transition:background .12s,color .12s;text-decoration:none;width:100%}.tpl-action-btn:first-child{border-right:1px solid var(--color-separator)}.tpl-action-btn--edit{color:var(--color-text-secondary)}.tpl-action-btn--edit:hover{background:var(--color-bg-alt, #f9fafb);color:var(--color-text)}.tpl-action-btn--delete{color:#dc2626}.tpl-action-btn--delete:hover{background:#fef2f2}.tpl-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;margin:0 0 1.5rem;background:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-lg)}.tpl-empty-icon{color:var(--color-text-muted);opacity:.35;margin-bottom:1rem}.tpl-empty-title{font-size:1rem;font-weight:700;color:var(--color-text);margin-bottom:.375rem}.tpl-empty-sub{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:400px;line-height:1.6}.tpl-source-filter{display:flex;align-items:center;gap:.5rem;padding:.5rem 0 1.25rem}.tpl-source-tab{display:inline-flex;align-items:center;padding:.625rem 1.25rem;min-height:40px;border-radius:9999px;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);background:#fff;border:1px solid var(--color-border);text-decoration:none;transition:all .15s ease}.tpl-source-tab:hover{background:var(--color-bg);color:var(--color-text);border-color:#cbd5e1}.tpl-source-tab.is-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.mensajes-tpl-form{padding:0;width:100%}.mensajes-tpl-form .template-variables-list{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.mensajes-tpl-form .template-variables-list .var-chip{display:inline-flex;align-items:center;gap:.25rem;background:var(--color-primary-light);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:600;padding:.2rem .5rem;border-radius:9999px}.mensajes-tpl-form .template-variables-list .var-chip .remove-var{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.75rem;padding:0;opacity:.7}.mensajes-tpl-form .template-variables-list .var-chip .remove-var:hover{opacity:1}.mensajes-tpl-form .template-variables-list .add-var-input{display:flex;gap:.25rem}.mensajes-tpl-form .template-variables-list .add-var-input input{padding:.2rem .5rem;border:1px dashed var(--color-primary);border-radius:9999px;font-size:var(--font-size-xs);outline:none;width:120px;color:var(--color-text)}.mensajes-tpl-form .template-variables-list .add-var-input button{padding:.2rem .5rem;background:var(--color-primary);color:#fff;border:none;border-radius:9999px;font-size:var(--font-size-xs);cursor:pointer}.mensajes-tpl-form .template-preview-box{background:#d9fdd3;border-radius:8px;padding:.75rem;font-size:var(--font-size-sm);color:var(--color-text);white-space:pre-wrap;min-height:60px;box-shadow:0 1px 2px rgba(0,0,0,.1)}@media(max-width: 768px){.tpl-account-banner{flex-wrap:wrap;gap:.625rem}.tpl-account-banner-stats{flex-wrap:wrap;gap:.5rem}.tpl-stats-bar{overflow-x:auto;padding:.875rem .75rem;min-height:72px;-webkit-overflow-scrolling:touch}.tpl-stats-bar::-webkit-scrollbar{height:0}.tpl-stat{padding:0 .75rem;flex-shrink:0}.tpl-stat-num{font-size:1.15rem}.tpl-source-filter{flex-direction:column;padding:.5rem 0 1.25rem;gap:.5rem}.tpl-source-tab{width:100%;justify-content:center;padding:.875rem 1.25rem;min-height:52px;font-size:1rem;border-radius:12px}.templates-grid{grid-template-columns:1fr}}@font-face{font-family:"Plus Jakarta Sans";src:url("/assets/plus_jakarta_sans/PlusJakartaSans-Variable-817f351b.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:"Material Symbols Rounded";src:url("/assets/material_symbols_rounded/MaterialSymbolsRounded-ba1ae1bc.woff2") format("woff2");font-weight:100 700;font-style:normal;font-display:swap}.material-symbols-rounded{font-family:"Material Symbols Rounded";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}:root{--lms-primary: #0E7C66;--lms-primary-900: #0A5444;--lms-primary-600: #12876F;--lms-primary-300: #5FB29D;--lms-primary-100: #E2F1EC;--lms-primary-50: #F0F8F5;--lms-amber: #F4A300;--lms-warning: #D97706;--lms-warning-50: #FFFBEB;--lms-warning-100: #FEF3C7;--lms-warning-200: #FDE68A;--lms-success: #16A34A;--lms-success-50: #F0FDF4;--lms-success-100: #DCFCE7;--lms-success-200: #BBF7D0;--lms-success-700: #15803D;--lms-danger: #DC2626;--lms-error: #DC2626;--lms-error-50: #FEF2F2;--lms-error-100: #FEE2E2;--lms-error-200: #FECACA;--lms-danger-50: #FEF2F2;--lms-info: #2563EB;--lms-info-50: #EFF6FF;--lms-info-100: #DBEAFE;--lms-ink-900: #14211C;--lms-ink-800: #232E29;--lms-ink-700: #3E4945;--lms-ink-600: #57625D;--lms-ink-500: #6B746F;--lms-ink-400: #97A09B;--lms-ink-300: #B9C2BC;--lms-ink-200: #D7DEDA;--lms-ink-100: #EAEEEC;--lms-ink-50: #F6F8F7;--lms-border: #E4E8E5;--lms-border-light: #E9ECE9;--lms-bg: #F5F7F5;--lms-card: #fff}.lms-app{font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.lms-app .material-symbols-rounded{font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 40}.lms-content{background-color:var(--lms-bg);height:100vh;overflow:hidden;display:flex;flex-direction:column;padding:0 !important;padding-top:var(--topbar-height) !important}.lms-topbar{height:64px;background:var(--lms-card);border-bottom:1px solid var(--lms-border-light);display:flex;align-items:center;padding:0 26px;gap:16px;margin:0;flex-shrink:0}.lms-topbar-left{flex:1;display:flex;flex-direction:column;gap:0}.lms-topbar-title{font-size:18px;font-weight:800;color:var(--lms-ink-900);margin:0;line-height:1.2}.lms-topbar-subtitle{font-size:12px;color:var(--lms-ink-400);margin:0;line-height:1.4}.lms-topbar-actions{display:flex;align-items:center;gap:.5rem}.lms-topbar-simple{gap:14px}.lms-topbar-title-simple{display:flex;align-items:center;gap:9px}.lms-badge-draft{background:#edefee;color:var(--lms-ink-500);font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}.btn-disabled{background:#c4cbc7;color:#fff;display:inline-flex;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:700;border-radius:10px;border:none;cursor:not-allowed;font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.lms-dashboard{display:flex;flex-direction:column;gap:20px}.lms-kpi-card{background:var(--lms-card);border-radius:14px;padding:20px 24px;box-shadow:0 1px 3px rgba(0,0,0,.05);display:flex;align-items:center;gap:24px}.lms-kpi-header{display:flex;align-items:center;gap:9px;color:var(--lms-ink-500)}.lms-kpi-icon{font-size:22px;color:var(--lms-primary)}.lms-kpi-label{font-size:13px;font-weight:700;color:var(--lms-ink-500);text-transform:uppercase;letter-spacing:.04em}.lms-kpi-percentage-wrapper{font-size:44px;font-weight:800;line-height:1;color:var(--lms-ink-900)}.lms-kpi-percentage-wrapper .lms-kpi-global-label{font-size:16px;color:var(--lms-ink-400);font-weight:600}.lms-kpi-bar-wrapper{flex:1;height:12px;background:#edefee;border-radius:999px;overflow:hidden;max-width:360px}.lms-kpi-bar-fill{height:100%;background:var(--lms-primary);border-radius:999px;transition:width .6s ease}.lms-kpi-meta{font-size:13px;color:var(--lms-ink-500);font-weight:600;line-height:1.4;white-space:nowrap}.lms-section{background:var(--lms-card);border-radius:14px;padding:18px;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-bottom:20px}.lms-section-title{font-size:14px;font-weight:800;color:var(--lms-ink-900);margin:0 0 18px 0}.lms-branches-container{display:flex;align-items:flex-end;gap:28px;height:190px;padding:0 6px}.lms-branch-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}.lms-branch-percentage{font-size:14px;font-weight:800;line-height:1}.lms-branch-bar-fill{width:100%;border-radius:8px 8px 0 0}.lms-branch-name{font-size:12px;color:var(--lms-ink-500);font-weight:600;text-align:center;line-height:1.2}.lms-app .btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:700;border-radius:10px;border:none;cursor:pointer;transition:all .15s ease;font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.lms-app .btn .material-symbols-rounded{font-size:17px}.lms-app .btn-primary{background:var(--lms-primary);color:#fff}.lms-app .btn-primary:hover{background:var(--lms-primary-900)}.lms-app .btn-secondary{background:var(--lms-bg);color:var(--lms-ink-500);border:1px solid var(--lms-border);padding:8px 13px}.lms-app .btn-secondary:hover{background:var(--lms-card);border-color:var(--lms-ink-400)}.lms-app .btn-secondary .material-symbols-rounded{color:var(--lms-ink-500)}.lms-empty-state-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;min-height:400px}.lms-empty-state{max-width:680px;width:100%}.lms-empty-state-title{font-size:20px;font-weight:800;color:var(--lms-ink-900);margin-bottom:6px}.lms-empty-state-subtitle{font-size:14px;color:var(--lms-ink-500);line-height:1.5;margin-bottom:26px;max-width:420px;margin-left:auto;margin-right:auto}.lms-course-options{display:flex;gap:18px;justify-content:center}.lms-course-option{width:280px;text-align:left;border-radius:16px;padding:22px;cursor:pointer;transition:all .2s ease}.lms-course-option-recommended{border:2px solid var(--lms-primary);background:linear-gradient(160deg, #F0F8F5, #fff);box-shadow:0 8px 22px rgba(14,124,102,.14)}.lms-course-option-recommended:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(14,124,102,.18)}.lms-course-option-manual{border:1.5px solid var(--lms-border);background:var(--lms-card)}.lms-course-option-manual:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.08);border-color:var(--lms-ink-400)}.lms-course-option-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.lms-course-option-icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lms-course-option-icon .material-symbols-rounded{font-size:26px}.lms-course-option-icon-ai{background:linear-gradient(150deg, var(--lms-primary), var(--lms-primary-900))}.lms-course-option-icon-ai .material-symbols-rounded{color:#fff}.lms-course-option-icon-manual{background:var(--lms-primary-100)}.lms-course-option-icon-manual .material-symbols-rounded{color:var(--lms-primary)}.lms-course-option-badge{background:var(--lms-primary);color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;padding:4px 9px;border-radius:999px}.lms-course-option-title{font-size:16px;font-weight:800;color:var(--lms-ink-900);margin-bottom:5px}.lms-course-option-description{font-size:13px;color:var(--lms-ink-700);line-height:1.5;margin-bottom:16px}.lms-course-option-button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:14px;font-weight:700;padding:11px;border-radius:11px;border:none;cursor:pointer;width:100%;font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:all .15s ease}.lms-course-option-button .material-symbols-rounded{font-size:18px}.lms-course-option-button-primary{background:var(--lms-primary);color:#fff}.lms-course-option-button-primary:hover{background:var(--lms-primary-900)}.lms-course-option-button-secondary{background:var(--lms-card);border:1.5px solid #d8dcd9;color:var(--lms-ink-900);padding:10px}.lms-course-option-button-secondary:hover{border-color:var(--lms-ink-500);background:var(--lms-bg)}.lms-ai-assistant-container{width:680px;max-width:100%}.lms-ai-form{display:flex;flex-direction:column;gap:0}.lms-ai-header{display:flex;align-items:center;gap:13px;margin-bottom:22px}.lms-ai-icon{width:50px;height:50px;border-radius:14px;background:linear-gradient(150deg, var(--lms-primary), var(--lms-primary-900));display:flex;align-items:center;justify-content:center;flex-shrink:0}.lms-ai-icon .material-symbols-rounded{font-size:28px;color:#fff}.lms-ai-title{font-size:20px;font-weight:800;color:var(--lms-ink-900);line-height:1.2}.lms-ai-subtitle{font-size:13px;color:var(--lms-ink-500);line-height:1.4}.lms-ai-textarea-wrapper{margin-bottom:10px}.lms-ai-textarea{width:100%;background:var(--lms-card);border:1.5px solid var(--lms-primary);border-radius:14px;padding:16px;font-size:15px;color:var(--lms-ink-900);line-height:1.55;box-shadow:0 4px 14px rgba(14,124,102,.08);min-height:120px;resize:vertical;font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:border-color .15s ease,box-shadow .15s ease}.lms-ai-textarea::placeholder{color:var(--lms-ink-400)}.lms-ai-textarea:focus{outline:none;border-color:var(--lms-primary-600);box-shadow:0 4px 18px rgba(14,124,102,.12)}.lms-ai-examples{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px;align-items:center}.lms-ai-examples-label{font-size:12px;color:var(--lms-ink-500);font-weight:700;padding:6px 0}.lms-ai-example-chip{background:var(--lms-card);border:1px solid var(--lms-border);color:var(--lms-ink-700);font-size:12px;font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer;transition:all .15s ease}.lms-ai-example-chip:hover{background:var(--lms-primary-100);border-color:var(--lms-primary);color:var(--lms-primary)}.lms-ai-field-label{font-size:12px;font-weight:700;color:var(--lms-ink-500);margin-bottom:7px;display:block}.lms-ai-select-wrapper{position:relative}.lms-ai-select{width:100%;border:1.5px solid var(--lms-border);border-radius:10px;padding:10px 12px;padding-right:36px;font-size:13px;background:var(--lms-card);appearance:none;cursor:pointer;color:var(--lms-ink-900);font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:border-color .15s ease}.lms-ai-select:focus{outline:none;border-color:var(--lms-primary)}.lms-ai-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--lms-ink-400);pointer-events:none}.lms-ai-toggle-card{display:flex;align-items:center;justify-content:space-between;background:var(--lms-card);border:1px solid var(--lms-border-light);border-radius:11px;padding:13px 15px;margin-bottom:24px}.lms-ai-toggle-title{font-size:13px;font-weight:700;color:var(--lms-ink-900);line-height:1.3}.lms-ai-toggle-subtitle{font-size:12px;color:var(--lms-ink-400);line-height:1.4}.lms-toggle-switch{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0;cursor:pointer}.lms-toggle-switch input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.lms-toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--lms-primary);border-radius:999px;transition:background-color .2s ease}.lms-toggle-slider::before{content:"";position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background-color:#fff;transition:transform .2s ease}.lms-toggle-switch input[type=checkbox]:not(:checked)+.lms-toggle-slider{background-color:#c4cbc7}.lms-toggle-switch input[type=checkbox]:not(:checked)+.lms-toggle-slider::before{transform:translateX(-18px)}.lms-ai-actions{display:flex;justify-content:flex-end;gap:10px}.btn-lms-secondary{background:var(--lms-card);border:1.5px solid #d8dcd9;font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;font-weight:700;padding:12px 18px;border-radius:11px;cursor:pointer;color:var(--lms-ink-900);text-decoration:none;display:inline-block;transition:all .15s ease}.btn-lms-secondary:hover{background:var(--lms-bg);border-color:var(--lms-ink-500)}.btn-lms-primary-ai{border:none;background:var(--lms-primary);color:#fff;font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;font-weight:800;padding:13px 22px;border-radius:11px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .15s ease}.btn-lms-primary-ai .material-symbols-rounded{font-size:19px}.btn-lms-primary-ai:hover{background:var(--lms-primary-900)}.btn-lms-primary-ai:active{transform:translateY(1px)}.lms-generating-progress-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background:var(--lms-bg)}.lms-generating-content{max-width:360px;width:100%;display:flex;flex-direction:column;align-items:center}.lms-generating-icon{width:84px;height:84px;border-radius:24px;background:linear-gradient(150deg, var(--lms-primary), var(--lms-primary-900));display:flex;align-items:center;justify-content:center;margin-bottom:22px;box-shadow:0 10px 26px rgba(14,124,102,.3);animation:pulse-icon 2s ease-in-out infinite}.lms-generating-icon .material-symbols-rounded{font-size:46px;color:#fff;animation:rotate-icon 3s linear infinite}@keyframes pulse-icon{0%,100%{transform:scale(1);box-shadow:0 10px 26px rgba(14,124,102,.3)}50%{transform:scale(1.05);box-shadow:0 14px 32px rgba(14,124,102,.4)}}@keyframes rotate-icon{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.lms-generating-title{font-size:21px;font-weight:800;color:var(--lms-ink-900);margin-bottom:6px;text-align:center}.lms-generating-subtitle{font-size:14px;color:var(--lms-ink-500);margin-bottom:26px;text-align:center;max-width:340px;line-height:1.5}.lms-generating-steps{width:100%;display:flex;flex-direction:column;gap:14px}.lms-generating-step{display:flex;align-items:center;gap:11px}.lms-step-icon{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lms-step-icon .material-symbols-rounded{font-size:17px;color:#fff}.lms-step-icon-completed{background:var(--lms-success)}.lms-step-icon-active{background:var(--lms-primary);animation:spin 1.5s linear infinite}.lms-step-icon-active .material-symbols-rounded{font-size:16px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.lms-step-icon-pending{background:#edefee}.lms-step-icon-pending .material-symbols-rounded{font-size:16px;color:#c4cbc7}.lms-step-text{font-size:14px;font-weight:700;color:var(--lms-ink-900)}.lms-step-pending .lms-step-text{font-weight:600;color:var(--lms-ink-400)}.lms-generating-preview-panel{width:360px;flex-shrink:0;background:var(--lms-card);border-left:1px solid var(--lms-border-light);padding:22px;overflow:hidden}.lms-preview-label{font-size:12px;font-weight:700;color:var(--lms-ink-500);text-transform:uppercase;letter-spacing:.04em;margin-bottom:14px}.lms-preview-title{font-size:16px;font-weight:800;color:var(--lms-ink-900);margin-bottom:14px;line-height:1.3}.lms-preview-modules{display:flex;flex-direction:column;gap:9px}.lms-preview-module{background:var(--lms-bg);border-radius:11px;padding:18px 14px;min-height:60px;display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(10px);animation:fadeInModule .4s ease forwards}.lms-preview-module .material-symbols-rounded{font-size:22px;color:var(--lms-primary)}.lms-preview-module-text{font-size:14px;font-weight:700;color:var(--lms-ink-900);line-height:1.4}.lms-preview-module-visible{opacity:1;transform:translateY(0)}.lms-preview-module-fading{opacity:.6;animation:fadeInModule .4s ease forwards}@keyframes fadeInModule{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}.lms-preview-module:nth-child(1){animation-delay:.2s}.lms-preview-module:nth-child(2){animation-delay:.6s}.lms-preview-module:nth-child(3){animation-delay:1s}.lms-preview-skeleton{height:40px;border-radius:11px;background:linear-gradient(90deg, #EEF1EF 0%, #F6F8F6 50%, #EEF1EF 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;opacity:0;animation:fadeInSkeleton .4s ease forwards}.lms-preview-skeleton:nth-child(4){animation-delay:1.4s}.lms-preview-skeleton:nth-child(5){animation-delay:1.8s}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes fadeInSkeleton{0%{opacity:0}100%{opacity:1}}.lms-topbar-course-editor{gap:14px}.lms-badge-published{background:#fdefcf;color:#8a5a00;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}.lms-save-indicator{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--lms-success);font-weight:700}.lms-save-indicator .material-symbols-rounded{font-size:17px}.lms-course-editor{display:flex;flex:1;overflow:hidden;gap:0;min-height:0}.lms-editor-panel{display:flex;flex-direction:column;height:100%;min-height:0;max-height:100%}.lms-editor-modules-panel{flex:1;padding:24px;background:var(--lms-bg);overflow-y:auto;height:100%}.lms-editor-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-shrink:0}.lms-editor-panel-title{font-size:15px;font-weight:800;color:var(--lms-ink-900);letter-spacing:-0.3px;margin-bottom:20px}.btn-lms-add-module{background:var(--lms-primary-100);color:var(--lms-primary-900);border:none;font-family:"Plus Jakarta Sans",sans-serif;font-size:13px;font-weight:700;padding:8px 13px;border-radius:9px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .15s ease}.btn-lms-add-module .material-symbols-rounded{font-size:16px}.btn-lms-add-module:hover{background:var(--lms-primary-300)}.lms-modules-tree{display:flex;flex-direction:column;gap:12px}.lms-module-card{background:var(--lms-card);border:1px solid var(--lms-border-light);border-radius:12px;overflow:visible}.lms-module-header{display:flex;align-items:center;gap:10px;padding:15px 16px;background:var(--lms-primary-50);border-bottom:1px solid var(--lms-border-light);cursor:pointer}.lms-module-header .material-symbols-rounded{font-size:22px;color:var(--lms-ink-400);flex-shrink:0}.lms-module-drag{cursor:grab;font-size:22px !important;padding:4px;border-radius:6px;transition:all .2s;user-select:none}.lms-module-drag:hover{background:var(--lms-ink-50);color:var(--lms-primary)}.lms-module-drag:active{cursor:grabbing}.lms-module-toggle{color:var(--lms-primary) !important;cursor:pointer}.lms-module-icon{color:var(--lms-primary) !important}.lms-module-title{font-size:16px;font-weight:700;color:var(--lms-ink-900);flex:1}.lms-module-meta{font-size:13px;color:var(--lms-ink-400)}.lms-module-menu{cursor:pointer}.lms-lessons-list{display:flex;flex-direction:column}.lms-lesson-item{display:flex;align-items:center;gap:10px;padding:14px 16px 14px 40px;border-bottom:1px solid #f1f3f1;cursor:pointer;transition:background-color .15s ease}.lms-lesson-item:last-child{border-bottom:none}.lms-lesson-item:hover{background:var(--lms-bg)}.lms-lesson-item .material-symbols-rounded{font-size:20px;color:var(--lms-ink-400);flex-shrink:0}.lms-lesson-drag{cursor:grab;font-size:20px !important;padding:4px;border-radius:6px;transition:all .2s;user-select:none}.lms-lesson-drag:hover{background:var(--lms-ink-50);color:var(--lms-primary)}.lms-lesson-drag:active{cursor:grabbing}.lms-lesson-icon{font-size:20px !important}.lms-lesson-title{font-size:16px;color:var(--lms-ink-900);flex:1;font-weight:500}.lms-lesson-metadata{display:flex;align-items:center;gap:12px;margin-left:auto;padding-right:8px}.lms-lesson-meta-item{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:var(--lms-ink-500);background:var(--lms-bg);padding:4px 10px;border-radius:6px}.lms-lesson-meta-item .material-symbols-rounded{font-size:16px !important;color:var(--lms-ink-400) !important}.lms-lesson-badge{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px}.lms-lesson-badge-video{background:var(--lms-primary-100);color:var(--lms-primary-900)}.lms-lesson-badge-text{background:#e3ecfd;color:#1d4ed8}.lms-lesson-badge-quiz{background:#fef3c7;color:#92400e}.lms-lesson-badge-image{background:#dcfce7;color:#15803d}.lms-lesson-badge-attachment{background:#ffedd5;color:#c2410c}.lms-add-lesson-btn{display:flex;align-items:center;gap:8px;padding:13px 16px 13px 40px;border-top:1px solid #f1f3f1;color:var(--lms-primary);font-size:14px;font-weight:700;cursor:pointer;transition:background-color .15s ease}.lms-add-lesson-btn .material-symbols-rounded{font-size:18px}.lms-add-lesson-btn:hover{background:var(--lms-primary-50)}.lms-modules-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.lms-modules-empty .material-symbols-rounded{font-size:64px;color:var(--lms-ink-300);margin-bottom:16px}.lms-empty-title{font-size:18px;font-weight:800;color:var(--lms-ink-900);margin-bottom:6px}.lms-empty-subtitle{font-size:14px;color:var(--lms-ink-500)}.lms-add-evaluation-placeholder{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 16px;border:1.5px dashed #c4cbc7;border-radius:12px;color:var(--lms-ink-500);font-size:14px;font-weight:700;cursor:pointer;transition:all .15s ease}.lms-add-evaluation-placeholder .material-symbols-rounded{font-size:20px}.lms-add-evaluation-placeholder:hover{border-color:var(--lms-primary);color:var(--lms-primary);background:var(--lms-primary-50)}.lms-editor-metadata-panel{width:280px;flex-shrink:0;background:var(--lms-card);border-left:1px solid var(--lms-border-light);padding:24px 20px;overflow-y:auto;height:100%}.lms-metadata-form{display:flex;flex-direction:column;gap:18px}.lms-metadata-field{display:flex;flex-direction:column}.lms-metadata-label{font-size:12px;font-weight:700;color:var(--lms-ink-600);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.lms-metadata-input{border:1.5px solid var(--lms-border);border-radius:9px;padding:10px 12px;font-size:14px;font-family:"Plus Jakarta Sans",sans-serif;color:var(--lms-ink-900);transition:border-color .15s ease}.lms-metadata-input:focus{outline:none;border-color:var(--lms-primary)}.lms-metadata-select-wrapper{position:relative}.lms-metadata-select{width:100%;border:1.5px solid var(--lms-border);border-radius:9px;padding:10px 12px;padding-right:36px;font-size:14px;font-family:"Plus Jakarta Sans",sans-serif;color:var(--lms-ink-900);appearance:none;cursor:pointer;background:var(--lms-card)}.lms-metadata-select:focus{outline:none;border-color:var(--lms-primary)}.lms-metadata-select option.lms-category-divider{text-align:center;color:var(--lms-ink-200);font-size:11px;padding:4px 0;background:var(--lms-ink-50);cursor:default}.lms-metadata-select option.lms-add-category-option{font-weight:700;color:#10b981;background:#f0fdf4;padding:10px 12px;letter-spacing:.3px}.lms-metadata-select option.lms-add-category-option:hover{background:#dcfce7;color:#059669}.lms-metadata-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--lms-ink-400);pointer-events:none}.lms-metadata-toggle-card{display:flex;align-items:center;justify-content:space-between;border-radius:10px;padding:14px 16px}.lms-toggle-warning{background:#fdefcf}.lms-toggle-info{background:#e3ecfd}.lms-metadata-toggle-label{font-size:15px;font-weight:700}.lms-toggle-warning .lms-metadata-toggle-label{color:#8a5a00}.lms-toggle-info .lms-metadata-toggle-label{color:#1d4ed8}.lms-toggle-warning .lms-toggle-slider{background-color:var(--lms-amber)}.lms-toggle-info .lms-toggle-slider{background-color:var(--lms-info)}.lms-editor-copilot-panel{width:340px;flex-shrink:0;background:#fbfcfc;border-left:1px solid var(--lms-border-light);display:flex;flex-direction:column;overflow:hidden;height:100%}.lms-copilot-header{padding:14px 16px;border-bottom:1px solid #eef1ef;display:flex;align-items:center;gap:10px;flex-shrink:0}.lms-copilot-avatar{width:34px;height:34px;border-radius:9px;background:linear-gradient(150deg, var(--lms-primary), var(--lms-primary-900));display:flex;align-items:center;justify-content:center;flex-shrink:0}.lms-copilot-avatar .material-symbols-rounded{font-size:20px;color:#fff}.lms-copilot-name{font-size:15px;font-weight:800;color:var(--lms-ink-900);line-height:1.2}.lms-copilot-subtitle{font-size:12px;color:var(--lms-ink-400);line-height:1.2}.lms-copilot-menu{margin-left:auto;font-size:18px;color:#c4cbc7;cursor:pointer}.lms-copilot-messages{flex:1 1 0;min-height:0;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.lms-copilot-message{max-width:90%;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.5}.lms-copilot-message-ai{background:var(--lms-card);border:1px solid #eceeec;border-radius:14px 14px 14px 4px;color:var(--lms-ink-700)}.lms-copilot-message-user{align-self:flex-end;background:var(--lms-primary);color:#fff;border-radius:14px 14px 4px 14px}.lms-copilot-suggestions{padding:0 16px 12px;display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0}.lms-copilot-chip{background:var(--lms-primary-100);color:var(--lms-primary-900);font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;cursor:pointer;transition:all .15s ease}.lms-copilot-chip:hover{background:var(--lms-primary-300)}.lms-copilot-input-container{padding:12px 16px 16px;border-top:1px solid #eef1ef;flex-shrink:0}.lms-copilot-input-wrapper{display:flex;align-items:center;gap:8px;background:var(--lms-card);border:1.5px solid var(--lms-border);border-radius:12px;padding:9px 12px;transition:border-color .15s ease}.lms-copilot-input-wrapper:focus-within{border-color:var(--lms-primary)}.lms-copilot-input-icon{font-size:18px;color:var(--lms-ink-400);flex-shrink:0}.lms-copilot-input{flex:1;border:none;outline:none;font-size:15px;font-family:"Plus Jakarta Sans",sans-serif;color:var(--lms-ink-900);background:rgba(0,0,0,0)}.lms-copilot-input::placeholder{color:var(--lms-ink-400)}.lms-copilot-send-btn{width:30px;height:30px;border-radius:8px;background:var(--lms-primary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background-color .15s ease}.lms-copilot-send-btn .material-symbols-rounded{font-size:18px;color:#fff}.lms-copilot-send-btn:hover{background:var(--lms-primary-900)}@media(max-width: 768px){.lms-topbar{height:auto;flex-direction:column;align-items:flex-start;padding:16px 20px;gap:12px}.lms-kpi-card{flex-direction:column;align-items:flex-start;gap:16px}.lms-kpi-bar-wrapper{width:100%;max-width:none}.lms-branches-container{gap:16px;height:150px}.lms-course-options{flex-direction:column;align-items:center}.lms-course-option{width:100%;max-width:340px}.lms-generating-preview-panel{display:none}.lms-generating-progress-panel{padding:20px}.lms-ai-assistant-container{width:100%;padding:0 20px}.lms-editor-metadata-panel,.lms-editor-copilot-panel{display:none}.lms-course-editor{flex-direction:column}.lms-editor-modules-panel{padding:16px}.lms-topbar-course-editor{height:auto;min-height:64px}}.lms-quiz-settings-row{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap}.lms-quiz-setting{flex:1;min-width:180px;display:flex;flex-direction:column;gap:8px}.lms-quiz-setting-label{font-size:13px;font-weight:700;color:var(--lms-ink-700) !important;margin-bottom:4px}.lms-quiz-setting-input-group{display:flex;align-items:center;gap:8px;border:1.5px solid var(--lms-border);border-radius:10px;padding:12px 15px;background:#fff}.lms-quiz-setting-input-group:focus-within{border-color:var(--lms-primary)}.lms-quiz-setting-input{flex:1;border:none;outline:none;font-size:15px;font-weight:600;color:var(--lms-ink-900);font-family:"Plus Jakarta Sans",sans-serif}.lms-quiz-setting-input::placeholder{color:var(--lms-ink-300)}.lms-quiz-setting-suffix{font-size:14px;font-weight:600;color:var(--lms-ink-500)}.lms-quiz-setting-select{width:100%;border:1.5px solid var(--lms-border);border-radius:10px;padding:12px 15px;font-size:14px;font-weight:600;color:var(--lms-ink-900);font-family:"Plus Jakarta Sans",sans-serif;background:#fff;cursor:pointer}.lms-quiz-setting-select:focus{outline:none;border-color:var(--lms-primary)}.lms-time-limit-controls{display:flex;align-items:center;gap:8px}.lms-time-input-group{display:flex;align-items:center;gap:4px;border:1.5px solid var(--lms-border);border-radius:10px;padding:10px 12px;background:#fff}.lms-time-input-group:focus-within{border-color:var(--lms-primary)}.lms-time-input{width:40px;border:none;outline:none;font-size:15px;font-weight:700;color:var(--lms-ink-900);text-align:center;font-family:"Plus Jakarta Sans",sans-serif}.lms-time-input::placeholder{color:var(--lms-ink-300)}.lms-time-label{font-size:12px;font-weight:600;color:var(--lms-ink-500)}.lms-time-separator{font-size:18px;font-weight:700;color:var(--lms-ink-400)}.lms-lesson-hint{font-size:11px;color:var(--lms-ink-400);font-weight:500}.lms-error-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.lms-error-modal-visible{opacity:1}.lms-error-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}.lms-error-modal-content{position:relative;background:#fff;border-radius:16px;padding:40px;max-width:440px;width:calc(100% - 40px);box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;align-items:center;text-align:center;animation:modalSlideUp .3s ease}@keyframes modalSlideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.lms-error-modal-icon{width:64px;height:64px;background:linear-gradient(135deg, #FF6B6B 0%, #EE5A52 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 4px 16px rgba(255,107,107,.3)}.lms-error-modal-icon .material-symbols-rounded{font-size:32px;color:#fff;font-weight:600}.lms-error-modal-title{font-size:22px;font-weight:700;color:var(--lms-ink-900);margin-bottom:12px;line-height:1.3}.lms-error-modal-message{font-size:14px;color:var(--lms-ink-600);line-height:1.6;margin-bottom:32px}.lms-error-modal-actions{width:100%;display:flex;flex-direction:column;gap:12px}.lms-error-modal-button{width:100%;padding:14px 24px;background:var(--lms-primary);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.lms-error-modal-button:hover{background:var(--lms-primary-600);transform:translateY(-1px);box-shadow:0 4px 12px rgba(14,124,102,.3)}.lms-error-modal-button:active{transform:translateY(0)}@media(max-width: 640px){.lms-error-modal-content{padding:32px 24px;border-radius:12px}.lms-error-modal-title{font-size:20px}.lms-error-modal-message{font-size:13px}}.lms-link-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;pointer-events:none}.lms-link-modal.is-visible{opacity:1;pointer-events:auto}.lms-link-modal.is-visible .lms-link-modal-content{transform:translateY(0) scale(1);opacity:1}.lms-link-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.lms-link-modal-content{position:relative;background:#fff;border-radius:12px;width:calc(100% - 40px);max-width:480px;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:translateY(-20px) scale(0.95);opacity:0;transition:all .2s ease}.lms-link-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--lms-ink-100)}.lms-link-modal-header h3{font-size:18px;font-weight:700;color:var(--lms-ink-900);margin:0}.lms-link-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:none;border:none;color:var(--lms-ink-500);cursor:pointer;transition:all .15s ease}.lms-link-modal-close:hover{background:var(--lms-ink-50);color:var(--lms-ink-900)}.lms-link-modal-close .material-symbols-rounded{font-size:20px}.lms-link-modal-body{padding:24px}.lms-link-modal-field{margin-bottom:20px}.lms-link-modal-field:last-of-type{margin-bottom:0}.lms-link-modal-label{display:block;font-size:13px;font-weight:600;color:var(--lms-ink-700);margin-bottom:8px}.lms-link-modal-input{width:100%;padding:10px 14px;border:1.5px solid var(--lms-ink-200);border-radius:8px;font-size:14px;color:var(--lms-ink-900);transition:all .15s ease}.lms-link-modal-input::placeholder{color:var(--lms-ink-400)}.lms-link-modal-input:focus{outline:none;border-color:var(--lms-primary);box-shadow:0 0 0 3px rgba(14,124,102,.1)}.lms-link-modal-checkbox{display:flex;align-items:center;gap:8px;margin-top:16px}.lms-link-modal-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--lms-primary)}.lms-link-modal-checkbox label{font-size:14px;color:var(--lms-ink-700);cursor:pointer;user-select:none}.lms-link-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--lms-ink-100);background:var(--lms-bg)}@media(max-width: 640px){.lms-link-modal-content{max-width:calc(100% - 32px)}.lms-link-modal-header,.lms-link-modal-body,.lms-link-modal-footer{padding-left:20px;padding-right:20px}}