: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)}.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}.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}.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)}.flash-container{margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.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}.operator-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.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-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}.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)}.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:16px;font-weight:800;color:var(--lms-ink-900)}.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-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:320px;flex-shrink:0;background:var(--lms-card);border-left:1px solid var(--lms-border-light);padding:24px;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:14px;font-weight:700;color:var(--lms-ink-500);margin-bottom:8px}.lms-metadata-input{border:1.5px solid var(--lms-border);border-radius:10px;padding:13px 15px;font-size:15px;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:10px;padding:13px 15px;padding-right:40px;font-size:15px;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-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:380px;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:18px 20px;border-bottom:1px solid #eef1ef;display:flex;align-items:center;gap:12px;flex-shrink:0}.lms-copilot-avatar{width:38px;height:38px;border-radius:10px;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:22px;color:#fff}.lms-copilot-name{font-size:17px;font-weight:800;color:var(--lms-ink-900);line-height:1.2}.lms-copilot-subtitle{font-size:13px;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;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.lms-copilot-message{max-width:90%;border-radius:14px;padding:14px 16px;font-size:15px;line-height:1.55}.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 20px 14px;display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}.lms-copilot-chip{background:var(--lms-primary-100);color:var(--lms-primary-900);font-size:13px;font-weight:700;padding:8px 14px;border-radius:999px;cursor:pointer;transition:all .15s ease}.lms-copilot-chip:hover{background:var(--lms-primary-300)}.lms-copilot-input-container{padding:14px 20px 20px;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}