:root{font-family:Archivo,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1b2430;background:var(--canvas);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--red: #EA232A;--muted: #7A828C;--line: #ECEEF0;--panel: #fff;--canvas: #F5F7FB;--card-line: #E6EAF1;--card-shadow: 0 1px 2px rgba(30, 45, 80, .04), 0 4px 14px rgba(30, 45, 80, .04)}*{box-sizing:border-box}html,body,#root{width:100%;min-width:360px;height:100%;margin:0}body{background:var(--canvas)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cbd1d8;border-radius:8px}::-webkit-scrollbar-track{background:transparent}.app-shell{display:flex;width:100%;height:100vh;overflow:hidden;background:var(--canvas)}.sidebar{display:flex;flex:0 0 238px;flex-direction:column;overflow-y:auto;background:#fff;border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;padding:15px 20px;border-bottom:1px solid #F0F1F3}.brand-mark{display:block;width:34px;height:34px;flex:0 0 34px;object-fit:contain}.login-page{display:grid;min-height:100%;place-items:center;padding:24px 16px;background:radial-gradient(900px 480px at 85% -10%,#E3EDFF 0%,transparent 65%),radial-gradient(700px 420px at -10% 110%,#FDECEC 0%,transparent 60%),var(--canvas)}.login-card{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:820px;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 12px 40px #1b243014}.login-brand{display:flex;flex-direction:column;padding:40px 36px;border-right:1px solid var(--line);background:#f7f8fa}.login-logo{display:block;object-fit:contain}.login-logo--mobile{display:none;margin-bottom:14px}.login-brand-name{margin-top:18px;color:#17181c;font-size:20px;font-weight:700;letter-spacing:2px}.login-brand-caption{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.5}.login-features{display:grid;gap:14px;margin:auto 0 0;padding:32px 0 0;list-style:none;color:#44505c;font-size:13px;line-height:1.45}.login-features li{display:flex;align-items:flex-start;gap:10px}.login-features li>span{display:grid;flex:0 0 26px;height:26px;place-items:center;border-radius:7px;background:#fff;color:var(--red);box-shadow:0 0 0 1px var(--line)}.login-form{display:flex;flex-direction:column;justify-content:center;padding:44px 40px}.login-form h1{margin:0;color:#17181c;font-size:22px;font-weight:600}.login-form>p{margin:6px 0 24px;color:var(--muted);font-size:13px}.login-field{display:grid;gap:6px;margin-bottom:14px;color:#44505c;font-size:12.5px;font-weight:500}.login-field .form-control{height:40px;font-size:14px}.login-field .form-control:focus{border-color:var(--red);box-shadow:0 0 0 3px #ea232a1f}.login-password{position:relative;display:block}.login-password .form-control{padding-right:40px}.login-eye{position:absolute;top:50%;right:6px;display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:6px;background:none;color:#98a0a8;transform:translateY(-50%)}.login-eye:hover,.login-eye[aria-pressed=true]{color:#1b2430;background:#f3f5f7}.login-submit{height:42px;margin-top:6px;font-size:14px;font-weight:600}@media (max-width: 720px){.login-card{grid-template-columns:1fr;max-width:400px}.login-brand{display:none}.login-logo--mobile{display:block}.login-form{padding:32px 24px}}.brand-name{color:#17181c;font-size:15px;font-weight:600;letter-spacing:1.5px}.brand-caption{margin-top:1px;color:#9aa0a6;font-size:10.5px}.sidebar-nav{flex:1;padding:12px 0}.nav-group{padding:2px 20px 8px;color:#a4aab1;font-size:10.5px;letter-spacing:1px;text-transform:uppercase}.nav-group:not(:first-child){padding-top:16px}.nav-link{position:relative;display:flex;align-items:center;gap:11px;margin:1px 10px;padding:9px 14px 9px 18px;border-radius:8px;color:#5a6068;font-size:13.5px;font-weight:500;letter-spacing:.2px;text-decoration:none}.nav-link:hover{background:#f5f6f7}.nav-link.active{background:#fdecec;color:var(--red)}.nav-link.active:before{position:absolute;top:9px;bottom:9px;left:5px;width:3px;border-radius:2px;background:var(--red);content:""}.nav-icon{display:grid;width:18px;height:18px;flex:0 0 18px;place-items:center}.sidebar-user{display:flex;align-items:center;gap:10px;padding:14px 16px;border-top:1px solid #F0F1F3}.user-avatar{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;border-radius:50%;background:#fdecec;color:var(--red);font-size:12px;font-weight:600}.user-summary{min-width:0;flex:1}.user-name{overflow:hidden;color:#17181c;font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#9aa0a6;font-size:11px}.logout-button{border:1px solid #DDE2E7;border-radius:6px;background:#fff;padding:5px 8px;color:#5a636e;font-size:11px}.app-main{display:flex;min-width:0;flex:1;flex-direction:column;overflow:hidden;background:radial-gradient(1100px 420px at 100% 0%,#E9F1FF 0%,transparent 70%),var(--canvas)}.topbar{display:flex;min-height:66px;flex:0 0 66px;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--card-line);background:#ffffffb8;-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px);padding:0 26px}.topbar-title{color:#1b2430;font-size:16px;font-weight:600;letter-spacing:.2px}.topbar-subtitle{margin-top:1px;color:var(--muted);font-size:12px}.topbar-actions{display:flex;align-items:center;gap:14px}.today-chip{display:flex;align-items:center;gap:7px;border:1px solid #E1E5E9;border-radius:8px;background:#fff;padding:6px 12px;color:#5a636e;font-size:12.5px;white-space:nowrap}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:8px;background:var(--red);padding:9px 15px;color:#fff;font-size:13px;font-weight:500}.primary-button:hover{background:#b70002}.content-scroll{min-height:0;flex:1;overflow:auto;padding:24px 26px 40px}.page-card{border:1px solid var(--card-line);border-radius:12px;background:#fff;box-shadow:var(--card-shadow)}.card-heading{border-bottom:1px solid #EDF0F3;padding:15px 18px;font-size:14px;font-weight:600}.form-control{width:100%;min-width:0;border:1px solid #DDE2E7;border-radius:8px;outline:none;background:#fff;padding:9px 11px;color:#1b2430;font-size:13px}.form-control:focus{border-color:#ea232a;box-shadow:0 0 0 3px #ea232a1a}.secondary-button{border:1px solid #D3D9DF;border-radius:7px;background:#fff;padding:7px 11px;color:#39414b;font-size:12px}.secondary-button:hover{background:#f4f6f8}.danger-button{border:1px solid #E7C9C9;border-radius:7px;background:#fff;padding:7px 10px;color:#b23b3b;font-size:12px}.mono{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:22px}.kpi-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--card-line);border-radius:12px;background:#fff;padding:16px 16px 15px;box-shadow:var(--card-shadow)}.kpi-card.kpi-strong{border-color:var(--red);background:var(--red);box-shadow:0 4px 12px #ea232a33}.kpi-accent{position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--kpi-accent)}.kpi-title{color:var(--muted);font-size:12px;font-weight:500}.kpi-value{overflow:hidden;margin-top:6px;color:var(--kpi-accent);font-size:clamp(21px,2vw,30px);font-weight:600;font-variant-numeric:tabular-nums;text-overflow:ellipsis}.kpi-sub,.row-meta{margin-top:2px;color:#98a0a8;font-size:11.5px}.kpi-strong .kpi-title,.kpi-strong .kpi-value,.kpi-strong .kpi-sub{color:#fff}.kpi-strong .kpi-value{font-size:clamp(21px,1.75vw,26px)}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);align-items:start;gap:18px}.attention-card{min-width:0;overflow:hidden}.attention-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-subtitle{margin-top:4px;color:#8a929b;font-size:11.5px;font-weight:400}.text-link{color:#c11a20;font-size:12px;text-decoration:none;white-space:nowrap}.text-link:hover{text-decoration:underline}.table-scroll{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:12.5px}.data-table th{border-bottom:1px solid #EDF0F3;background:#fafbfc;padding:10px 12px;color:#7a828c;font-size:10.5px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.data-table td{border-bottom:1px solid #F1F3F5;padding:11px 12px;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.attention-table{table-layout:fixed}.attention-table th:nth-child(1){width:15%}.attention-table th:nth-child(2){width:41%}.attention-table th:nth-child(3){width:17%}.attention-table th:nth-child(4){width:14%}.attention-table th:nth-child(5){width:13%}.attention-table .service-name{overflow:hidden;text-overflow:ellipsis}.attention-table td:last-child button{white-space:nowrap}.service-cost{font-variant-numeric:tabular-nums;white-space:nowrap}.service-name{color:#1b2430;font-size:12px;font-weight:500;white-space:nowrap}.table-empty,.empty-state{padding:34px 20px!important;color:#98a0a8;text-align:center}.dashboard-side{display:grid;gap:16px}.provider-chart{padding:16px 18px}.provider-bar-row+.provider-bar-row{margin-top:15px}.provider-bar-label{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px;font-size:12px}.provider-bar-track{height:8px;overflow:hidden;border-radius:4px;background:#eef1f4}.provider-bar-fill{height:100%;border-radius:inherit;background:var(--red)}.legend-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%}.muted-empty{padding:8px 0;color:#98a0a8;font-size:12px}.legend-card .card-heading{padding-bottom:12px}.legend-list{display:grid;gap:11px;padding:14px 18px 18px}.legend-list>div{display:flex;align-items:center;gap:10px;color:#6f7781;font-size:11.5px}.services-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;padding-bottom:7px}.service-search{position:relative;display:flex;width:260px;min-width:150px;flex:0 1 260px}.service-search .form-control{height:34px;padding-left:34px;font-size:12.5px}.search-icon-button{position:absolute;z-index:1;top:0;bottom:0;left:8px;display:grid;width:20px;place-items:center;border:0;background:transparent;color:#98a0a8}.filter-field,.form-field{display:grid;min-width:125px;flex:1;gap:5px;color:#5a636e;font-size:11px}.services-toolbar .filter-field{display:block;min-width:0;flex:0 0 auto}.filter-select{height:34px;padding:6px 9px;font-size:12px}.filter-field[data-filter=type_key] .filter-select,.filter-field[data-filter=provider_id] .filter-select{width:128px}.filter-field[data-filter=status] .filter-select{width:142px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #EDF0F3;padding:10px 14px;color:#6f7781;font-size:12px}.pagination-info b{color:#1b2430}.pagination-pages{display:flex;align-items:center;gap:4px}.page-button{min-width:30px;height:30px;border:1px solid #E3E7EB;border-radius:7px;background:#fff;padding:0 8px;color:#39414b;font-size:12px;font-variant-numeric:tabular-nums}.page-button:hover:not(:disabled):not(.active){border-color:#c9d0d7;background:#f6f7f9}.page-button.active{border-color:var(--red);background:var(--red);color:#fff;font-weight:600}.page-button:disabled{opacity:.4;cursor:default}.page-gap{min-width:18px;color:#98a0a8;text-align:center}.pagination-size .form-control{width:auto;height:30px;padding:4px 8px;font-size:12px}.service-tabs-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 12px;border-bottom:1px solid #E3E7EB}.service-tabs{display:flex;flex:0 0 auto;gap:4px;overflow-x:auto;scrollbar-width:none}.service-tabs::-webkit-scrollbar{display:none}.service-tab{display:inline-flex;align-items:center;gap:7px;margin-bottom:-1px;border:0;border-bottom:2px solid transparent;background:transparent;padding:9px 14px 10px;color:#6f7781;font-size:13px;font-weight:500;white-space:nowrap}.service-tab:hover{color:#1b2430}.service-tab.active{border-bottom-color:var(--red);color:#1b2430}.service-tab-count{min-width:20px;border-radius:999px;background:#eef0f2;padding:1px 7px;color:#59636e;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;text-align:center}.service-tab--renew .service-tab-count{background:#fdebec;color:#b70002}.service-tab--watch .service-tab-count{background:#e9f1f8;color:#2b5f8a}.service-table-card{overflow:hidden}.list-summary{padding:12px 16px;border-bottom:1px solid #EDF0F3;color:#5a636e;font-size:12px}.list-summary b{color:#1b2430}.list-summary span{color:#98a0a8}.services-table{min-width:1080px;table-layout:fixed}.services-table th:nth-child(1){width:9%}.services-table th:nth-child(2){width:29%}.services-table th:nth-child(3){width:15%}.services-table th:nth-child(4){width:13%}.services-table th:nth-child(5){width:11%}.services-table th:nth-child(6){width:7%}.services-table th:nth-child(7){width:9%}.services-table th:nth-child(8){width:7%}.services-table .service-type{min-width:0;overflow:hidden;text-overflow:ellipsis}.service-type{display:flex;align-items:center;gap:7px;white-space:nowrap}.service-type i{width:8px;height:8px;flex:0 0 8px;border-radius:2px}.clickable-row{cursor:pointer}.clickable-row:hover{background:#fafbfc}.clickable-row:focus-visible{outline:2px solid #3A78B5;outline-offset:-2px}.service-cancelled{background:#f7f8f9}.service-cancelled td:not(:last-child){color:#6e7781}.service-cancelled .service-name{color:#6e7781}.service-cancelled .row-meta{color:#8a929b}.service-cancelled .service-type{filter:grayscale(1)}.table-action{border:1px solid #D3D9DF;border-radius:7px;background:#fff;padding:5px 9px;color:#c11a20;font-size:11.5px;white-space:nowrap}.table-action:hover{border-color:#ea232a;background:#fdecec}.table-action--restore{border-color:#c8d5cc;color:#2e7d5b}.table-action--restore:hover{border-color:#3e9a72;background:#e7f1ec}.inline-error{margin-bottom:12px;color:#b70002;font-size:13px}.modal-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;background:#1419204d;animation:nhFade .18s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #ECEEF0;padding:18px 20px}.drawer-kicker{color:#9aa0a6;font-size:10px;font-weight:600;letter-spacing:1px}.drawer-status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:5px;background:#fdebec;padding:3px 8px;color:#b70002;font-size:11px;line-height:1.2}.drawer-status-pill i{width:7px;height:7px;flex:0 0 7px;border-radius:50%}.drawer-status-pill span{white-space:nowrap}.icon-button{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border:0;border-radius:7px;background:#f1f3f5;color:#5a636e;font-size:21px;line-height:1}.icon-button:hover{background:#e6e9ec}.detail-section{margin-top:17px}.detail-section-title{margin-bottom:8px;color:#929aa4;font-size:10.5px;font-weight:600;letter-spacing:.45px}.detail-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid #E7EBEF;border-radius:10px}.detail-item{display:grid;min-width:0;min-height:50px;align-content:center;gap:3px;border-right:1px solid #E7EBEF;border-bottom:1px solid #E7EBEF;padding:9px 13px}.detail-item:nth-child(2n){border-right:0}.detail-item:nth-last-child(-n+2){border-bottom:0}.detail-item>span{color:#929aa4;font-size:10.5px}.detail-item>b{display:block;overflow-wrap:anywhere;color:#29323e;font-size:12.5px;font-weight:500}.detail-item>b .service-type{white-space:normal}.detail-item>small{overflow-wrap:anywhere;color:#8a929b;font-size:11px;line-height:1.35}.detail-card-stacked{grid-template-columns:1fr}.detail-card-stacked .detail-item,.detail-card-stacked .detail-item:nth-child(2n){border-right:0}.detail-card-stacked .detail-item:nth-last-child(2){border-bottom:1px solid #E7EBEF}.detail-card-stacked .detail-item:last-child{border-bottom:0}.detail-danger,.detail-link{color:#d71920!important}.history-disclosure{border-top:1px solid #F0F1F3;padding-top:12px}.history-disclosure summary{color:#929aa4;cursor:pointer;font-size:10.5px;font-weight:600;letter-spacing:.45px}.history-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #F3F4F5;padding:8px 0;color:#5a636e;font-size:11.5px}.modal-backdrop{align-items:center;justify-content:center;overflow-y:auto;padding:20px}.service-modal{width:min(740px,100%);max-height:min(90vh,900px);overflow:auto;border-radius:12px;background:#fff;box-shadow:0 20px 60px #14192033;animation:nhModal .2s ease}.modal-header h2{margin:4px 0 0;font-size:17px}.service-modal .modal-actions{position:sticky;z-index:1;bottom:0;background:#fff}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 14px;padding:20px}.full-field{grid-column:1 / -1}.service-detail-modal{width:min(780px,100%)}.service-detail-header{align-items:flex-start}.service-detail-heading{min-width:0}.service-detail-heading h2{overflow:hidden;margin:8px 0 0;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.service-detail-sub{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;color:#8a929b;font-size:12px}.service-detail-body{display:grid;gap:16px;padding:18px 20px 20px}.service-hero{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px}.hero-tile{display:grid;align-content:start;gap:4px;min-width:0;border:1px solid #E7EBEF;border-radius:12px;padding:12px 14px}.hero-tile>span{color:#8a929b;font-size:11px;font-weight:500}.hero-tile>b{color:#1b2430;font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.hero-tile>em{color:#8a929b;font-size:11.5px;font-style:normal}.hero-cost{border-color:var(--red);background:linear-gradient(135deg,#ea232a,#c8161d);box-shadow:0 6px 16px #ea232a33}.hero-cost>span,.hero-cost>em{color:#ffe3e4}.hero-cost>b{color:#fff;font-size:24px;letter-spacing:-.3px}.hero-cost>b small{color:#ffd2d4;font-size:12px;font-weight:500;letter-spacing:0}.hero-alert{border-color:#f6c9cb;background:#fff8f8}.hero-alert>b,.hero-alert>em{color:#b70002}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-grid .detail-section{margin-top:0}.copy-text{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}.copy-button{border:1px solid #E3E7EB;border-radius:6px;background:#fff;padding:2px 7px;color:#5a636e;font-size:10.5px;font-weight:500}.copy-button:hover{border-color:#c9d0d7;background:#f6f7f9}.switch{position:relative;display:inline-flex;align-items:center;gap:9px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;width:1px;height:1px;opacity:0}.switch-track{position:relative;width:38px;height:22px;flex:0 0 38px;border-radius:99px;background:#cdd3d9;transition:background .18s}.switch-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #14192040;transition:transform .18s}.switch input:checked+.switch-track{background:#2e9b63}.switch input:checked+.switch-track .switch-thumb{transform:translate(16px)}.switch input:focus-visible+.switch-track{outline:2px solid #3A78B5;outline-offset:2px}.switch-label{color:#1b2430;font-size:13px;font-weight:500}.switch--disabled{cursor:not-allowed;opacity:.55}.switch--sm{gap:6px}.switch--sm .switch-track{width:30px;height:17px;flex-basis:30px}.switch--sm .switch-thumb{top:2.5px;left:2.5px;width:12px;height:12px}.switch--sm input:checked+.switch-track .switch-thumb{transform:translate(13px)}.switch--sm .switch-label{color:#5a636e;font-size:11.5px;font-weight:400}.service-form{display:grid;gap:4px;padding:6px 0 0}.form-section{margin:0;border:0;padding:0}.form-section legend{padding:14px 20px 0;color:#929aa4;font-size:10.5px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.form-section .modal-grid{padding-top:10px;padding-bottom:8px}.form-field small{color:#98a0a8;font-size:10.5px}.input-suffix{position:relative;display:block}.input-suffix .form-control{padding-right:28px}.input-suffix i{position:absolute;top:50%;right:11px;color:#8a929b;font-size:13px;font-style:normal;transform:translateY(-50%)}.switch-field{display:grid;gap:4px;border:1px solid #E7EBEF;border-radius:10px;padding:10px 12px}.check-field{display:flex;align-items:center;gap:8px;color:#5a636e;font-size:12px}.check-field input{accent-color:var(--red)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #ECEEF0;padding:14px 20px}.catalog-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;width:100%;max-width:960px}.catalog-card{overflow:hidden}.catalog-list-heading{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #EDF0F3;padding:14px 18px;color:#5a636e;font-size:12px}.catalog-list-heading b{color:#1b2430}.catalog-list-heading span{color:#98a0a8}.catalog-error{margin:12px 16px 0}.catalog-rows{padding:0 14px}.catalog-row{display:flex;min-height:72px;align-items:center;gap:12px;border-bottom:1px solid #F1F3F5;padding:10px 4px}.catalog-row:last-child{border-bottom:0}.catalog-row.selected{background:#fff8f8}.catalog-color{width:10px;height:34px;flex:0 0 10px;border-radius:5px}.catalog-main{min-width:0;flex:1}.catalog-main b{display:block;overflow:hidden;color:#29323e;font-size:13px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.catalog-meta{overflow:hidden;margin-top:4px;color:#8a929b;font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.count-pill{flex:0 0 auto;border-radius:99px;background:#f1f3f5;padding:4px 8px;color:#69727d;font-size:10.5px}.catalog-row--clickable{cursor:pointer;border-radius:8px;transition:background .12s}.catalog-row--clickable:hover{background:#fafbfc}.catalog-chevron{flex:0 0 auto;padding:0 4px;color:#b4bbc2;font-size:20px;line-height:1}.catalog-modal{width:min(460px,100%)}.catalog-modal--wide{width:min(820px,100%)}.modal-actions-left{margin-right:auto}.danger-button:disabled{opacity:.45;cursor:not-allowed}.in-use-note{border:1px solid #F3E2B8;border-radius:8px;background:#fbf7ec;padding:9px 12px;color:#7a5a12;font-size:12px;line-height:1.5}.in-use-note b{color:#5e440c}.type-usage{border-radius:8px;background:#f6f7f9;padding:10px 12px;color:#5a636e;font-size:12px;line-height:1.5}.type-usage b{color:#1b2430}.provider-detail{display:grid;gap:16px;padding:18px 20px 20px}.provider-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid #E7EBEF;border-radius:10px}.provider-info>div{display:grid;min-width:0;gap:3px;border-right:1px solid #E7EBEF;border-bottom:1px solid #E7EBEF;padding:9px 13px}.provider-info>div:nth-child(2n){border-right:0}.provider-info>div:nth-last-child(-n+2){border-bottom:0}.provider-info span{color:#929aa4;font-size:10.5px}.provider-info b{overflow-wrap:anywhere;color:#29323e;font-size:12.5px;font-weight:500}.provider-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.provider-stats>div{display:grid;gap:2px;border:1px solid #E7EBEF;border-radius:10px;padding:11px 13px}.provider-stats b{color:#1b2430;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.provider-stats span{color:#8a929b;font-size:11px}.provider-stats .is-alert{border-color:#f6c9cb;background:#fff8f8}.provider-stats .is-alert b{color:#b70002}.provider-type-chips{display:flex;flex-wrap:wrap;gap:6px}.provider-type-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #E7EBEF;border-radius:99px;padding:4px 10px;color:#39414b;font-size:11.5px}.provider-type-chip i,.provider-group-title i{width:8px;height:8px;flex:0 0 8px;border-radius:2px}.provider-type-chip b{color:#1b2430;font-weight:600}.provider-group{overflow:hidden;border:1px solid #E7EBEF;border-radius:10px}.provider-group-title{display:flex;align-items:center;gap:8px;background:#fafbfc;border-bottom:1px solid #EDF0F3;padding:9px 13px;color:#29323e;font-size:12.5px;font-weight:600}.provider-group-title span{margin-left:auto;color:#8a929b;font-size:11px;font-weight:400}.provider-service{display:grid;grid-template-columns:96px minmax(0,1fr) 110px 130px;align-items:center;gap:12px;border-bottom:1px solid #F1F3F5;padding:9px 13px;font-size:12.5px}.provider-service:last-child{border-bottom:0}.provider-service-main{min-width:0}.provider-service-main .service-name{overflow:hidden;text-overflow:ellipsis}.provider-service .service-cost{text-align:right}.party-note{display:grid;gap:3px;border:1px solid #E7EBEF;border-radius:10px;padding:9px 13px;color:#29323e;font-size:12.5px;line-height:1.5;white-space:pre-line}.party-note span{color:#929aa4;font-size:10.5px}.catalog-form-fields{display:grid;gap:14px;padding:16px}.catalog-form-fields .form-control{font-size:12px}.color-input-row{display:flex;align-items:center;gap:8px}.color-control{width:46px;height:38px;flex:0 0 46px;padding:4px}.color-code-control{min-width:0;flex:1}.users-page{display:grid;gap:12px;width:100%;max-width:960px}.users-card{overflow:hidden}.users-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #EDF0F3;padding:16px 20px}.users-count{margin-top:3px;color:#8a929b;font-size:12px}.users-count b{color:#29323e;font-size:15px}.users-list{padding:0 20px}.member-row{display:flex;min-height:74px;align-items:center;gap:12px;border-bottom:1px solid #F1F3F5}.member-row:last-child{border-bottom:0}.member-avatar{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:50%;background:#e9f1f8;color:#3a78b5;font-size:12px;font-weight:600}.member-info{min-width:0;flex:1}.member-name{overflow:hidden;color:#29323e;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.member-subtitle{margin-top:4px;color:#8a929b;font-size:11.5px}.member-role,.member-status,.member-protected{display:inline-flex;align-items:center;border-radius:99px;padding:5px 9px;font-size:10.5px;line-height:1.2;white-space:nowrap}.member-role{background:#eef3f8;color:#49657e}.member-role-admin{background:#fdebec;color:#b70002}.member-status-active{background:#e7f1ec;color:#2e7d5b}.member-status-inactive{background:#eef0f2;color:#59636e}.member-protected{background:#f8f4e8;color:#8a6a19}.member-actions{display:flex;min-width:max-content;align-items:center;justify-content:flex-end;gap:8px}.member-empty{padding:42px 20px;color:#98a0a8;font-size:13px;text-align:center}.member-modal{width:min(540px,100%)}.member-form{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:16px;padding:20px}.member-form .form-field{min-width:0}.member-form .form-control{height:38px}.member-form small{color:#8a929b;font-size:11px}.member-form-error{margin:0 20px 12px;border-radius:8px;background:#fdebec;padding:10px 12px}.member-modal .primary-button:disabled{cursor:wait;opacity:.65}.table-action--pending,.secondary-button.table-action--pending{border-color:#f2c48d;background:#fff6eb;color:#9a4d00;font-weight:600}.table-action--pending:hover{border-color:#e07b00;background:#ffebd2}.hero-pending{border-color:#f2c48d;background:#fff8ef}.hero-pending>b,.hero-pending>em{color:#9a4d00}.hero-margin{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;margin-top:4px;border-top:1px solid #ffffff3d;padding-top:7px;color:#ffe3e4;font-size:11.5px}.hero-margin b{color:#fff;font-weight:600}.hero-margin b.is-loss{color:#ffd6a0}.confirm-panel{display:grid;gap:12px;border:1px solid #F2C48D;border-radius:12px;background:#fff8ef;padding:14px 16px}.confirm-panel-text{display:grid;gap:4px;color:#7a4a12;font-size:12.5px;line-height:1.5}.confirm-panel-text b{color:#5e3708;font-size:13.5px}.renew-split{display:inline-flex;gap:6px;align-items:center}.renew-split .form-control{width:auto;height:36px}.confirm-panel-reminded{color:#8a6a3a;font-size:12px}.confirm-panel-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.confirm-amount{width:150px}.confirm-amount .form-control{height:36px;background:#fff}.confirm-ok{background:#d06a00}.confirm-ok:hover{background:#b85c00}.confirm-panel button:disabled{cursor:wait;opacity:.6}.history-note{display:block;margin-top:2px;color:#98a0a8;font-size:10.5px}.history-row b{color:#29323e;font-weight:600}.margin-ok{color:#2e7d5b!important;font-weight:500}.margin-loss{color:#b70002!important;font-weight:500}.form-field-note{align-content:start}.form-field-note small{padding-top:10px}.cost-split-profit{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;border-top:1px dashed #E3E7EB;padding-top:12px}.cost-split-profit>div{display:grid;gap:2px}.cost-split-profit span{color:#8a929b;font-size:11px}.cost-split-profit b{color:#1b2430;font-size:14px;font-variant-numeric:tabular-nums}.cost-split-profit b.is-profit{color:#2e7d5b}.cost-split-profit b.is-loss{color:#b70002}.cost-split-profit small{grid-column:1 / -1;color:#98a0a8;font-size:10.5px}.grace-field{max-width:320px}.grace-field>span:first-child{display:flex;align-items:center;gap:6px}.owner-badge{display:inline-flex;align-items:center;border-radius:4px;background:#f1ecfa;padding:1px 6px;color:#6b46a8;font-size:10px;font-weight:600;letter-spacing:.2px;white-space:nowrap}.owner-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}.segmented{display:inline-flex;flex:0 0 auto;border:1px solid #DDE2E7;border-radius:8px;background:#f6f7f9;padding:2px}.segmented button{border:0;border-radius:6px;background:transparent;padding:6px 10px;color:#5a636e;font-size:12px;white-space:nowrap}.segmented button:hover{color:#1b2430}.segmented button.active{background:#fff;box-shadow:0 1px 2px #1419201f;color:#1b2430;font-weight:600}.owner-tabs{margin-bottom:12px;border-bottom:1px solid #E3E7EB}.kind-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kind-option{position:relative;cursor:pointer}.kind-option input{position:absolute;opacity:0}.kind-option>span{display:grid;gap:2px;border:1px solid #DDE2E7;border-radius:9px;padding:10px 12px;transition:border-color .12s,background .12s}.kind-option b{color:#1b2430;font-size:13px;font-weight:600}.kind-option small{color:#8a929b;font-size:11px}.kind-option input:checked+span{border-color:var(--red);background:#fff8f8;box-shadow:0 0 0 3px #ea232a14}.kind-option input:focus-visible+span{outline:2px solid #3A78B5;outline-offset:2px}.cost-split-body{display:grid;gap:12px;padding:16px 18px 18px}.cost-split-bar{overflow:hidden;height:8px;border-radius:99px;background:#dce7f2}.cost-split-bar span{display:block;height:100%;border-radius:inherit;background:#7c56c2}.cost-split-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;font-size:12.5px}.cost-split-row b{color:#29323e;font-weight:600}.cost-split-row strong{color:#1b2430;font-size:14px;font-variant-numeric:tabular-nums}.cost-dot{width:10px;height:10px;border-radius:3px}.cost-dot--internal{background:#7c56c2}.cost-dot--client{background:#8fb4d9}.icon{flex:0 0 auto}.icon-text,.icon-only{display:inline-flex;align-items:center;justify-content:center;gap:6px}.icon-text .icon{opacity:.8}.icon-only{padding-right:8px;padding-left:8px}.secondary-button.is-done{border-color:#b9d9c8;color:#2e7d5b}.secondary-button:hover,.danger-button:hover{background:#f6f7f9}.danger-button:hover{border-color:#d9a5a5;background:#fff6f6}.modal-title-row{display:flex;min-width:0;align-items:center;gap:12px}.modal-title-icon{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:10px;background:#fdecec;color:var(--red)}.search-field{position:relative;display:block}.search-field>.icon{position:absolute;top:50%;left:11px;color:#98a0a8;transform:translateY(-50%);pointer-events:none}.search-field>.form-control{height:34px;padding-left:33px;font-size:12.5px}.password-input{position:relative;display:block;min-width:0;flex:1}.password-input .form-control{padding-right:38px}.password-eye{position:absolute;top:50%;right:5px;display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:6px;background:transparent;color:#8a929b;transform:translateY(-50%)}.password-eye:hover{background:#f1f3f5;color:#39414b}.users-tools{display:flex;align-items:center;gap:8px}.users-search{width:250px}.member-subtitle{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}.member-email{display:inline-flex;align-items:center;gap:4px}.member-role,.member-status{gap:5px}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.member-row--inactive .member-name,.member-row--inactive .member-avatar{opacity:.55}.member-avatar--admin{background:#fdecec;color:var(--red)}.member-me{margin-left:7px;border-radius:99px;background:#eef0f2;padding:2px 7px;color:#59636e;font-size:10px;font-weight:600;vertical-align:1px}.member-actions .secondary-button,.member-actions .danger-button{padding:6px 9px;font-size:11.5px}.users-note{margin:0 4px;color:#98a0a8;font-size:11.5px}.password-row{display:flex;gap:6px}.password-row .form-control{flex:1}.password-row .secondary-button{flex:0 0 auto;white-space:nowrap}.reset-hint{margin:0;color:#5a636e;font-size:12.5px}.form-message{margin:0 20px;border-radius:8px;padding:10px 12px;font-size:12.5px;line-height:1.5}.member-form .form-message,.admin-card .form-message{margin:0}.form-message--ok{background:#e7f1ec;color:#24664a}.form-message--error{background:#fdebec;color:#b70002}.user-profile-button{display:flex;min-width:0;flex:1;align-items:center;gap:10px;border:0;border-radius:8px;background:transparent;padding:4px;margin:-4px;text-align:left}.user-profile-button:hover{background:#f6f7f9}.user-profile-button .user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-modal{width:min(520px,100%)}.profile-head{display:flex;align-items:center;gap:14px;padding:18px 20px 6px}.profile-avatar{display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;border-radius:50%;background:#fdecec;color:var(--red);font-size:16px;font-weight:600}.profile-name{color:#1b2430;font-size:15px;font-weight:600}.profile-meta{display:flex;align-items:center;gap:6px;margin-top:4px;color:#8a929b;font-size:12px}.profile-tabs{display:flex;gap:4px;margin:8px 20px 0;border-bottom:1px solid #E3E7EB}.profile-modal .form-message{margin-top:14px}.admin-page{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;max-width:1180px}.admin-main,.admin-side{display:grid;gap:16px}.admin-card{display:grid;gap:16px;padding:18px 20px}.admin-card-head h3{margin:0;color:#1b2430;font-size:14px;font-weight:600}.admin-card-head p{margin:4px 0 0;color:#8a929b;font-size:12px;line-height:1.5}.threshold-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.threshold-grid .form-field>span:first-child{display:flex;align-items:center;gap:6px}.threshold-dot{width:8px;height:8px;border-radius:50%}.input-suffix i{font-size:12px}.input-suffix .form-control[type=number]{padding-right:46px}.threshold-scale{display:flex;overflow:hidden;border-radius:9px}.threshold-seg{display:grid;min-width:0;gap:1px;padding:8px 10px;font-size:11px}.threshold-seg b{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.threshold-seg span{overflow:hidden;opacity:.85;text-overflow:ellipsis;white-space:nowrap}.chip-input{display:flex;min-height:40px;flex-wrap:wrap;align-items:center;gap:6px;border:1px solid #DDE2E7;border-radius:8px;background:#fff;padding:5px 8px;cursor:text}.chip-input:focus-within{border-color:var(--red);box-shadow:0 0 0 3px #ea232a1a}.chip-input input{min-width:160px;flex:1;border:0;outline:none;padding:4px 2px;font-size:13px}.email-chip{display:inline-flex;align-items:center;gap:4px;border-radius:99px;background:#eef3f8;padding:3px 4px 3px 10px;color:#2b5f8a;font-size:12px}.email-chip button{display:grid;width:18px;height:18px;place-items:center;border:0;border-radius:50%;background:transparent;color:inherit;font-size:14px;line-height:1}.email-chip button:hover{background:#d9e5f0}.email-chip--bad{background:#fdebec;color:#b70002}.mark-chips{display:flex;flex-wrap:wrap;gap:6px}.mark-chip{border:1px solid #DDE2E7;border-radius:99px;background:#fff;padding:6px 12px;color:#5a636e;font-size:12px}.mark-chip:hover{border-color:#c9d0d7}.mark-chip.active{border-color:var(--red);background:#fdecec;color:#b70002;font-weight:500}.admin-savebar{position:sticky;bottom:12px;display:flex;align-items:center;gap:8px;border:1px solid #E3E7EB;border-radius:10px;background:#fff;padding:10px 12px 10px 16px;box-shadow:0 8px 24px #1419201f;color:#39414b;font-size:12.5px}.admin-savebar{box-shadow:none}.admin-savebar>span{flex:1;color:#8a929b}.admin-savebar--dirty{border-color:#f3d9a4;background:#fffcf4;box-shadow:0 8px 24px #1419201f}.admin-savebar--dirty>span{color:#7a5a12}.admin-savebar--saved>span{color:#2e7d5b}.admin-savebar--invalid{border-color:#f6c9cb;background:#fff8f8}.admin-savebar--invalid>span{color:#b70002}.admin-savebar button:disabled{cursor:not-allowed;opacity:.45}.admin-actions{display:flex;gap:8px}.admin-actions>button{flex:1}.admin-actions button:disabled{cursor:not-allowed;opacity:.5}.notify-result{display:grid;gap:8px;border-radius:9px;background:#f6f7f9;padding:10px 12px;color:#39414b;font-size:12.5px}.notify-result ul{display:grid;gap:4px;max-height:220px;overflow:auto;margin:0;padding-left:18px;color:#5a636e;font-size:12px}.notify-log{display:grid;max-height:420px;overflow:auto;margin:-4px 0}.notify-log-row{display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid #F1F3F5;padding:9px 0;font-size:12.5px}.notify-log-row:last-child{border-bottom:0}.notify-status{flex:0 0 auto;border-radius:5px;padding:2px 7px;font-size:10.5px;font-weight:600}.notify-status--sent{background:#e7f1ec;color:#2e7d5b}.notify-status--failed{background:#fdebec;color:#b70002}.notify-error{margin-top:2px;color:#b70002;font-size:11.5px}.audit-page{display:grid;gap:12px;max-width:960px}.audit-filters{display:grid;grid-template-columns:minmax(0,1fr) 160px 160px auto;align-items:center;gap:8px}.audit-filters .form-control{height:34px;font-size:12.5px}.audit-hide-login{white-space:nowrap}.audit-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px;color:#8a929b;font-size:12px}.audit-summary .danger-button:disabled{cursor:not-allowed;border-color:#e6e9ec;color:#a9b0b7}.audit-more{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;color:#8a929b;font-size:12px}.audit-loading{display:inline-flex;align-items:center;gap:8px}.audit-spinner{width:14px;height:14px;border:2px solid #E1E5E9;border-top-color:var(--red);border-radius:50%;animation:audit-spin .8s linear infinite}@keyframes audit-spin{to{transform:rotate(360deg)}}.cleanup-body{display:grid;gap:14px;padding:20px}.cleanup-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cleanup-stats>div{display:grid;gap:3px;border:1px solid #EDF0F3;border-radius:9px;background:#fafbfc;padding:12px}.cleanup-stats b{color:#1b2430;font-size:17px;font-weight:600}.cleanup-stats>div:first-child b{color:#b23b3b}.cleanup-stats span{color:#8a929b;font-size:11.5px}.audit-day{overflow:hidden}.audit-day-title{display:flex;justify-content:space-between;border-bottom:1px solid #EDF0F3;background:#fafbfc;padding:9px 16px;color:#29323e;font-size:12.5px;font-weight:600}.audit-day-title span{color:#98a0a8;font-weight:400}.audit-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #F1F3F5;padding:10px 16px;font-size:12.5px}.audit-row:last-child{border-bottom:0}.audit-time{width:40px;flex:0 0 40px;color:#8a929b;font-variant-numeric:tabular-nums}.audit-avatar{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border-radius:50%;background:#eef3f8;color:#49657e;font-size:10px;font-weight:600}.audit-body{min-width:0;flex:1}.audit-detail{overflow-wrap:anywhere;color:#29323e}.audit-action{flex:0 0 auto;border-radius:99px;padding:3px 9px;font-size:10.5px;font-weight:600}.audit-action--create{background:#e7f1ec;color:#2e7d5b}.audit-action--update{background:#e9f1f8;color:#2b5f8a}.audit-action--delete{background:#fdebec;color:#b70002}.audit-action--renew{background:#fbf2de;color:#8a5e10}.audit-action--neutral{background:#eef0f2;color:#59636e}.content-scroll>div>h2:first-child{display:none}@keyframes nhFade{0%{opacity:0}to{opacity:1}}@keyframes nhDrawer{0%{transform:translate(24px);opacity:.7}to{transform:translate(0);opacity:1}}@keyframes nhModal{0%{transform:translateY(8px) scale(.99);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (max-width: 1280px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1180px){.admin-page{grid-template-columns:1fr}.service-tabs-bar{flex-wrap:wrap}.services-toolbar{order:-1;flex:1 1 100%;padding-bottom:4px}}@media (max-width: 760px){.services-toolbar{flex-wrap:wrap}.service-search{width:100%;flex:1 1 100%}.services-toolbar .filter-field{flex:1 1 0}.services-toolbar .filter-select{width:100%!important}.service-tabs{gap:0}.pagination{flex-wrap:wrap;justify-content:center}.service-hero,.detail-grid{grid-template-columns:1fr}.users-heading{flex-wrap:wrap}.users-tools{width:100%}.users-search{flex:1;width:auto}.member-actions .icon-text>span{display:none}.member-actions .icon-text{padding-right:8px;padding-left:8px}.password-row{flex-wrap:wrap}.threshold-grid{grid-template-columns:1fr}.segmented{width:100%}.segmented button{flex:1}.kind-options{grid-template-columns:1fr}.threshold-scale{flex-direction:column}.audit-filters{grid-template-columns:1fr 1fr}.audit-filters>input{grid-column:1 / -1}.service-detail-modal .modal-actions{flex-wrap:wrap}.pagination-info{flex:1 1 100%;text-align:center}.service-tab{gap:5px;padding:9px 9px 10px}}@media (max-width: 900px){.dashboard-columns{grid-template-columns:1fr}.dashboard-side{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpi-card{padding:13px 10px 12px 13px}.kpi-title,.kpi-sub{font-size:10px}.attention-heading{align-items:flex-start}.dashboard-side{grid-template-columns:1fr}.services-toolbar{gap:8px}.service-search{min-width:100%;flex-basis:100%}.services-toolbar .filter-field{min-width:calc(50% - 8px);flex:1 1 calc(50% - 8px)}.modal-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.service-modal{max-height:94vh}.catalog-row{gap:7px}.provider-info,.provider-stats{grid-template-columns:1fr}.provider-info>div{border-right:0}.provider-info>div:nth-last-child(2){border-bottom:1px solid #E7EBEF}.provider-service{grid-template-columns:minmax(0,1fr) auto}.provider-service .status-badge,.provider-service>:first-child{grid-column:1 / -1;justify-self:start}.catalog-row .secondary-button,.catalog-row .danger-button{padding:6px 7px}}@media (max-width: 1050px){.sidebar{flex-basis:205px}.content-scroll{padding:20px}.topbar{padding:0 20px}}@media (max-width: 760px){.sidebar{flex-basis:62px;align-items:center}.brand{justify-content:center;padding:14px 8px}.brand>div:last-child,.nav-group,.nav-label,.user-summary,.logout-button{display:none}.sidebar-nav{width:100%}.nav-link{justify-content:center;margin:3px 6px;padding:10px 0}.nav-link.active:before{left:1px}.sidebar-user{padding:12px 0}.topbar{min-height:60px;flex-basis:60px;padding:0 14px}.today-chip{display:none}.content-scroll{padding:16px 12px 28px}.users-heading{align-items:flex-start;padding:14px}.users-heading .primary-button{padding:8px 10px;font-size:12px}.users-list{padding:0 14px}.member-row{flex-wrap:wrap;gap:9px 10px;padding:12px 0}.member-info{flex:1 1 calc(100% - 50px)}.member-actions{margin-left:auto}.member-form{grid-template-columns:1fr;padding:16px}.member-form-error{margin:0 16px 12px}}.client-mail-page{display:grid;grid-template-columns:minmax(0,1fr) 640px;align-items:start;gap:16px;max-width:1320px}.client-mail-main{display:grid;gap:16px}.client-mail-page .admin-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.client-mail-page code{border-radius:4px;background:#f1f3f5;padding:1px 4px;font-size:11.5px}.client-mail-page .form-message code{background:#fff6}.client-optin{display:flex;align-items:flex-start;gap:8px;border-radius:8px;background:#f6f8fa;padding:10px 12px;color:#5a636e;font-size:12.5px;line-height:1.5}.client-optin .icon{margin-top:2px;color:#8a929b}.client-optin a{color:var(--red)}.is-warn{color:#b26a00}.mail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mail-brand{display:flex;align-items:center;gap:16px}.logo-box{display:grid;width:240px;height:88px;flex:0 0 240px;place-items:center;border:1px dashed #D5DBE1;border-radius:10px;background:repeating-conic-gradient(#f6f8fa 0,#f6f8fa 25%,#fff 0,#fff 50%) 0 0 / 16px 16px;padding:10px;color:#a9b0b7;font-size:12px}.logo-box img{max-width:100%;max-height:100%;object-fit:contain}.logo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.logo-actions small{flex:1 1 100%;color:#8a929b;font-size:11.5px}.logo-upload{cursor:pointer}.var-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:#8a929b;font-size:12px}.var-chip{border:1px solid #DDE2E7;border-radius:6px;background:#f8f9fa;padding:3px 7px;color:#39414b;font-family:Consolas,monospace;font-size:11.5px}.var-chip:hover{border-color:var(--red);color:#b70002}.mail-preview{position:sticky;top:76px;display:grid;gap:10px}.mail-preview-bar .form-control{height:34px;font-size:12.5px}.mail-envelope{display:grid;gap:4px;border:1px solid #E3E7EB;border-radius:10px;background:#fff;padding:10px 14px;font-size:12.5px}.mail-envelope:empty{display:none}.mail-envelope>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px}.mail-envelope span{color:#8a929b}.mail-envelope b{overflow:hidden;color:#1b2430;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.mail-frame-wrap{overflow:auto;max-height:calc(100vh - 290px);min-height:320px;border:1px solid #E3E7EB;border-radius:10px;background:#f3f5f7}.mail-frame{display:block;width:100%;height:900px;border:0}.mail-test{display:flex;align-items:center;gap:8px}.mail-test .form-control{flex:1 1 auto;min-width:0;height:34px;font-size:12.5px}.mail-test .secondary-button{flex:0 0 auto;height:34px;white-space:nowrap}.mail-test .secondary-button:disabled{cursor:not-allowed;opacity:.55}.catalog-mail-tag{display:inline-flex;align-items:center;gap:4px;border-radius:99px;background:#eef5fc;padding:2px 8px;color:#2f6aa3;font-size:11px;white-space:nowrap}.notify-channel{margin-left:6px;border-radius:4px;background:#eef5fc;padding:1px 5px;color:#2f6aa3;font-size:10.5px;font-weight:500}.remind-preview{overflow:auto;max-height:60vh;margin:0 20px;border:1px solid #E3E7EB;border-radius:10px;background:#f3f5f7}.remind-preview iframe{display:block;width:100%;height:700px;border:0}.remind-meta{display:grid;gap:4px;padding:16px 20px 12px;font-size:12.5px}.remind-meta span{color:#8a929b}@media (max-width: 1200px){.client-mail-page{grid-template-columns:1fr}.mail-preview{position:static}}@media (max-width: 640px){.mail-grid{grid-template-columns:1fr}.mail-brand{flex-direction:column;align-items:stretch}.logo-box{width:100%;flex-basis:auto}}.admin-side-note{margin:0;color:#8a929b;font-size:12px;line-height:1.5}.admin-side-note a{color:var(--red)}.admin-card>.notify-result+.notify-result,.admin-card>.form-message+.notify-result,.admin-card>.notify-result+.form-message{margin-top:-8px}.client-mail-page .admin-card-head .switch{flex:0 0 auto;white-space:nowrap}.client-mail-main>.form-message{margin:0}.pay-code,.provider-info .pay-code{border-radius:5px;background:#f1f3f5;padding:2px 7px;color:#1b2430;font-size:12.5px;font-weight:600;letter-spacing:1px}.admin-card .admin-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.admin-card-head .switch{flex:0 0 auto;white-space:nowrap}.auto-cancel-preview{border-radius:9px;background:#f6f7f9;padding:10px 12px;color:#39414b;font-size:12.5px;line-height:1.5}.auto-cancel-preview.has-items{background:#fff4e5;color:#7a4a00}.auto-cancel-preview ul{margin:6px 0 0;padding-left:18px}.auto-cancel-preview em{color:#b26a00;font-style:normal}.auto-cancel-preview small{display:block;margin-top:4px}