@charset "UTF-8";
:root{--canvas:#f6f7f9;--paper:#fff;--ink:#202726;--muted:#8b9299;--line:#eaedf0;--lime:#c5f16b;--green:#208568;--green-soft:#edf7f0;--amber:#b97922;--amber-soft:#fff5e6;--red:#d15b57;--nav:#172522;--nav-muted:#92a29d;--radius:15px;--shadow:0 4px 20px #15252204;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none;font-size:14px;line-height:1.45}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button,a,input,select,textarea{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8cae50;outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button{color:inherit}svg.icon{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.number,.kpi-value,.stat-pair strong,.method-value,.conv-value{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.tiny{font-size:11px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.3px}.positive{color:var(--green)}.negative{color:var(--red)}.hidden,[hidden]{display:none!important}
.sidebar{position:fixed;inset:0 auto 0 0;width:232px;z-index:40;background:var(--nav);color:#f2f7f4;display:flex;flex-direction:column;padding:29px 18px 18px}.brand{display:flex;align-items:center;gap:10px;padding:0 13px 36px;font-size:24px;font-weight:650;letter-spacing:-1px}.brand-symbol{color:var(--lime);display:inline-flex;align-items:center;justify-content:center;width:29px;height:30px}.brand-symbol svg{width:29px;height:29px}.brand small{color:var(--nav-muted);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;display:block}.nav-label{padding:0 14px;margin:19px 0 12px;color:#71867e;font-size:10px;letter-spacing:1.5px;font-weight:600;text-transform:uppercase}.nav-item{width:100%;display:flex;align-items:center;gap:12px;background:transparent;border:0;color:#aebcb5;text-align:left;padding:12px 14px;border-radius:8px;margin:3px 0;font-weight:500;transition:background .15s,color .15s;font-size:13px}.nav-item:hover{background:#ffffff09;color:#fff}.nav-item.active{background:var(--lime);color:#24352b;font-weight:600}.nav-count{margin-left:auto;background:#ffffff10;padding:1px 6px;border-radius:5px;font-size:10px}.nav-item.active .nav-count{background:#22382613}.sidebar-bottom{margin-top:auto;padding-top:25px}.sidebar-bottom>.button{width:100%;color:#9bad9f}.workspace-card{border-top:1px solid #ffffff10;padding:20px 10px 0;display:flex;align-items:center;gap:10px}.workspace-card strong{display:block;font-size:12px;font-weight:500}.workspace-card small{color:#82988d;font-size:10px}.avatar{height:33px;width:33px;border-radius:9px;background:#35463e;color:#e0eddb;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex:none}.workspace-card .icon{margin-left:auto;width:14px;color:#8fa496}
.main{margin-left:232px;min-height:100vh}.topbar{height:73px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 33px;gap:20px}.breadcrumb{color:#a1a7ac;font-size:12px;display:flex;align-items:center;gap:12px}.breadcrumb strong{font-weight:500;color:#56605d}.breadcrumb .icon{width:13px}.top-actions{display:flex;align-items:center;gap:18px;font-size:11px;color:#697871}.status-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:#6bc28e;margin-right:6px;box-shadow:0 0 0 3px #eff8f1}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#7f8985;position:relative}.icon-button:hover{background:#f5f7f6;color:#293f33}.profile{display:flex;align-items:center;gap:9px;padding-left:16px;border-left:1px solid var(--line)}.profile .avatar{background:#ecefe9;color:#567047;width:31px;height:31px}.profile .icon{width:13px}.content{max-width:1560px;padding:31px 33px 40px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#8b9691;font-weight:600;margin-bottom:5px}h1{font-size:29px;font-weight:600;letter-spacing:-1.1px;line-height:1.25}.subtitle{color:#8b9299;font-size:12px;margin-top:8px}.header-actions{display:flex;align-items:center;gap:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;padding:10px 15px;border:1px solid transparent;background:#fff;font-size:12px;font-weight:550;line-height:1.35;white-space:nowrap;transition:background .15s,transform .15s}.button:hover{filter:brightness(.97)}.button:active{transform:translateY(1px)}.button.primary{background:var(--lime);color:#2e4021;border-color:#bbeb62}.button.secondary{background:#fff;border-color:#e2e7e5;color:#57645d}.button.ghost{background:transparent;color:#7f8c84;padding:8px}.button.danger{background:#fff1ef;color:#b95751;border-color:#f6dedb}.button.small{font-size:11px;padding:6px 10px}.button .icon{width:15px;height:15px}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#eef3eb;color:#74806b;border:1px solid #e4eadd;border-radius:9px;padding:11px 15px;font-size:11px;margin-bottom:24px}.demo-banner>span{display:flex;align-items:center;gap:8px}.demo-banner strong{color:#536744;font-weight:550}.demo-banner .icon{width:15px;height:15px}.demo-banner .button{color:#61734c;padding:0;font-size:11px}
.filters-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:21px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.segmented{display:inline-flex;align-items:center;padding:4px;background:#eaedee;border-radius:8px;gap:2px}.segmented button{border:0;padding:7px 13px;font-size:11px;border-radius:5px;color:#87908d;background:transparent;white-space:nowrap}.segmented button.active{background:#fff;color:#35443c;box-shadow:0 1px 4px #1b312b09;font-weight:550}.select-wrap{position:relative;display:inline-flex;align-items:center;gap:8px}.select-wrap select{border:1px solid #e2e7e5;border-radius:7px;padding:10px 31px 10px 12px;background-color:#fff;color:#626e67;font-size:11px;min-width:99px;cursor:pointer;max-width:240px}.select-wrap>.icon{position:absolute;right:10px;width:12px;pointer-events:none}.select-wrap label{font-size:11px;color:#919992}.date-range{display:flex;gap:7px;align-items:center;color:#8c968e;font-size:11px}.date-range input{padding:8px;border:1px solid var(--line);border-radius:6px;background:#fff;max-width:139px;color:#697871;font-size:11px}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.kpi-card{position:relative;background:#fff;border:1px solid var(--line);padding:20px 20px 17px;border-radius:var(--radius);min-height:166px;overflow:hidden;box-shadow:var(--shadow)}.kpi-card.hero{border-color:#cadbb5;background:linear-gradient(110deg,#f3f8ed,#fafcf8)}.kpi-card.green{background:#f2f7f4}.kpi-label{font-size:11px;color:#8a958d;display:flex;align-items:center;gap:6px;font-weight:500}.kpi-icon{position:absolute;right:18px;top:18px;color:#8ca080}.kpi-icon .icon{width:17px;height:17px}.kpi-value{font-size:29px;letter-spacing:-1.2px;font-weight:600;line-height:1.25;margin-top:17px;white-space:nowrap}.kpi-value small{font-size:13px;letter-spacing:0;font-weight:450;margin-left:4px;color:#8a958d}.kpi-sub{margin-top:4px;color:#a0a6a1;font-size:10px;min-height:15px}.kpi-bottom{display:flex;justify-content:space-between;align-items:center;gap:4px;margin-top:15px;font-size:10px;color:#a0a9a0}.delta{display:inline-flex;gap:3px;align-items:center;padding:3px 5px;border-radius:4px;background:#edf5ea;color:#6e8d57;font-size:10px;white-space:nowrap}.delta.negative{background:#fcf0ed;color:#c1786b}.delta .icon{width:11px;height:11px}.sparkline{height:30px;width:79px;opacity:.8}.sparkline svg{display:block;width:100%;height:100%}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr);gap:20px;margin-bottom:24px}.panel{border:1px solid var(--line);background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 23px 18px}.panel-title{font-weight:600;font-size:14px;letter-spacing:-.2px}.panel-sub{color:#a0a7a1;font-size:10px;margin-top:5px;line-height:1.5}.panel-body{padding:0 23px 22px}.panel-head .button.ghost{font-size:10px;padding:3px}.panel-head .select-wrap select{padding-top:7px;padding-bottom:7px;font-size:10px}.chart-wrap{position:relative;width:100%;margin-top:6px}.chart-wrap>svg{display:block;width:100%;height:auto;overflow:visible}.chart-wrap svg text{font-family:inherit;font-size:10px;fill:#a8afa9}.chart-wrap svg .chart-line{fill:none;stroke:#77a450;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.chart-wrap svg .grid-line{stroke:#eef0ee;stroke-width:1;stroke-dasharray:3 5}.chart-legend{display:flex;gap:18px;align-items:center;font-size:10px;color:#929d94;margin:10px 0 0;flex-wrap:wrap}.legend-dot{display:inline-block;width:7px;height:7px;background:#92af6d;border-radius:50%;margin-right:6px}.chart-legend span:nth-child(2) .legend-dot{border-radius:2px;background:#e8eedf}.chart-tooltip{position:absolute;z-index:2;pointer-events:none;background:#20342a;color:#fff;border-radius:7px;padding:9px 12px;font-size:10px;line-height:1.6;box-shadow:0 5px 15px #12291a18;transform:translate(-50%,-100%);white-space:nowrap}.chart-tooltip strong{font-size:13px}.method-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #f0f2f0;cursor:pointer}.method-row:first-child{padding-top:3px}.method-row:last-child{border-bottom:0;padding-bottom:0}.method-row:hover .method-info strong{color:#719449}.method-icon{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#f2f4ee;color:#809764;flex:none}.method-icon .icon{width:17px;height:17px}.method-info{flex:1;min-width:0}.method-info strong{font-size:11px;font-weight:550;display:block}.method-info small{font-size:9px;color:#a2aaa4}.method-info .progress{margin-top:7px;width:100%}.method-value{text-align:right;font-size:12px;font-weight:600;min-width:60px}.method-value small{display:block;font-size:9px;font-weight:400;color:#a2aaa4;margin-top:3px}.progress{height:4px;background:#eef1ed;border-radius:4px;overflow:hidden;min-width:50px}.progress .fill{height:100%;border-radius:4px;background:#9abd78;max-width:100%;min-width:0}.progress .fill.warning{background:#e4b374}.progress .fill.danger{background:#dd8e82}.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:28px 0 16px}.section-head h2{font-size:15px;letter-spacing:-.3px;font-weight:600}.section-head .subtitle{font-size:11px;margin-top:3px}
.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}.data-table th{font-size:10px;letter-spacing:.1px;color:#9aa39c;background:#fafbf9;font-weight:500;padding:12px 17px;border-top:1px solid #edf0eb;border-bottom:1px solid #edf0eb}.data-table td{padding:15px 17px;border-bottom:1px solid #f0f2ef;font-size:11px;color:#4e5e53;vertical-align:middle}.data-table th:first-child,.data-table td:first-child{padding-left:23px}.data-table th:last-child,.data-table td:last-child{padding-right:23px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr.clickable{cursor:pointer;transition:background .12s}.data-table tbody tr.clickable:hover{background:#fafcf7}.data-table th button{border:0;background:transparent;color:inherit;padding:0;font-size:inherit;display:flex;align-items:center;gap:5px}.data-table th .icon{width:11px;height:11px}.bank-cell{display:flex;align-items:center;gap:11px}.bank-logo{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:650;font-size:14px;background:#eaf3e8;color:#548d41;flex:none}.bank-logo.sber{color:#fff;background:#57ad6c}.bank-logo.tbank{background:#f7dd64;color:#323b36}.bank-logo.alfa{background:#f24e48;color:#fff}.bank-logo.bakai{background:#e9effb;color:#2d5caa}.bank-logo.optima{background:#f6e9f0;color:#b74c7c}.cell-stack{display:flex;flex-direction:column;gap:4px}.cell-stack strong{font-size:11px;font-weight:550;color:#425148}.cell-stack .muted{font-size:9px}.conversion{min-width:85px;max-width:115px}.conv-value{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;font-weight:600;color:#628748;margin-bottom:6px}.conv-value.warning{color:#c49352}.conv-value.danger{color:#ce8177}.conv-value small{font-size:9px;font-weight:400;color:#a0a79f}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:5px;background:#f2f4f1;color:#8b958c;font-size:9px;font-weight:500;line-height:1.4}.badge:before{content:"";height:4px;width:4px;border-radius:50%;background:currentColor}.badge.success{color:#57936e;background:#edf7f0}.badge.warning{color:#c08e48;background:#fff5e7}.badge.neutral{color:#929c94;background:#f2f4f1}.badge.danger{color:#c97b73;background:#fbf0ee}.switch{border:0;background:#dfe6de;width:29px;height:17px;border-radius:10px;padding:2px;display:inline-flex;align-items:center;transition:background .15s;vertical-align:middle;flex:none}.switch:before{content:"";width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0001;transition:transform .15s}.switch[aria-checked="true"]{background:#93b86f}.switch[aria-checked="true"]:before{transform:translateX(12px)}.table-toolbar{padding:16px 23px;display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line)}.search-box{display:flex;align-items:center;gap:9px;position:relative;min-width:220px;max-width:360px;flex:1}.search-box>.icon{position:absolute;left:11px;width:14px;height:14px;color:#a2aaa3}.search-input{width:100%;font-size:11px;border:1px solid #e5e9e3;border-radius:7px;padding:9px 11px 9px 33px;background:#fff;color:#5e6d60}.search-input::placeholder{color:#a6ada6}.table-footer{padding:13px 23px;border-top:1px solid var(--line);color:#a1a9a1;font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:14px}.empty-state{padding:60px 24px;text-align:center;color:#9ba59c;font-size:12px}.empty-state strong{display:block;color:#697d68;margin-bottom:8px;font-size:15px}.empty-state .icon{width:32px;height:32px;margin-bottom:15px}.empty-state .button{margin-top:16px}.tabs{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);margin-bottom:20px}.tabs button{padding:12px 0;border:0;border-bottom:2px solid transparent;background:transparent;font-size:12px;color:#929d94}.tabs button.active{color:#5a7d3f;border-bottom-color:#8cb05c;font-weight:550}.pagination{display:flex;gap:5px;align-items:center}.pagination button{height:27px;min-width:27px;padding:3px 8px;border:1px solid #e5e9e3;background:#fff;border-radius:5px;font-size:10px;color:#85947f}.pagination button.active{background:#f0f5e9;border-color:#d5e3bf;color:#678449}.pagination .icon{width:12px;height:12px}
.method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 0 24px}.method-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:23px}.method-card>header,.method-card .method-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.method-card h3{font-size:15px;font-weight:600;margin-bottom:4px}.method-card .method-card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:22px 0 17px}.stat-pair{display:flex;flex-direction:column;gap:7px;min-width:0}.stat-pair span,.stat-pair small{color:#99a397;font-size:10px}.stat-pair strong{font-size:20px;font-weight:600;letter-spacing:-.6px;color:#46573f}.stat-pair strong small{font-size:10px;font-weight:400;margin-left:3px}.method-card>.progress{height:5px;margin-bottom:16px}.method-card footer{display:flex;align-items:center;justify-content:space-between;color:#a0a89c;font-size:10px}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.summary-list{padding:0 23px 17px}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #eef1ed;padding:13px 0;font-size:11px;color:#9aa395}.summary-row:last-child{border:0}.summary-row strong{font-weight:550;color:#52654a}.summary-row .icon{width:14px;height:14px}.funnel{padding:2px 23px 23px}.funnel-row{margin:12px 0;display:flex;flex-direction:column;gap:7px;font-size:11px;color:#97a08f}.funnel-row>div:first-child{display:flex;justify-content:space-between;gap:10px}.funnel-row strong{font-weight:550;color:#566b4a}.funnel-row .progress{height:25px;border-radius:5px;background:#f5f7f1}.funnel-row .fill{border-radius:5px;background:#dbe9c5}.notice{background:#f4f7ee;border:1px solid #e4ecd7;border-radius:10px;padding:15px 18px;color:#8c9b7c;font-size:11px;margin-bottom:20px;display:flex;gap:10px;line-height:1.65}.notice.warning{background:#fff7eb;border-color:#f5e6cf;color:#b48e56}.notice .icon{margin-top:2px;width:15px;height:15px}.notice strong{font-weight:550;color:#778c60}.notice.warning strong{color:#a17b43}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.setting-block{padding:25px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.setting-block h3{font-size:14px;font-weight:600;margin-bottom:10px}.setting-block p{color:#9ca697;font-size:12px;line-height:1.8;margin-bottom:20px}.setting-block .button+.button{margin-left:5px}.queue-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.queue-card .queue-info{flex:1}.queue-card h3{font-size:13px;font-weight:550}.queue-card .subtitle{font-size:10px;margin-top:5px}.queue-card .queue-amount{font-size:17px;font-weight:600;text-align:right}.queue-card .queue-actions{display:flex;gap:7px}.queue-card.warning{border-color:#eedbc1}
.overlay{position:fixed;inset:0;background:#14261d59;backdrop-filter:blur(2px);z-index:80;animation:fade-in .15s ease}.drawer{position:fixed;right:0;top:0;bottom:0;width:500px;max-width:100%;background:#fff;z-index:81;display:flex;flex-direction:column;box-shadow:-12px 0 50px #14261d10;animation:slide-in .22s ease}.drawer-header{padding:24px 25px 21px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.drawer-header h2{font-size:21px;font-weight:600;letter-spacing:-.6px}.drawer-header .subtitle{font-size:11px;margin-top:6px}.drawer-content{padding:24px 25px;overflow-y:auto;flex:1}.drawer-content h3{font-size:13px;margin:24px 0 14px;font-weight:600}.drawer-content>.bank-cell{margin-bottom:24px}.drawer-content .bank-logo{width:44px;height:44px;font-size:20px;border-radius:11px}.drawer-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:22px}.drawer-metrics .stat-pair{background:#f7f9f3;border:1px solid #edf1e7;padding:16px;border-radius:9px}.drawer-metrics .stat-pair strong{font-size:22px}.detail-list{border:1px solid var(--line);border-radius:10px;padding:3px 15px;overflow:hidden}.detail-row{padding:13px 0;display:flex;justify-content:space-between;gap:12px;font-size:11px;border-bottom:1px solid var(--line);color:#96a08f;align-items:center}.detail-row:last-child{border:0}.detail-row strong{color:#5d7052;font-weight:500;text-align:right;max-width:65%;overflow-wrap:anywhere}.drawer-footer{border-top:1px solid var(--line);padding:18px 25px;display:flex;gap:8px;background:#fff}.drawer-footer .button{flex:1}.drawer .data-table th,.drawer .data-table td{padding:11px 8px;font-size:10px}.drawer .data-table th:first-child,.drawer .data-table td:first-child{padding-left:0}.drawer .data-table th:last-child,.drawer .data-table td:last-child{padding-right:0}.drawer .notice{margin-top:20px}
.modal-backdrop{position:fixed;inset:0;background:#14261d66;backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px;animation:fade-in .15s}.modal{width:520px;max-width:100%;max-height:calc(100vh - 50px);background:#fff;border-radius:17px;box-shadow:0 20px 80px #0a21162b;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 25px 18px;border-bottom:1px solid var(--line)}.modal-header h2{font-size:19px;font-weight:600;letter-spacing:-.5px}.modal-body{padding:24px 25px;overflow-y:auto}.modal-body p{font-size:12px;color:#8c9c81;line-height:1.75;margin-bottom:13px}.modal-body h3{font-size:13px;font-weight:550;margin:18px 0 7px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding:18px 25px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 15px}.field{display:flex;flex-direction:column;gap:7px}.field.full,.form-grid .full{grid-column:1/-1}.field label{font-size:11px;font-weight:500;color:#7a8e6e}.field input,.field select,.field textarea{border:1px solid #dfe7d8;border-radius:7px;padding:10px 11px;background:#fff;color:#52684b;width:100%;font-size:12px;min-height:38px}.field input::placeholder,.field textarea::placeholder{color:#b0baa8}.field small{font-size:10px;color:#a4ae9d}.field-error{font-size:11px;color:#ca7b6d;background:#fcf1ee;padding:9px 12px;border-radius:6px;grid-column:1/-1}.field input:invalid:not(:placeholder-shown){border-color:#d9a38f}.toast{position:fixed;bottom:28px;left:calc(50% + 116px);transform:translate(-50%,12px);z-index:120;background:#263e2d;color:#f1f7ec;border:1px solid #7d9b6a40;border-radius:10px;padding:13px 20px;font-size:12px;box-shadow:0 8px 35px #18301e2b;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;max-width:calc(100vw - 35px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-menu{display:none}.page-footnote{font-size:10px;color:#a4ada1;padding-top:17px;line-height:1.7}.text-link{color:#6d8d4e;background:none;border:0;padding:0;font-size:inherit;cursor:pointer}.divider{height:1px;background:var(--line);margin:20px 0}
@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes slide-in{from{transform:translateX(30px);opacity:.5}to{transform:translateX(0);opacity:1}}
@media(min-width:1650px){.content{padding-top:38px}.kpi-value{font-size:34px}.kpi-card{min-height:176px}.chart-wrap{margin-top:12px}}
@media(max-width:1200px){.sidebar{width:205px;padding-left:12px;padding-right:12px}.main{margin-left:205px}.content{padding:27px 24px}.topbar{padding:0 24px}.kpi-grid{gap:12px}.kpi-card{padding:17px 15px}.kpi-value{font-size:26px}.kpi-label{font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:16px}.panel-head{padding:20px 18px 16px}.panel-body{padding:0 18px 20px}.data-table td,.data-table th{padding-left:12px;padding-right:12px}.toast{left:calc(50% + 102px)}.sparkline{width:60px}.method-card .method-card-stats{gap:11px}.stat-pair strong{font-size:18px}}
@media(max-width:1000px){.sidebar{width:185px;padding:26px 10px 16px}.brand{font-size:21px;padding-left:8px;gap:8px}.nav-item{padding:11px 10px;font-size:12px;gap:9px}.main{margin-left:185px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-card{min-height:145px}.kpi-value{margin-top:12px;font-size:29px}.kpi-bottom{margin-top:10px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>.panel:nth-child(2) .panel-body{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.dashboard-grid>.panel:nth-child(2) .method-row:nth-child(2){padding-top:3px}.dashboard-grid>.panel:nth-child(2) .method-row:nth-child(3){border-bottom:0;padding-bottom:0}.top-actions{gap:12px}.profile{padding-left:12px}.top-actions>.muted{display:none}.header-actions .button{font-size:10px;padding:9px 11px}.toast{left:calc(50% + 92px)}.settings-grid{grid-template-columns:1fr}.method-grid{gap:14px}.method-card{padding:19px}.method-card .method-card-stats{grid-template-columns:1fr 1fr}.three-col{gap:12px}.three-col .kpi-card{min-height:130px}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);width:232px;transition:transform .2s;box-shadow:15px 0 60px #10241a26}.sidebar.open,.sidebar.mobile-open,body.menu-open .sidebar{transform:translateX(0)}.main{margin-left:0}.mobile-menu{display:inline-flex}.topbar{height:65px;padding:0 22px}.breadcrumb{margin-right:auto}.content{padding:25px 22px 35px}.top-actions{gap:12px}.toast{left:50%}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-card{padding:16px 13px}.kpi-value{font-size:25px}.kpi-label{font-size:10px}.kpi-icon{right:12px;top:14px}.kpi-icon .icon{width:14px}.kpi-sub{font-size:9px}.kpi-bottom{font-size:9px}.sparkline{width:50px}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr)}.dashboard-grid>.panel:nth-child(2) .panel-body{display:block}.dashboard-grid>.panel:nth-child(2) .method-row:nth-child(2){padding-top:15px}.dashboard-grid>.panel:nth-child(2) .method-row:nth-child(3){border-bottom:1px solid #f0f2f0;padding-bottom:15px}.method-row{gap:9px}.method-icon{width:31px;height:31px}.method-value{min-width:49px;font-size:11px}.method-info strong{font-size:10px}.panel-head{padding:19px 16px 15px}.panel-body{padding:0 16px 19px}.panel-title{font-size:13px}.panel-sub{font-size:9px}}
@media(max-width:740px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-card{padding:17px 18px;min-height:145px}.kpi-value{font-size:28px}.kpi-sub{font-size:10px}.kpi-bottom{font-size:10px}.sparkline{width:70px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>.panel:nth-child(2) .panel-body{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.dashboard-grid>.panel:nth-child(2) .method-row:nth-child(2){padding-top:3px}.dashboard-grid>.panel:nth-child(2) .method-row:nth-child(3){border-bottom:0;padding-bottom:0}.method-info strong{font-size:11px}.method-value{font-size:12px}.two-col{grid-template-columns:1fr}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.three-col .kpi-value{font-size:23px}.page-header{align-items:flex-start}.header-actions{gap:6px}.header-actions .button{padding:8px}.header-actions .button .icon{width:13px}.filters-row{row-gap:13px}.method-card .method-card-stats{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.content{padding:23px 16px 30px}.topbar{padding:0 16px;height:60px;gap:10px}.breadcrumb{font-size:10px;gap:7px}.breadcrumb>.icon{display:none}.profile{border:0;padding:0}.profile>span,.profile>.icon{display:none}.top-actions{gap:9px}.top-actions>span,.top-actions>.icon-button{display:none}.page-header{flex-wrap:wrap;margin-bottom:19px;gap:14px}.page-header h1{font-size:27px}.subtitle{font-size:11px;line-height:1.65}.eyebrow{font-size:9px}.header-actions{width:100%;justify-content:flex-start;gap:8px}.header-actions .button{font-size:11px;padding:9px 12px}.demo-banner{font-size:10px;padding:10px 12px;margin-bottom:19px;align-items:flex-start}.demo-banner>span{align-items:flex-start;gap:7px;line-height:1.6}.demo-banner>.button{font-size:10px;flex:none;align-self:center}.filters-row{margin-bottom:17px;gap:11px}.filter-group{gap:7px}.segmented{padding:3px}.segmented button{padding:7px 10px;font-size:10px}.select-wrap select{font-size:10px;padding:9px 25px 9px 9px;min-width:90px}.select-wrap label{font-size:10px}.kpi-grid{gap:10px;margin-bottom:18px}.kpi-card{padding:16px 13px;min-height:142px;border-radius:12px}.kpi-value{font-size:25px;letter-spacing:-.8px;margin-top:15px}.kpi-value small{font-size:10px}.kpi-label{font-size:10px}.kpi-icon{right:11px;top:14px}.kpi-sub{font-size:9px}.kpi-bottom{font-size:9px;margin-top:12px}.delta{font-size:9px;padding:2px 4px}.sparkline{width:50px;height:24px}.dashboard-grid{gap:16px;margin-bottom:18px}.panel{border-radius:12px}.panel-head{padding:18px 16px 14px}.panel-body{padding:0 16px 19px}.panel-title{font-size:13px}.panel-sub{font-size:9px}.chart-legend{font-size:9px;gap:12px}.chart-wrap svg text{font-size:10px}.dashboard-grid>.panel:nth-child(2) .panel-body{column-gap:18px}.method-row{gap:8px;padding:13px 0}.method-icon{height:28px;width:28px;border-radius:7px}.method-icon .icon{width:14px}.method-info strong{font-size:10px}.method-info small{font-size:8px}.method-value{font-size:11px;min-width:43px}.method-value small{font-size:8px}.section-head{margin:22px 0 13px}.section-head h2{font-size:14px}.section-head .subtitle{font-size:10px}.section-head .button{font-size:10px}.table-toolbar{padding:13px 16px;gap:10px}.search-box{min-width:170px;max-width:none}.table-toolbar>.filter-group{width:100%}.table-toolbar .select-wrap{flex:1}.table-toolbar .select-wrap select{max-width:none;width:100%}.data-table th{padding:11px 12px;font-size:9px}.data-table td{padding:13px 12px;font-size:10px}.data-table td:first-child,.data-table th:first-child{padding-left:16px}.data-table td:last-child,.data-table th:last-child{padding-right:16px}.table-footer{padding:12px 16px;font-size:9px;flex-wrap:wrap}.method-grid{grid-template-columns:1fr;gap:14px}.method-card{padding:20px;border-radius:12px}.method-card .method-card-stats{grid-template-columns:repeat(3,minmax(0,1fr));padding:21px 0 18px}.stat-pair strong{font-size:20px}.stat-pair span,.stat-pair small{font-size:9px}.two-col,.three-col,.settings-grid{gap:14px;margin-bottom:18px}.three-col{grid-template-columns:1fr}.three-col .kpi-card{min-height:115px}.three-col .kpi-value{font-size:26px}.notice{font-size:10px;padding:12px 14px;gap:8px}.setting-block{padding:20px;border-radius:12px}.setting-block p{font-size:11px}.queue-card{padding:17px 15px;gap:12px;flex-wrap:wrap}.queue-card .queue-info{min-width:150px}.queue-card .queue-amount{font-size:15px}.queue-card .queue-actions{width:100%}.queue-card .queue-actions .button{flex:1}.drawer{width:100%;max-width:500px}.drawer-header{padding:21px 20px 18px}.drawer-header h2{font-size:20px}.drawer-content{padding:20px}.drawer-footer{padding:16px 20px}.modal-backdrop{padding:14px}.modal{max-height:calc(100dvh - 28px);border-radius:14px}.modal-header{padding:20px 20px 17px}.modal-header h2{font-size:18px}.modal-body{padding:20px}.modal-footer{padding:16px 20px}.form-grid{gap:16px 12px}.field label{font-size:10px}.field input,.field select{font-size:11px}.toast{bottom:18px;font-size:11px;padding:12px 16px}.date-range{width:100%}.date-range input{flex:1;max-width:145px}.page-footnote{font-size:9px}}
@media(max-width:380px){.content{padding-left:12px;padding-right:12px}.kpi-value{font-size:23px}.kpi-value small{font-size:9px}.kpi-card{padding-left:11px;padding-right:11px}.sparkline{width:37px}.dashboard-grid>.panel:nth-child(2) .panel-body{display:block}.dashboard-grid>.panel:nth-child(2) .method-row:nth-child(2){padding-top:13px}.dashboard-grid>.panel:nth-child(2) .method-row:nth-child(3){padding-bottom:13px;border-bottom:1px solid #f0f2f0}.form-grid{grid-template-columns:1fr}.method-card .method-card-stats{gap:10px}.stat-pair strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}