:root{--ink:#19172a;--muted:#747187;--purple:#6852d8;--purple-dark:#513cc5;--purple-soft:#eeebff;--canvas:#f5f5fa;--surface:#fff;--line:#e9e8f0;--green:#1f9d76;--green-soft:#e6f7f1;--amber:#d98b28;--amber-soft:#fff3dd;--red:#cf4f5d;--red-soft:#ffebee;--nav:#211f33;--shadow:0 16px 44px rgba(31,28,55,.07)}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;min-width:320px;color:var(--ink);background:var(--canvas);font-family:"Golos Text",sans-serif}button,input,select{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}
.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:30px 20px 22px;display:flex;flex-direction:column;background:var(--nav);color:#fff;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 10px;color:#fff;text-decoration:none;font:800 1.25rem/1 "Manrope",sans-serif}.brand>span:last-child span{color:#9a89ff}.brand-mark{width:36px;height:36px;padding:8px;border-radius:11px;display:flex;gap:3px;align-items:end;background:linear-gradient(145deg,#7b66eb,#5a43cc)}.brand-mark i{display:block;width:4px;border-radius:5px;background:#fff;transform:rotate(35deg)}.brand-mark i:nth-child(1){height:10px}.brand-mark i:nth-child(2){height:18px}.brand-mark i:nth-child(3){height:13px}.main-nav{margin-top:46px;display:grid;gap:8px}.nav-item{width:100%;border:0;border-radius:11px;padding:13px 14px;display:flex;align-items:center;gap:12px;color:#aaa7b8;background:transparent;text-align:left;font-weight:500}.nav-item svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.nav-item.active{color:#fff;background:rgba(122,101,235,.2);box-shadow:inset 3px 0 #8f7bff}.nav-count{margin-left:auto;min-width:24px;padding:2px 7px;border-radius:99px;color:#cfcaee;background:rgba(255,255,255,.1);font-size:.75rem;text-align:center}.sidebar-note{margin-top:auto;padding:16px 12px;display:flex;gap:11px;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.pulse{width:9px;height:9px;margin-top:5px;border-radius:50%;background:#5dd4a9;box-shadow:0 0 0 5px rgba(93,212,169,.1)}.sidebar-note strong,.profile-card strong{display:block;font-size:.8rem}.sidebar-note small,.profile-card small{display:block;margin-top:3px;color:#8f8c9d;font-size:.72rem}.profile-card{padding:19px 8px 0;display:grid;grid-template-columns:38px 1fr 30px;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,#7560e4,#ae74d8);font-size:.76rem;font-weight:700}
.workspace{grid-column:2;min-width:0;padding:0 44px 48px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.role-switcher{padding:4px;display:flex;gap:3px;border-radius:10px;background:#eae9f1}.role-pill{border:0;border-radius:7px;padding:8px 14px;color:var(--muted);background:transparent;font-size:.82rem;font-weight:600}.role-pill.active{color:var(--purple-dark);background:#fff;box-shadow:0 3px 10px rgba(35,30,63,.08)}.topbar-actions{display:flex;align-items:center;gap:12px}.icon-button{width:40px;height:40px;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;color:var(--muted);background:#fff}.icon-button svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-button{position:relative}.notification-button i{position:absolute;right:8px;top:7px;width:6px;height:6px;border-radius:50%;background:#ee596a;box-shadow:0 0 0 2px #fff}.primary-button,.secondary-button{min-height:42px;padding:0 18px;border-radius:10px;border:0;font-weight:600}.primary-button{color:#fff;background:var(--purple);box-shadow:0 7px 17px rgba(104,82,216,.2)}.primary-button:hover{background:var(--purple-dark)}.primary-button span{font-size:1.15rem;margin-right:4px}.secondary-button{color:var(--ink);background:#f1f0f5}.mobile-menu{display:none}.page-head{padding:38px 0 24px;display:flex;align-items:end;justify-content:space-between}.eyebrow{margin:0 0 9px;color:var(--purple);font-size:.7rem;font-weight:700;letter-spacing:.12em}h1,h2{margin:0;font-family:"Manrope",sans-serif;letter-spacing:-.035em}h1{font-size:clamp(1.8rem,3vw,2.35rem)}h2{font-size:1.45rem}.page-head p:last-child{margin:7px 0 0;color:var(--muted)}.date-stamp{text-align:right}.date-stamp span{display:block;margin-bottom:4px;color:var(--muted);font-size:.75rem}.date-stamp strong{font-size:.85rem}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.stat-card{min-height:116px;padding:20px;display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:var(--shadow)}.stat-icon{flex:0 0 auto;width:45px;height:45px;display:grid;place-items:center;border-radius:13px;font:700 1.2rem "Manrope",sans-serif}.stat-icon.violet{color:var(--purple);background:var(--purple-soft)}.stat-icon.mint{color:var(--green);background:var(--green-soft)}.stat-icon.amber{color:var(--amber);background:var(--amber-soft)}.stat-icon.coral{color:var(--red);background:var(--red-soft)}.stat-card small{display:block;margin-bottom:5px;color:var(--muted);font-size:.75rem}.stat-card strong{display:block;font:700 1.38rem "Manrope",sans-serif}.trend,.subvalue{display:block;margin-top:5px;font-size:.69rem}.trend{color:var(--green)}.subvalue{color:var(--muted)}
.orders-panel,.report-chart-card,.report-summary{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.panel-toolbar{padding:16px 18px;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.search-field{width:min(340px,100%);position:relative}.search-field svg{position:absolute;left:13px;top:50%;width:18px;transform:translateY(-50%);fill:none;stroke:#9b98aa;stroke-width:1.8}input,select{min-height:41px;border:1px solid #dedde7;border-radius:9px;color:var(--ink);background:#fff;outline:none}.search-field input{width:100%;padding:0 12px 0 41px}.search-field input:focus,input:focus,select:focus{border-color:#9c8ee9;box-shadow:0 0 0 3px rgba(104,82,216,.09)}.filters{display:flex;gap:8px}.select-wrap span{position:absolute;clip:rect(0 0 0 0)}.select-wrap select{min-width:130px;padding:0 32px 0 12px;color:#5f5b70;font-size:.78rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:940px}th{padding:13px 16px;color:#9693a2;background:#fafafd;border-bottom:1px solid var(--line);text-align:left;font-size:.65rem;letter-spacing:.07em}td{padding:17px 16px;border-bottom:1px solid #f0eff4;font-size:.8rem}tbody tr:hover{background:#fcfbff}td strong{display:block;font-weight:600}td small{display:block;margin-top:5px;color:var(--muted);font-size:.69rem}.type-badge,.status-badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border-radius:7px;padding:6px 9px;font-size:.7rem;font-weight:600}.type-badge.homepage{color:#5e49c5;background:var(--purple-soft)}.type-badge.article{color:#4475aa;background:#eaf3fb}.status-badge i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.unpaid{color:#ba741a;background:var(--amber-soft)}.status-badge.paid{color:var(--green);background:var(--green-soft)}.status-badge.scam{color:var(--red);background:var(--red-soft)}.file-link,.more-button{border:0;background:transparent}.file-link{color:var(--purple);padding:0;font-size:.72rem}.no-file{color:#a09dad;font-size:.72rem}.more-button{color:#8a8798;font-weight:700;letter-spacing:.08em}.table-footer{min-height:58px;padding:11px 18px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.72rem}.pagination{display:flex;gap:5px}.pagination button{min-width:31px;height:31px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:#fff}.pagination button.active{color:#fff;background:var(--purple)}.pagination button:disabled{opacity:.4}.empty-state{padding:60px 20px;text-align:center}.empty-state span{font-size:2rem;color:var(--purple)}.empty-state strong{display:block;margin-top:9px}.empty-state p{color:var(--muted)}
.reports-view{display:grid;grid-template-columns:2fr 1fr;gap:18px}.report-chart-card,.report-summary{padding:24px}.bar-chart{height:250px;margin-top:28px;display:flex;align-items:end;gap:16px;border-bottom:1px solid var(--line)}.bar-column{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px}.bar-column i{display:block;width:min(44px,80%);border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#8d79ed,var(--purple))}.bar-column span{color:var(--muted);font-size:.7rem}.report-summary{display:grid;align-content:start;gap:12px}.report-line{padding:14px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.report-line span{color:var(--muted)}.report-line strong{text-align:right}
.modal-backdrop{position:fixed;inset:0;padding:24px;display:grid;place-items:center;background:rgba(21,18,39,.6);backdrop-filter:blur(5px);z-index:50}.modal{position:relative;width:min(680px,100%);max-height:calc(100vh - 48px);overflow-y:auto;padding:30px;border-radius:18px;background:#fff;box-shadow:0 30px 90px rgba(12,10,27,.25)}.modal-small{width:min(480px,100%)}.modal-close{position:absolute;top:18px;right:18px;width:36px;height:36px;border:0;border-radius:9px;color:var(--muted);background:#f2f1f6;font-size:1.4rem}.modal h2{margin-bottom:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.modal label>span,fieldset legend{display:block;margin-bottom:8px;color:#5d596c;font-size:.78rem;font-weight:600}.modal input,.modal select{width:100%;padding:0 12px}.modal form>label{display:block;margin:15px 0}fieldset{grid-column:1/-1;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}fieldset legend{grid-column:1/-1}.radio-card{padding:13px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px}.radio-card:has(input:checked){border-color:var(--purple);background:#faf9ff}.radio-card input{width:auto;min-height:0;accent-color:var(--purple)}.radio-card>span{margin:0!important;color:var(--purple)!important;font-size:1.15rem!important}.radio-card strong,.radio-card small{display:block}.radio-card small{margin-top:2px;color:var(--muted);font-size:.68rem}.file-upload{grid-column:1/-1}.file-upload input{position:absolute;opacity:0;pointer-events:none}.file-upload div{min-height:90px;padding:20px;display:grid;place-items:center;text-align:center;border:1.5px dashed #c9c5dc;border-radius:11px;background:#fafafe;cursor:pointer}.file-upload div strong{color:var(--purple);font-size:.82rem}.file-upload div small{color:var(--muted);font-size:.7rem}.calculated-field{margin:15px 0;padding:15px;display:flex;justify-content:space-between;border-radius:10px;background:var(--purple-soft)}.calculated-field span{color:#625c76}.calculated-field strong{color:var(--purple-dark)}.form-actions{margin-top:25px;display:flex;justify-content:flex-end;gap:10px}.toast{position:fixed;right:24px;bottom:24px;max-width:360px;padding:14px 18px;border-radius:11px;color:#fff;background:var(--nav);box-shadow:0 15px 45px rgba(20,18,34,.25);z-index:80;font-size:.82rem}
@media(max-width:1150px){.workspace{padding-inline:26px}.stats-grid{grid-template-columns:repeat(2,1fr)}.panel-toolbar{align-items:stretch;flex-direction:column}.search-field{width:100%}.filters{overflow-x:auto}.reports-view{grid-template-columns:1fr}}
@media(max-width:760px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:transform .25s ease}.sidebar.open{transform:translateX(0)}.workspace{padding:0 16px 30px}.topbar{height:72px}.mobile-menu{display:block;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff}.role-switcher{margin-inline:auto}.topbar-actions .icon-button{display:none}.primary-button{padding-inline:13px}.page-head{padding-top:27px}.date-stamp{display:none}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{min-height:104px;padding:14px}.stat-icon{width:38px;height:38px}.form-grid{grid-template-columns:1fr}fieldset,.file-upload{grid-column:1}.filters{padding-bottom:4px}.select-wrap select{min-width:132px}}
@media(max-width:500px){.role-pill{padding-inline:9px;font-size:.72rem}.topbar-actions .primary-button{font-size:0;width:42px;padding:0}.topbar-actions .primary-button span{margin:0;font-size:1.4rem}.stats-grid{grid-template-columns:1fr}.stat-card{min-height:88px}.modal-backdrop{padding:10px}.modal{padding:24px 18px}fieldset{grid-template-columns:1fr}}
.finance-button{border:1px solid #ddd8fa;border-radius:8px;padding:6px 9px;color:var(--purple-dark);background:#f7f5ff;font-size:.7rem;font-weight:600}.locked-action{color:#aaa6b6}.bar-column strong{color:#5f5a70;font-size:.65rem}
.workflow-badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border-radius:7px;padding:6px 9px;font-size:.7rem;font-weight:600}.workflow-badge i{width:6px;height:6px;border-radius:50%;background:currentColor}.workflow-badge.in-work{color:#4475aa;background:#eaf3fb}.workflow-badge.finish{color:var(--green);background:var(--green-soft)}.stats-grid.publisher-stats{grid-template-columns:minmax(0,1fr)}.stats-grid.publisher-stats .stat-card{max-width:360px}.finish-check{margin-top:18px!important;padding:14px;display:flex!important;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;background:#fafafe}.finish-check input{width:18px!important;min-height:18px;accent-color:var(--purple)}.finish-check span{margin:0!important}
@media(max-width:760px){.stats-grid.publisher-stats{grid-template-columns:1fr}}
input:disabled{color:#aaa7b5;background:#f1f0f4;cursor:not-allowed}
.stats-toolbar{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.stats-toolbar>strong{font:700 .9rem "Manrope",sans-serif}.stats-period{padding:3px;display:flex;gap:2px;border:1px solid var(--line);border-radius:9px;background:#ecebf2}.stats-period button{min-height:32px;padding:0 12px;border:0;border-radius:6px;color:var(--muted);background:transparent;font-size:.72rem;font-weight:600}.stats-period button.active{color:var(--purple-dark);background:#fff;box-shadow:0 2px 8px rgba(35,30,63,.08)}
.file-link,.file-name{display:inline-block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;text-align:left}
.pagination{align-items:center}.pagination>span{padding:0 8px;white-space:nowrap}
.delete-user-button{color:var(--red);background:var(--red-soft)}
.user-row{padding:16px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.user-row p{color:var(--muted);font-size:14px;margin:8px 0}.user-row .form-actions{justify-content:flex-start;flex-wrap:wrap;margin:12px 0 0}.user-row button:disabled{opacity:.45;cursor:not-allowed}#usersMessage{color:var(--purple-dark);font-size:14px}#usersView{grid-template-columns:minmax(260px,1fr) minmax(320px,1.4fr);align-items:start}@media(max-width:820px){#usersView{grid-template-columns:1fr}}
button:focus-visible,a:focus-visible{outline:3px solid #9988ed;outline-offset:3px}
.filters{flex-wrap:wrap}.transaction-row small{overflow-wrap:anywhere}
@media(max-width:500px){.stats-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.stats-period{width:100%}.stats-period button{flex:1}}
.header-balance{min-width:112px;padding:7px 13px;border:1px solid var(--line);border-radius:11px;background:#fff}.header-balance span{display:block;color:var(--muted);font-size:.65rem}.header-balance strong{display:block;margin-top:2px;color:var(--green);font:700 .88rem "Manrope",sans-serif}.finance-view{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(300px,1fr);gap:18px}.balance-card,.money-form,.transactions-card{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.balance-card{min-height:220px;padding:26px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#27223d,#3c3268);color:#fff}.balance-card .eyebrow{color:#b9adff}.balance-card>strong{font:800 clamp(2rem,4vw,3.2rem) "Manrope",sans-serif;letter-spacing:-.05em}.balance-card>span{margin-top:8px;color:#aaa2c6;font-size:.78rem}.money-form{padding:24px;display:grid;gap:15px}.money-form label>span{display:block;margin-bottom:8px;color:#5d596c;font-size:.78rem;font-weight:600}.money-form label i{color:var(--muted);font-size:.68rem;font-style:normal;font-weight:400}.money-form input,.money-form select,.money-form textarea{width:100%;padding:0 12px}.money-form textarea{padding-block:10px;resize:vertical;border:1px solid #dedde7;border-radius:9px;color:var(--ink);background:#fff;outline:none;font:inherit}.money-form textarea:focus{border-color:#9c8ee9;box-shadow:0 0 0 3px rgba(104,82,216,.09)}.money-form .primary-button{justify-self:start}.withdraw-button{background:var(--red)!important;box-shadow:0 7px 17px rgba(207,79,93,.2)!important}.transactions-card{grid-column:1/-1;padding:24px}.transactions-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.transactions-head>span{color:var(--muted);font-size:.72rem}.transactions-list{display:grid}.transaction-row{padding:15px 2px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;border-top:1px solid var(--line)}.transaction-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;font-size:1.2rem;font-weight:700}.transaction-icon.deposit{color:var(--green);background:var(--green-soft)}.transaction-icon.withdraw{color:var(--red);background:var(--red-soft)}.transaction-row strong,.transaction-row small{display:block}.transaction-row small{margin-top:4px;color:var(--muted);font-size:.7rem}.transaction-amount{text-align:right}.transaction-amount.deposit>strong{color:var(--green)}.transaction-amount.withdraw>strong{color:var(--red)}.empty-transactions{padding:44px 10px;border-top:1px solid var(--line);color:var(--muted);text-align:center;font-size:.82rem}
@media(max-width:820px){.finance-view{grid-template-columns:1fr}.transactions-card{grid-column:1}.header-balance{min-width:96px;padding-inline:10px}}
@media(max-width:500px){.transaction-row{grid-template-columns:38px minmax(0,1fr)}.transaction-amount{grid-column:2;text-align:left}}
.login-view{min-height:100vh;padding:32px;display:grid;grid-template-rows:auto 1fr auto;place-items:center;background:radial-gradient(circle at 20% 10%,rgba(112,88,225,.28),transparent 30%),linear-gradient(145deg,#1f1c31,#2c2746);color:#fff}.login-brand{display:flex;align-items:center;gap:12px;font:800 1.3rem "Manrope",sans-serif}.login-brand>span:last-child span{color:#9a89ff}.login-card{align-self:center;width:min(430px,100%);padding:36px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 30px 90px rgba(8,6,20,.3)}.login-card h1{font-size:2rem}.login-card>p:not(.eyebrow){margin:8px 0 26px;color:var(--muted)}.login-card label{display:block;margin-top:16px}.login-card label span{display:block;margin-bottom:8px;color:#5d596c;font-size:.78rem;font-weight:600}.login-card input{width:100%;padding:0 13px}.login-card .primary-button{width:100%;margin-top:22px}.login-error{margin-top:15px;padding:11px 13px;border-radius:9px;color:#a63d4a;background:var(--red-soft);font-size:.78rem}.login-footer{color:#8f89a7;font-size:.7rem}.current-role{padding:7px 13px;border:1px solid var(--line);border-radius:11px;background:#fff}.current-role span{display:block;color:var(--muted);font-size:.65rem}.current-role strong{display:block;margin-top:2px;color:var(--purple-dark);font-size:.82rem}.profile-card .icon-button:hover{color:#fff;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08)}
@media(max-width:500px){.login-view{padding:20px}.login-card{padding:28px 20px}.current-role{padding-inline:9px}.current-role span{display:none}}
.order-comment-field{grid-column:1/-1;min-width:0}
.order-comment-field textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;min-height:100px;padding:12px;resize:vertical;border:1px solid #dedde7;border-radius:9px;color:var(--ink);background:#fff;font:inherit}
.order-comment-field textarea:focus{outline:none;border-color:#9c8ee9;box-shadow:0 0 0 3px rgba(104,82,216,.09)}
.edit-order-button,.remove-report-button{display:inline-grid;place-items:center;width:36px;height:36px;padding:6px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;vertical-align:middle}
.edit-order-button{color:var(--purple)}
.edit-order-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.edit-order-button:hover{background:var(--purple-soft)}
.current-report-row{grid-column:1/-1;display:flex;align-items:center;gap:10px;min-width:0}
.current-report-row>span{flex:1;min-width:0;overflow-wrap:anywhere;font-size:.82rem}
.remove-report-button{flex-shrink:0;color:#c73545;border-color:#f0c7cd;background:#fff4f5;font-size:25px;line-height:1}
.remove-report-button:hover{background:#ffe4e8}
.edit-order-button:focus-visible,.remove-report-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.order-actions-cell{width:1%;white-space:nowrap}
.order-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.order-row-actions button{flex-shrink:0;height:36px;margin:0;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;cursor:pointer}
.order-row-actions .edit-order-button{width:36px;border-color:transparent;background:transparent;color:#746b91}
.order-row-actions .edit-order-button:hover{background:#f0edf9;color:var(--purple)}
.order-payment-button{gap:6px;padding:0 11px;border:1px solid #ddd8fa;background:#f7f5ff;color:var(--purple-dark);font-size:.75rem;font-weight:600}
.order-payment-button:hover{background:#eee9ff;border-color:#bfb1f1}
.order-payment-button span{font-size:15px;font-weight:700}
.order-delete-button{width:36px;margin-left:4px!important;padding:8px;border:1px solid transparent;background:transparent;color:#b65d68}
.order-delete-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.order-delete-button:hover{color:#b42f40;background:#fff0f2;border-color:#f2c9d0}
.order-row-actions button:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
@media(pointer:coarse){.order-row-actions button{min-width:44px;height:44px}}
.order-actions-cell,.order-actions-heading{position:sticky;right:0;z-index:2;background:#fff;box-shadow:-7px 0 12px -10px rgba(42,32,72,.4)}
.order-actions-heading{background:#faf9fd}
#ordersTableBody tr:hover .order-actions-cell{background:#faf9ff}
.notification-wrap{position:relative}
#notificationToggle{display:inline-flex;position:relative;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;padding:0}
#notificationToggle svg{display:block;width:20px;height:20px;flex:0 0 20px}
#notificationToggle:hover,#notificationToggle[aria-expanded="true"]{color:var(--purple);border-color:#cfc5ee;background:#f7f5ff}
#notificationToggle:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
#notificationCount{position:absolute;right:-5px;top:-5px;min-width:18px;padding:2px 4px;border-radius:12px;background:#d44156;color:#fff;font-size:10px;line-height:14px;text-align:center;box-shadow:0 0 0 2px #fff;pointer-events:none}
#notificationPanel{position:absolute;right:0;top:calc(100% + 12px);width:min(380px,calc(100vw - 32px));background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 45px rgba(24,18,48,.18);z-index:45;overflow:hidden}
#notificationPanel header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--line)}
#notificationsReadAll{border:0;background:transparent;color:var(--purple);font-size:12px;cursor:pointer}
#notificationsReadAll:disabled{opacity:.45;cursor:default}
#notificationMessage{margin:0;padding:8px 16px;font-size:13px;color:var(--muted)}
#notificationMessage:empty{display:none}
#notificationList{max-height:360px;overflow-y:auto}
.notification-event{display:block;width:100%;padding:14px 16px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;color:var(--ink);cursor:pointer}
.notification-event.unread{background:#f5f2ff;box-shadow:inset 3px 0 var(--purple)}
.notification-event:hover{background:#eee9ff}
.notification-event strong,.notification-event span,.notification-event small{display:block;overflow-wrap:anywhere}
.notification-event strong{font-size:13px}.notification-event span{font-size:12px;margin-top:5px}.notification-event small{font-size:11px;margin-top:6px;color:var(--muted)}
#notificationPanel>small{display:block;padding:10px 16px;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}
@media(max-width:500px){#notificationPanel{position:fixed;top:72px;right:16px}}
/* Affiliate management uses the same controls and spacing as Finance. */
.affiliate-create{margin:18px 0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end}.affiliate-create h2{grid-column:1/-1}.affiliate-create input,.affiliate-create select{min-width:0;width:100%}#affiliatesView .orders-panel{margin-top:20px}#affiliatesView .stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}#affiliatesMessage{color:var(--muted);padding:8px 0}#affiliatesView .table-wrap{overflow-x:auto}#affiliatesView table{width:100%}#affiliatesView small{display:block;color:var(--muted)}
.order-cell-edit{display:block;width:fit-content;max-width:100%;box-sizing:border-box;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;line-height:1.4;text-align:left;padding:5px 6px;margin:0;cursor:pointer}
.order-cell-edit>small{margin:0;line-height:inherit}
.order-cell-edit>strong{line-height:inherit}
.order-cell-edit[data-edit-field="telegram"],
.order-cell-edit[data-edit-field="orderDate"],
.order-cell-edit[data-edit-field="linkCount"],
.order-cell-edit[data-finance-field="paymentDate"],
.order-cell-edit[data-finance-field="totalCost"]{white-space:nowrap;max-width:none}
.order-cell-edit[data-edit-field="clientName"]{max-width:260px;overflow-wrap:anywhere}
.order-cell-edit:hover{background:#f0edff;box-shadow:0 0 0 1px #d9d1fc}
.order-cell-edit:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
.order-cell-edit + .order-cell-edit{margin-top:5px}
/* Badge buttons follow the badge's own box, without a second padded outline. */
.order-cell-edit[data-edit-field="linkType"],
.order-cell-edit[data-edit-field="workflowStatus"],
.order-cell-edit[data-finance-field="status"]{display:flex;width:max-content;max-width:none;padding:0;margin:0;border-radius:7px;line-height:1.4}
.order-cell-edit[data-edit-field="linkType"]:hover,
.order-cell-edit[data-edit-field="workflowStatus"]:hover,
.order-cell-edit[data-finance-field="status"]:hover{background:transparent;box-shadow:0 0 0 1px #c4b5ef}
.order-cell-edit[data-edit-field="report"]{display:flex;align-items:center;width:max-content;max-width:none;padding:6px 8px;margin:6px 0 0;border-radius:7px;line-height:1.4;white-space:nowrap}
.order-cell-edit[data-edit-field="report"]>small{margin:0;line-height:inherit}
.order-note-cell{min-width:220px;width:280px;vertical-align:top}
.order-note-text{display:block;white-space:pre-wrap;overflow-wrap:anywhere;min-width:200px;max-width:360px;line-height:1.55}
.affiliate-actions-cell{width:1%;white-space:nowrap}
.affiliate-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.affiliate-row-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;min-height:40px;margin:0;border:1px solid transparent;border-radius:8px;padding:8px 11px;font:inherit;font-weight:600;cursor:pointer}
.affiliate-row-actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.affiliate-clients-button{color:var(--purple);background:var(--purple-soft)}
.affiliate-clients-button:hover{background:#e7dfff}
.affiliate-row-actions .affiliate-edit-button{width:40px;padding:8px;color:var(--muted);background:transparent;border-color:var(--line)}
.affiliate-row-actions .affiliate-edit-button:hover{color:var(--purple);background:var(--purple-soft);border-color:#cfc3f7}
.affiliate-row-actions button:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
.payment-link{display:inline-block;margin-top:9px;color:var(--purple);font-size:.75rem;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.payment-link:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
.note-pencil{display:block;width:20px;height:20px;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.transaction-row{grid-template-columns:40px minmax(0,1fr) auto 36px}
.transaction-edit{width:36px;height:36px;align-self:center;justify-self:end;border-color:transparent;background:transparent;border-radius:9px}
.transaction-edit svg{display:block;width:20px;height:20px;pointer-events:none}
.transaction-edit:hover{color:var(--purple);background:var(--purple-soft);border-color:var(--line)}
.transaction-edit:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.transaction-payment-link{display:inline-block;margin-top:6px;color:var(--purple);font-size:.75rem;text-decoration:underline;text-underline-offset:3px}
.transaction-payment-link:hover{color:var(--purple-dark)}
#usersView{grid-template-columns:minmax(260px,.85fr) minmax(360px,1.4fr);gap:20px}
#usersView>.money-form{min-width:0}
#usersView .users-card{display:block}
.users-card h2{margin-bottom:20px}
#usersMessage{margin:0 0 16px;line-height:1.5}
#usersMessage:empty{display:none}
.users-card .user-row{padding:20px 0}
.users-card .user-row:first-child{padding-top:0}
.users-card .user-row:last-child{padding-bottom:0;border-bottom:0}
.users-card .user-row>strong{font-size:1rem;line-height:1.4}
.users-card .user-row p{margin:5px 0 0;font-size:.8rem;line-height:1.5}
.users-card .user-row .form-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.users-card .user-row .form-actions button{flex:0 0 auto;min-height:36px;padding:0 11px;font-size:.75rem;border-radius:8px;white-space:nowrap}
.users-card .user-row button:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
@media(max-width:1000px){#usersView{grid-template-columns:1fr}}
@media(max-width:420px){#usersView>.money-form{padding:18px}.users-card .user-row .form-actions{gap:6px}.users-card .user-row .form-actions button{padding-inline:9px}}
.transaction-payment-link:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
@media(max-width:500px){.transaction-row{grid-template-columns:38px minmax(0,1fr) 36px}.transaction-row>.transaction-amount{grid-column:2;grid-row:2}.transaction-edit{grid-column:3;grid-row:1 / span 2}}
.affiliate-previous-earning{margin-top:12px}#affiliatesTable td{vertical-align:middle}
.affiliate-wallet{margin-top:8px;max-width:240px;white-space:normal}
.order-expand-cell{display:none}
.sidebar{overflow-y:auto}
.sidebar .main-nav{display:flex;flex-direction:column;flex:1 0 auto;padding-bottom:16px}
.main-nav .settings-nav{margin-top:auto}
.main-nav .settings-nav:not([hidden]){padding-top:13px}
.sidebar .sidebar-note{margin-top:0;flex-shrink:0}
.settings-section-heading{grid-column:1/-1}
.settings-tabs{grid-column:1/-1;justify-self:start}
.settings-tabs button{min-height:40px;padding-inline:18px}
.settings-tabs button:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.settings-users-panel{grid-column:1/-1;display:grid;grid-template-columns:inherit;gap:20px;align-items:start;min-width:0}
.settings-telegram-panel{grid-column:1/-1;min-width:0}
.settings-users-panel>.money-form{min-width:0}
@media(max-width:420px){.settings-users-panel>.money-form{padding:18px}}
.telegram-settings{grid-column:1/-1;min-width:0;gap:16px}
.telegram-settings>p{margin:0;line-height:1.5}
.telegram-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;align-items:start;min-width:0}
.telegram-columns fieldset{grid-column:auto;display:flex;flex-direction:column;gap:12px;min-width:0;margin:0;padding:14px;border:1px solid var(--line);border-radius:12px;box-shadow:none}
.telegram-columns legend{padding:0 6px;font-size:14px;font-weight:700}
.telegram-columns .secondary-button{align-self:flex-start;min-height:36px;padding:8px 12px;font-size:13px}
.telegram-settings input:not([type=checkbox]){height:40px;min-height:40px;font-size:14px;min-width:0}
.telegram-options{display:flex;flex-wrap:wrap;gap:12px 24px;padding:12px;background:var(--canvas);border-radius:10px}
.telegram-worker-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.telegram-worker-row label{min-width:0}
.finance-history-head{align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.finance-history-head h2{margin:0;font-size:1.2rem}.finance-history-head p{margin:6px 0 0;font-size:.75rem;color:var(--muted)}.finance-history-picker{min-width:0}.finance-history-picker>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.finance-history-picker select{padding:8px 12px;min-height:44px;width:100%;font-size:.8rem}.finance-history-controls{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin:0 0 16px;padding:10px 12px;border-radius:10px;background:var(--canvas);font-size:.75rem;color:var(--muted)}.finance-history-controls>span{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.finance-history-controls #transactionsCount{white-space:nowrap}@media(max-width:540px){.finance-history-picker{width:100%}.finance-history-head{gap:12px}.finance-history-controls{align-items:flex-start;flex-direction:column}.finance-history-head h2{font-size:1.1rem}}
.affiliate-payout-section{padding:20px;border-bottom:1px solid var(--line)}.affiliate-payout-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:end}.affiliate-payout-form label{display:grid;gap:6px;font-size:.8rem;min-width:0}.affiliate-payout-form input{width:100%;min-width:0;padding:8px 10px}.affiliate-payout-form button{justify-self:start}.affiliate-payout-row{display:grid;gap:6px;border-top:1px solid var(--line);padding:12px 0;font-size:.8rem}.affiliate-payout-row code{overflow-wrap:anywhere}.affiliate-payout-row small{color:var(--muted)}@media(max-width:600px){.affiliate-payout-form{grid-template-columns:1fr}}
#affiliateDetails>.panel-toolbar{flex-direction:row;align-items:center;gap:16px}#affiliateDetailsTitle{margin:0;font-size:1.1rem;overflow-wrap:anywhere}#affiliateCloseDetails{flex:0 0 auto;width:auto;min-height:40px;padding:8px 14px}.affiliate-payout-section h3{margin:0 0 16px;font-size:1.1rem}.affiliate-payout-balances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.affiliate-payout-balances>div{padding:12px 16px;background:var(--canvas);border-radius:12px;min-width:0}.affiliate-payout-balances>div:last-child{background:var(--purple-soft)}.affiliate-payout-balances small{display:block;font-size:.75rem;color:var(--muted)}.affiliate-payout-balances strong{display:block;margin-top:6px;font-size:1.3rem;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.affiliate-payout-note,.affiliate-payout-help{font-size:.78rem;line-height:1.5;color:var(--muted)}.affiliate-payout-note{margin:0 0 6px}.affiliate-payout-help{margin-bottom:20px}.affiliate-payout-help summary{cursor:pointer;color:var(--purple)}.affiliate-payout-wide,.affiliate-payout-submit{grid-column:1/-1}.affiliate-payout-submit{display:flex;justify-content:flex-end}.affiliate-payout-form label{color:var(--muted);font-weight:500}.affiliate-payout-form input{min-height:44px;font-size:.85rem}.affiliate-payout-form .primary-button{min-height:44px;padding:10px 18px;font-size:.85rem}.affiliate-history-title{font-size:.9rem;margin:22px 0 10px}#affiliatePayoutMessage{font-size:.8rem;line-height:1.5;color:var(--purple);margin:12px 0}#affiliatePayoutMessage:empty{display:none}#affiliateClientForm{margin:0;padding:20px;border:0;border-radius:0;box-shadow:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#affiliateClientForm>.primary-button{grid-column:1/-1;justify-self:end;width:auto;min-height:44px;padding:10px 18px;font-size:.85rem;white-space:normal}#affiliateClientForm input,#affiliateClientForm select{min-height:44px}@media(max-width:600px){.affiliate-payout-section,#affiliateClientForm{padding:16px}.affiliate-payout-balances{gap:6px}.affiliate-payout-balances>div{padding:10px 8px}.affiliate-payout-balances strong{font-size:1rem}.affiliate-payout-balances small{font-size:.65rem}#affiliateClientForm{grid-template-columns:1fr}.affiliate-payout-submit button,#affiliateClientForm>.primary-button{width:100%}#affiliateDetails>.panel-toolbar{flex-wrap:wrap}}
.chain-panel{padding:24px;min-width:0}.chain-panel>code,.chain-row code{overflow-wrap:anywhere;display:block;font-size:.75rem}.chain-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.chain-toolbar input:not([type=checkbox]),.chain-toolbar select{padding:8px 12px;min-width:0;max-width:100%;min-height:44px}.chain-toolbar input[type=checkbox]{min-height:0}.chain-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(180px,1fr);gap:16px;border-top:1px solid var(--line);padding:16px 0;font-size:.85rem}.chain-row small{display:block;color:var(--muted);margin:6px 0}.chain-row select{display:block;width:100%;padding:8px;min-height:44px}.chain-row a{display:inline-block;margin-top:8px}@media(max-width:600px){.chain-panel{padding:16px}.chain-row{grid-template-columns:1fr}.chain-toolbar>*{max-width:100%}}
.forecast-panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}
#forecastView .panel-toolbar{flex-direction:row;text-align:left;padding-bottom:16px;align-items:center}#forecastView h2{margin:0;font-size:1.2rem}#forecastPeriod{margin:8px 0 0;font-size:.8rem;color:var(--muted)}#forecastRefresh{width:auto;flex:0 0 auto;margin:0}#forecastMessage{font-size:.8rem;color:var(--muted);line-height:1.5}#forecastView .forecast-scenario{padding:16px}#forecastView .forecast-scenario h3{margin:0 0 12px;font-size:.95rem}#forecastView .forecast-scenario>strong{font-size:clamp(1.25rem,2.3vw,1.8rem);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}#forecastView .forecast-scenario small,#forecastView .forecast-scenario p{font-size:.8rem}#forecastView .forecast-scenario p{margin:12px 0 0}#forecastSources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#forecastSources>div{background:var(--canvas);padding:12px;border-radius:10px}#forecastSources small,#forecastSources strong{display:block}#forecastSources small{font-size:.75rem;color:var(--muted)}#forecastSources strong{margin-top:6px;font-size:1rem}#forecastSources p{grid-column:1/-1;margin:0;font-size:.75rem;color:var(--muted)}#forecastView .forecast-method{font-size:.8rem}.forecast-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.forecast-overview>div{padding:12px;background:var(--canvas);border-radius:10px}.forecast-overview strong,.forecast-overview small{display:block}.forecast-overview strong{font-size:1.3rem}.forecast-overview small{font-size:.75rem;color:var(--muted);margin-top:4px}.forecast-controls{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px}.forecast-controls label{min-width:0}.forecast-controls span{display:block;font-size:.75rem;margin-bottom:6px;color:var(--muted)}.forecast-controls input,.forecast-controls select{width:100%;min-width:0;padding:8px 10px;font-size:.8rem}#forecastCount{color:var(--muted);font-size:.75rem}#forecastView .forecast-client{font-size:.85rem;padding:16px 0;gap:12px}#forecastView .forecast-client small{font-size:.75rem;line-height:1.5}#forecastView .forecast-client p{font-size:.8rem;padding:8px 10px;background:var(--canvas);border-radius:8px}@media(max-width:760px){#forecastSources{grid-template-columns:1fr}.forecast-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.forecast-controls{grid-template-columns:1fr}#forecastView .panel-toolbar{align-items:flex-start}#forecastView .forecast-scenario>strong{font-size:1.5rem}}
.forecast-panel{padding:24px;margin-bottom:24px;min-width:0}.forecast-panel .panel-toolbar{padding:0;display:flex;justify-content:space-between;align-items:center;gap:16px}.forecast-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.forecast-scenario{padding:20px;border:1px solid var(--line);border-radius:16px}.forecast-base{background:var(--purple-soft);border-color:var(--purple)}.forecast-scenario>strong{display:block;font-size:1.8rem;margin:8px 0}.forecast-scenario p,.forecast-method{line-height:1.65}.forecast-method{margin-top:20px}.forecast-method summary{cursor:pointer;color:var(--purple-dark)}.forecast-search{display:block;max-width:420px;margin:16px 0}.forecast-search span{display:block;margin-bottom:8px}.forecast-search input{width:100%}.forecast-client{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.forecast-client small{display:block;color:var(--muted);margin-top:6px}.forecast-client p{grid-column:1/-1;margin:0}.forecast-overdue{color:#a45113}#forecastMore{margin-top:16px}#forecastSources{line-height:1.6}@media(max-width:760px){.forecast-scenarios,.forecast-client{grid-template-columns:1fr}.forecast-panel{padding:16px}.forecast-panel .panel-toolbar{align-items:flex-start;flex-wrap:wrap}}
.telegram-worker-row .secondary-button{align-self:end;justify-self:start;height:40px;min-height:40px;min-width:64px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}
.telegram-settings .form-actions{gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px}
.telegram-settings .form-actions button{font-size:14px;min-height:40px;padding:10px 16px}
.telegram-help{font-size:13px;color:var(--muted);line-height:1.5}
.telegram-help summary{cursor:pointer;min-height:32px;display:list-item}
.telegram-help p{margin:8px 0}
.telegram-delivery-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;border-top:1px solid var(--line);padding:10px 0}
.telegram-delivery-row small{grid-column:1/-1}
.telegram-delivery-note{padding:10px 12px;background:var(--canvas);border-radius:8px;line-height:1.5}
.telegram-check{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.4}
.telegram-settings .telegram-check input{width:18px;min-height:18px;height:18px;flex:0 0 auto}
#telegramWorkers{display:grid;gap:10px}
#telegramHistory{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
#telegramMessage{margin:0}
.telegram-settings small{color:var(--muted);font-size:12px}
@media(max-width:420px){.telegram-settings{padding:16px}.telegram-worker-row{grid-template-columns:minmax(0,1fr)}.telegram-delivery-row{grid-template-columns:minmax(0,1fr)}}
.status-badge.free{color:var(--green);background:var(--green-soft)}
.links-report{grid-column:1/-1}
.report-summary-toolbar{gap:12px;flex-wrap:wrap;margin-bottom:0}
.report-summary-toolbar .stats-period{flex-shrink:0}
.report-summary-toolbar .stats-period button{white-space:nowrap}
.report-summary-month{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.links-report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.links-report-grid article{padding:16px;border:1px solid var(--line);border-radius:12px;min-width:0}
.links-report-grid h3{margin:0 0 12px;font-size:14px;color:var(--muted)}
.links-report-grid strong{font-size:22px}
.links-report-grid p{font-size:14px}
.links-report-grid small,.links-report-note,#linksReportPeriod{color:var(--muted);font-size:12px;line-height:1.6}
@media(max-width:760px){.reports-view{grid-template-columns:minmax(0,1fr)}.links-report-grid{grid-template-columns:minmax(0,1fr)}.links-report .stats-toolbar{flex-wrap:wrap}}
@media(max-width:760px){
  #ordersView .panel-toolbar{display:grid;padding:16px;gap:12px}
  #ordersView .search-field{width:100%;min-width:0}
  #ordersView .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #ordersView .select-wrap{min-width:0}
  #ordersView .select-wrap select{width:100%;min-width:0;min-height:44px;padding-inline:10px;font-size:13px}
  #ordersView .search-field input{font-size:16px;min-height:44px}
  #ordersView .table-wrap{overflow:visible;padding:12px;background:#f8f7fc}
  #ordersView table{display:block;min-width:0;width:100%}
  #ordersView thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  #ordersTableBody{display:grid;gap:12px}
  #ordersTableBody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:14px}
  #ordersTableBody td{display:block;min-width:0;width:auto;padding:0;border:0;white-space:normal;overflow-wrap:anywhere;font-size:14px}
  #ordersTableBody td[data-label]::before{content:attr(data-label);display:block;margin-bottom:5px;color:var(--muted);font-size:11px;font-weight:600}
  #ordersTableBody .order-mobile-heading,#ordersTableBody .order-mobile-client,#ordersTableBody .order-mobile-report,#ordersTableBody .order-note-cell,#ordersTableBody .order-actions-cell{grid-column:1/-1}
  #ordersTableBody .order-mobile-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
  #ordersTableBody td.order-mobile-heading::before,#ordersTableBody td.order-mobile-client::before,#ordersTableBody td[data-label="Тип"]::before,#ordersTableBody td[data-label="Выполнение"]::before,#ordersTableBody td[data-label="Оплата"]::before{display:none}
  #ordersTableBody .order-mobile-heading>strong{font-size:16px}
  #ordersTableBody .order-actions-cell{position:static;box-shadow:none;background:transparent;padding-top:12px;border-top:1px solid var(--line)}
  #ordersTableBody .order-row-actions{justify-content:flex-start;flex-wrap:wrap;gap:10px}
  #ordersTableBody .order-row-actions button{min-width:44px;min-height:44px}
  #ordersTableBody .order-delete-button{margin-left:auto}
  #ordersTableBody .order-cell-edit{max-width:100%;min-height:40px}
  #ordersTableBody .order-note-text{min-width:0;max-width:100%;white-space:pre-wrap}
  #ordersTableBody .order-cell-edit[data-edit-field="clientName"],#ordersTableBody .order-cell-edit[data-edit-field="telegram"]{white-space:normal;overflow-wrap:anywhere}
  #ordersTableBody .file-name,#ordersTableBody .file-link{max-width:100%}
  #ordersTableBody .file-link,#ordersTableBody .payment-link{min-height:44px;display:inline-flex;align-items:center}
  #ordersView .table-footer{flex-direction:column;gap:12px;align-items:stretch;padding:14px 16px}
  #ordersView .pagination{justify-content:center}
  #ordersView .pagination button{min-width:44px;height:44px}
  #ordersTableBody td.order-expand-cell{display:flex;align-items:center;gap:12px;grid-column:1/-1;border-top:1px solid var(--line);padding-top:6px}
  #ordersTableBody .order-expand-button{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 4px;background:transparent;border:0;border-top:1px solid var(--line);color:var(--purple);font:inherit;font-size:13px}
  #ordersTableBody .order-expand-button:focus-visible{outline:2px solid var(--purple);outline-offset:2px;border-radius:6px}
  #ordersTableBody tr:not(.order-expanded) .order-mobile-report,
  #ordersTableBody tr:not(.order-expanded) .order-note-cell,
  #ordersTableBody tr:not(.order-expanded) .order-actions-cell,
  #ordersTableBody tr:not(.order-expanded) [data-edit-field="telegram"],
  #ordersTableBody tr:not(.order-expanded) [data-finance-field="paymentDate"],
  #ordersTableBody tr:not(.order-expanded) .payment-link,
  #ordersTableBody tr:not(.order-expanded) td[data-label="Ссылки"]>small{display:none}
  #ordersTableBody td[data-label="Сумма"],#ordersTableBody td[data-label="Ссылки"]{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
  #ordersTableBody td[data-label="Сумма"]::before,#ordersTableBody td[data-label="Ссылки"]::before{margin:0}
  #ordersTableBody .order-expanded td[data-label="Ссылки"]>small{flex-basis:100%}
  #ordersTableBody tr{gap:2px 10px;padding:10px 12px}
  #ordersTableBody .order-mobile-heading{padding-bottom:2px;border-bottom:0}
  #ordersTableBody .order-cell-edit{padding:2px 0;min-height:36px}
  #ordersTableBody .order-mobile-client{grid-column:1}
  #ordersTableBody td[data-label="Сумма"]{grid-column:2;grid-row:2;justify-content:flex-end}
  #ordersTableBody td[data-label="Сумма"]::before{display:none}
  #ordersTableBody td[data-label="Тип"]{grid-column:1;grid-row:3}
  #ordersTableBody td[data-label="Ссылки"]{grid-column:2;grid-row:3;justify-content:flex-end}
  #ordersTableBody td[data-label="Выполнение"]{grid-column:1;grid-row:4}
  #ordersTableBody td[data-label="Оплата"]{grid-column:2;grid-row:4;text-align:right}
  #ordersTableBody .type-badge,#ordersTableBody .workflow-badge,#ordersTableBody .status-badge{padding:5px 7px;font-size:11px}
  #ordersTableBody .order-expand-button{flex:1;width:auto;border-top:0;min-height:44px}
  #ordersTableBody .order-quick-payment{flex:0 0 auto;min-height:44px;padding:0 12px}
  #ordersTableBody .order-actions-cell .order-payment-button{display:none}
  #ordersTableBody tr.order-expanded .order-actions-cell{display:none}
  #ordersTableBody .mobile-secondary-actions{display:none}
  #ordersTableBody .order-expanded .mobile-secondary-actions{display:flex;gap:2px;align-items:center}
  #ordersTableBody .mobile-secondary-actions .order-payment-button{display:none}
  #ordersTableBody .mobile-secondary-actions button{width:40px;height:44px;min-width:40px;padding:0}
  #ordersTableBody .mobile-secondary-actions .order-delete-button{margin:0}
  #ordersTableBody td.order-expand-cell{gap:6px;margin-top:8px}
  #ordersTableBody .order-expanded .order-expand-button{font-size:12px;padding:0;gap:4px;justify-content:flex-start}
  #ordersTableBody .order-quick-payment{border:1px solid #ded6ff;border-radius:8px;color:var(--purple);background:#f7f5ff;font-family:inherit;font-size:12px;font-weight:600;padding-inline:9px;white-space:nowrap}
  #ordersTableBody .order-expanded .order-mobile-client .order-cell-edit{min-height:30px}
  #ordersTableBody .order-expanded [data-edit-field="telegram"]{margin-top:0}
  #ordersTableBody td[data-label="Сумма"]{align-content:start;align-items:flex-start}
  #ordersTableBody .order-expanded td[data-label="Ссылки"]{align-content:start}
  #ordersTableBody .order-expanded td[data-label="Ссылки"]>small{margin-top:0;text-align:right}
  #ordersTableBody td[data-label="Оплата"]>.order-cell-edit{margin-left:auto}
  #ordersTableBody .order-expanded .order-mobile-report{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;padding-top:8px;margin-top:4px;border-top:1px solid var(--line)}
  #ordersTableBody .order-expanded .order-mobile-report::before{margin:0}
  #ordersTableBody .order-expanded .order-mobile-report [data-edit-field="report"]{margin:0 0 0 auto;padding:0 4px;min-height:36px}
  #ordersTableBody .order-expanded .order-mobile-report .file-link{min-height:36px;max-width:100%;overflow-wrap:anywhere;white-space:normal}
  #ordersTableBody .order-expanded .order-note-cell{display:flex;align-items:flex-start;gap:10px;padding-top:4px}
  #ordersTableBody .order-expanded .order-note-cell::before{flex:0 0 auto;margin:10px 0 0}
  #ordersTableBody .order-expanded .order-note-cell>.order-cell-edit{min-width:0;flex:1;min-height:36px;text-align:left}
}
#affiliateForm{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;align-items:start}
#affiliateForm>label{min-width:0;display:flex;flex-direction:column;height:100%}
#affiliateForm>label>input{margin-top:auto}
#affiliateForm>.form-actions{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap;margin:0;padding-top:16px;border-top:1px solid var(--line)}
@media(min-width:1400px){#affiliateForm{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr) minmax(150px,.7fr)}}
@media(max-width:600px){#affiliateForm{grid-template-columns:minmax(0,1fr);gap:16px}}
.affiliate-wallet code{display:block;overflow-wrap:anywhere;user-select:all;font-size:.72rem;line-height:1.5}
#affiliatesTable td:first-child a{color:var(--purple);text-underline-offset:3px}
.startup-view{min-height:100vh;display:grid;place-items:center;padding:24px}.startup-card{text-align:center;max-width:420px}.startup-card h1{color:var(--purple)}.startup-card p{color:var(--muted);line-height:1.6;margin:20px 0}
.chain-panel .chain-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.chain-panel .chain-heading h2,.chain-panel .chain-heading h3{margin:0}
.chain-kicker{font-size:.7rem;color:var(--muted);display:block;margin-bottom:6px}
.chain-network{font-size:.7rem;vertical-align:middle;border:1px solid var(--line);border-radius:6px;padding:4px 8px;color:var(--green)}
.chain-heading code{display:block;font-size:.75rem;overflow-wrap:anywhere;margin-top:8px}
.chain-status{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0}
.chain-status p,.chain-panel .chain-note{font-size:.75rem;color:var(--muted);line-height:1.6;margin:8px 0}
.chain-status label{display:flex;align-items:center;gap:8px;font-size:.8rem;white-space:nowrap}
.chain-status input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:var(--purple)}
.chain-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.chain-stats>div{padding:18px;background:var(--canvas);border:1px solid var(--line);border-radius:12px;min-width:0}
.chain-stats span{font-size:.75rem;color:var(--muted);display:block}
.chain-stats strong{display:block;font-size:clamp(1.1rem,2vw,1.6rem);margin-top:8px;overflow-wrap:anywhere}
.chain-stats small{font-size:.7rem;font-weight:400;color:var(--muted)}
.chain-panel .chain-in{color:var(--green)}.chain-panel .chain-out{color:var(--red)}
.chain-wallets{border:1px solid var(--line);border-radius:12px;padding:16px;margin:20px 0 26px}
.chain-wallets summary{cursor:pointer;font-size:.9rem;font-weight:600;color:var(--ink)}
.chain-wallets summary span{font-size:.7rem;color:var(--purple);background:var(--purple-soft);padding:3px 8px;border-radius:12px;margin-left:6px}
.chain-wallets .chain-toolbar{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;align-items:end}
.chain-wallets label{font-size:.75rem;min-width:0}.chain-wallets input,.chain-wallets select{width:100%;display:block;margin-top:6px}
.chain-wallet-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:.8rem}
.chain-wallet-row>div{min-width:0}.chain-wallet-row code{display:block;overflow-wrap:anywhere;font-size:.7rem;margin-top:5px}
.chain-filters{display:grid;grid-template-columns:minmax(180px,1fr) auto auto}
.chain-panel .chain-row{grid-template-columns:minmax(0,1.4fr) minmax(180px,1fr);align-items:center;padding:16px 0;gap:24px}
.chain-transfer-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.chain-transfer-head strong{font-size:1.05rem}.chain-transfer-head strong span{font-size:.7rem}
.chain-panel .chain-row small{font-size:.7rem;margin:5px 0}.chain-panel .chain-row code{font-size:.7rem}.chain-panel .chain-row a{font-size:.7rem;margin-top:5px}
.chain-client label{font-size:.7rem;color:var(--muted)}.chain-panel .chain-client select{font-size:.8rem;margin-top:5px;background:var(--surface);color:var(--ink)}
.chain-empty{text-align:center;padding:32px 16px;color:var(--muted);font-size:.85rem}
.chain-panel #chainMore{display:block;margin:18px auto}
@media(max-width:700px){.chain-stats{grid-template-columns:1fr 1fr}.chain-stats>div:last-child{grid-column:1/-1}.chain-stats>div{padding:12px}.chain-filters{grid-template-columns:1fr 1fr}.chain-filters input{grid-column:1/-1}.chain-wallets .chain-toolbar{grid-template-columns:1fr}.chain-panel .chain-row{grid-template-columns:1fr;gap:10px}.chain-client{padding-top:8px;border-top:1px dashed var(--line)}.chain-client label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}.chain-panel .chain-client select{margin:0}.chain-heading>div{min-width:0}}
.chain-period{display:flex;gap:4px;padding:4px;background:var(--purple-soft);border-radius:10px;flex-wrap:wrap}
.chain-period button{border:0;border-radius:8px;padding:10px 14px;min-height:44px;background:transparent;color:var(--muted);font-size:.75rem;font-weight:600}
.chain-period button[aria-pressed=true]{background:var(--surface);color:var(--purple-dark);box-shadow:0 2px 7px rgba(31,28,55,.07)}
.chain-period button:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.chain-api-panel{padding:24px;max-width:920px}.chain-api-panel h2{margin-top:0}.chain-api-panel p{font-size:.8rem;line-height:1.6;color:var(--muted)}.chain-api-panel form>label:first-child{display:block;font-size:.8rem}.chain-api-panel input[type=password]{display:block;width:100%;padding:12px;margin-top:8px}.chain-api-clear{display:flex;align-items:center;gap:8px;margin:16px 0;font-size:.8rem}.chain-api-clear input{width:18px;height:18px;min-height:0}.chain-api-panel .form-actions{display:flex;flex-wrap:wrap;gap:10px}.chain-api-panel .form-actions button{min-height:44px}.settings-tabs{flex-wrap:wrap}
.chain-api-panel{grid-column:1/-1;min-width:0;width:100%;max-width:none;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:28px}
.chain-api-panel h2{font-size:1.4rem;line-height:1.3;margin:0 0 14px}
.chain-api-panel>p{max-width:85ch;margin:10px 0 18px}
.chain-api-panel a{color:var(--purple-dark);text-underline-offset:3px}
.chain-api-panel #chainApiForm{max-width:800px}
.chain-api-panel #chainApiForm>label:first-child{font-weight:600;color:var(--ink)}
.chain-api-panel .chain-api-clear{align-items:flex-start;line-height:1.5}
.chain-api-panel .chain-api-clear input{flex:0 0 18px;margin:2px 0 0}
.chain-api-panel .form-actions{justify-content:flex-start;align-items:center;padding-top:18px;border-top:1px solid var(--line);margin-top:18px}
.chain-api-panel .form-actions button{flex:0 0 auto;padding:11px 16px;font-size:.8rem;line-height:1.3;border-radius:10px}
.chain-api-panel #chainApiMessage:not(:empty){padding:12px 14px;border-radius:10px;background:var(--purple-soft);color:var(--purple-dark);margin-bottom:0}
@media(max-width:600px){.chain-api-panel{padding:20px 16px}.chain-api-panel .form-actions{display:grid;grid-template-columns:1fr 1fr}.chain-api-panel .form-actions button{width:100%;padding:10px;font-size:.75rem}.settings-tabs{max-width:100%}.settings-tabs button{padding-inline:12px}}
.client-wallet-info{padding:18px 20px;border-top:1px solid var(--line);background:var(--canvas)}
.client-wallet-info h3{font-size:.9rem;margin:0 0 12px}
.client-wallet-info>a{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 12px;margin:8px 0;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--purple-dark);font-size:.75rem;text-decoration:none}
.client-wallet-info code{overflow-wrap:anywhere;min-width:0}.client-wallet-info p{font-size:.75rem;color:var(--muted);line-height:1.5}.client-wallet-count{color:var(--purple-dark)}
.client-payment-link { color: var(--purple-dark); font-size: .75rem; white-space: nowrap; }
.chain-review{padding:16px 0;border-top:1px solid var(--line);min-width:0}
.chain-review h3{margin:0 0 12px;font-size:1rem}
.chain-review summary,.chain-allocation-details summary{cursor:pointer;color:var(--purple-dark);padding:8px 0;font-size:.82rem}
.chain-review p{font-size:.8rem;line-height:1.6;overflow-wrap:anywhere}
.chain-review .chain-warning{color:var(--red)}
.chain-allocation-details{margin-top:10px;border-top:1px solid var(--line)}
.chain-allocation-details>div{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:10px 0;font-size:.8rem}
.chain-allocation-details small{display:block;color:var(--muted);margin-top:4px}
.chain-allocation-details button{min-height:36px;padding:6px 12px;font-size:.75rem;flex-shrink:0}
#chainAllocationHistory p{border-bottom:1px solid var(--line);padding-bottom:10px}
@media(max-width:600px){.chain-allocation-details>div{flex-wrap:wrap}.chain-review .chain-stats{grid-template-columns:1fr}}
.chain-address-info{margin:10px 0;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);overflow-wrap:anywhere}
.chain-address-info strong{font-size:.78rem;display:block}
.chain-address-info small{font-size:.7rem;display:block;margin-top:5px;line-height:1.45;color:var(--muted)}
.chain-address-info button{font-size:.7rem;min-height:32px;padding:5px 10px;margin-top:8px}
.chain-bind-option{display:flex!important;align-items:flex-start;gap:8px;font-size:.74rem!important;line-height:1.45;margin:10px 0}
.chain-bind-option input{width:16px!important;min-height:16px;flex:0 0 16px;margin-top:2px;accent-color:var(--purple)}
.chain-client>[data-chain-bind]{font-size:.72rem;min-height:34px;padding:6px 10px;margin:8px 0}
.chain-warning,.chain-address-info .chain-warning{color:var(--red)}
.chain-label-batch{padding:14px 0;border-bottom:1px solid var(--line);margin-bottom:16px}
.chain-label-batch>div{display:flex;gap:8px;flex-wrap:wrap}
.chain-label-batch button{min-height:38px;font-size:.8rem;padding:8px 14px}
.chain-label-batch progress{display:block;width:100%;height:8px;margin:10px 0;accent-color:var(--purple)}
.chain-label-batch progress[hidden]{display:none}
.chain-label-batch>small{display:block;font-size:.72rem;line-height:1.5}
.analytics-report{min-width:0;width:100%;grid-column:1/-1}
.analytics-report h3{margin-top:28px}.analytics-report p{line-height:1.6}
.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.analytics-grid details{padding:16px;border:1px solid var(--line);border-radius:12px;min-width:0}
.analytics-grid details[open]{grid-column:1/-1}
.analytics-grid summary{cursor:pointer}.analytics-grid summary strong{display:block;font-size:1.4rem;margin:8px 0}
.analytics-grid summary small{display:block;color:var(--muted)}
.forecast-contact-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;grid-column:1/-1}
.forecast-contact-actions small{flex-basis:100%}.forecast-contact-actions select{max-width:100%}

/* Analytics: stable cards, readable sections and scoped compact tables. */
.analytics-toolbar{background:var(--surface,#fff);padding:18px 20px;border:1px solid var(--line);border-radius:16px;justify-content:space-between;gap:16px;flex-wrap:wrap}
.analytics-toolbar label{display:flex;gap:10px;align-items:center;font-size:.8rem;color:var(--muted)}
.analytics-toolbar input{padding:8px 10px;min-width:165px}
.analytics-toolbar .stats-period button[aria-pressed="true"]{background:#fff;color:var(--purple);box-shadow:0 2px 8px #201c3010}
#analyticsMessage{font-size:.78rem;color:var(--muted);margin:12px 4px}
#analyticsContent{display:grid;gap:18px}#analyticsContent[aria-busy="true"]{opacity:.45}
.analytics-section{background:var(--surface,#fff);border:1px solid var(--line);border-radius:16px;padding:22px;min-width:0}
.analytics-section h3{margin:0 0 14px;font-size:1.03rem}.analytics-section h3 small{font-weight:400;font-size:.78rem;color:var(--muted);margin-left:8px}
.analytics-section p{font-size:.8rem;color:var(--muted);margin:10px 0 16px}
.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid details{background:#faf9ff;padding:16px}
.analytics-grid summary{list-style:none;position:relative}.analytics-grid summary::-webkit-details-marker{display:none}
.analytics-grid summary strong{font-variant-numeric:tabular-nums;font-size:1.5rem;overflow-wrap:anywhere}
.analytics-grid summary small{font-size:.75rem;line-height:1.5}.analytics-detail-hint{display:block;color:var(--purple);font-size:.72rem;margin-top:12px}
.analytics-grid details:hover{border-color:var(--purple)}.analytics-grid summary:focus-visible{outline:2px solid var(--purple);outline-offset:5px;border-radius:4px}
.analytics-section table,#analyticsDetail table,#forecastAccuracy table{min-width:0;font-variant-numeric:tabular-nums}
.analytics-section th,#analyticsDetail th,#forecastAccuracy th{letter-spacing:0;font-size:.73rem;white-space:normal}
.analytics-section td,#analyticsDetail td{overflow-wrap:anywhere;padding:12px}
.analytics-section .table-wrap{max-height:440px;overflow:auto}.analytics-section th{position:sticky;top:0}
.analytics-trend .bar-chart{height:180px;margin-top:18px}.analytics-trend .bar-column{min-width:0}.analytics-trend .bar-column strong{font-size:.72rem;white-space:nowrap}.analytics-trend .bar-column span{font-size:.67rem}
#analyticsDetail{width:min(900px,calc(100vw - 32px));max-height:85dvh;padding:24px;border:1px solid var(--line);border-radius:18px;color:var(--ink);background:#fff;box-shadow:var(--shadow)}
#analyticsDetail::backdrop{background:#17132980}#analyticsDetail header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}#analyticsDetail h2{margin:0;font-size:1.15rem}
#analyticsDetailBody{overflow:auto;max-height:65dvh}.forecast-heading{min-width:0;flex:1}
.forecast-period-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.forecast-period-actions select{padding:8px 10px;font-size:.78rem;min-width:0;max-width:100%}
#forecastView .panel-toolbar{flex-wrap:wrap;gap:16px}.forecast-context{background:var(--purple-soft);border-radius:10px;padding:12px;font-size:.78rem;line-height:1.5;color:var(--muted)}
#forecastView .forecast-client{border:1px solid var(--line);border-radius:12px;padding:16px;margin:12px 0;background:var(--surface,#fff)}
.forecast-contact-actions{padding-top:12px;border-top:1px solid var(--line)}.forecast-contact-actions select{padding:8px;font-size:.78rem}
.forecast-contact-actions a{font-size:.78rem}.forecast-contact-form{display:flex;align-items:end;gap:8px;flex-wrap:wrap;flex-basis:100%;padding:12px;background:var(--canvas);border-radius:8px}
.forecast-contact-form label{font-size:.75rem}.forecast-contact-form input{display:block;padding:8px;max-width:100%}.forecast-contact-form button{font-size:.78rem;padding:10px 14px;min-height:42px}.forecast-contact-form [role="status"]{flex-basis:100%;color:var(--red)}
@media(min-width:1400px){.analytics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.analytics-section{padding:16px}.analytics-toolbar{padding:14px}.analytics-toolbar label,.analytics-toolbar .stats-period{width:100%;justify-content:space-between}.analytics-toolbar .stats-period button{flex:1;padding:10px;font-size:.75rem}.analytics-grid{gap:8px}.analytics-grid details{padding:12px}.analytics-grid summary strong{font-size:1.2rem}.analytics-section table,#analyticsDetail table,#forecastAccuracy table{min-width:480px}.analytics-trend .bar-chart{gap:6px;height:160px}.analytics-trend .bar-column strong{font-size:.58rem}.analytics-trend .bar-column span{font-size:.57rem}.forecast-heading{flex-basis:100%}.forecast-period-actions{width:100%}.forecast-period-actions select{flex:1;width:0}#forecastView .forecast-client{grid-template-columns:1fr 1fr}#forecastView .forecast-client>div:first-child{grid-column:1/-1}#forecastView .forecast-client>p{grid-column:1/-1}#analyticsDetail{padding:16px}#analyticsDetail header button{padding:10px;font-size:.8rem}}
.affiliate-detail-overview{padding:20px 24px 0}.affiliate-detail-overview>p{margin:0 0 8px;color:var(--muted)}.affiliate-detail-overview>small{display:block;color:var(--muted);margin-bottom:12px}
.affiliate-detail-tabs{display:flex;width:max-content;max-width:calc(100% - 48px);margin:20px 24px}.affiliate-detail-tabs button[aria-pressed="true"]{background:white;color:var(--purple);box-shadow:0 2px 8px #201c3010}
.affiliate-clients-pane{padding:0 24px 24px;min-width:0}.affiliate-detail-controls{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.affiliate-detail-controls label{font-size:.8rem;color:var(--muted);width:min(340px,100%)}.affiliate-detail-controls input{display:block;width:100%;margin-top:6px;padding:8px 12px}
#affiliateClientForm[hidden],#affiliateClientsPane[hidden],#affiliatePayoutsPane[hidden]{display:none!important}
#affiliateClientsPane table{min-width:760px}#affiliateClientsPane .table-wrap{overflow:auto}.affiliate-order-details{margin-top:10px;font-size:.75rem;min-width:170px}.affiliate-order-details summary{cursor:pointer;color:var(--purple)}.affiliate-order-details p{font-size:.75rem;padding:8px 0;border-bottom:1px solid var(--line)}
#affiliatePayoutDialog{width:min(760px,calc(100vw - 32px));max-height:88dvh;overflow:auto;border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff;color:var(--ink)}#affiliatePayoutDialog::backdrop{background:#17132980}#affiliatePayoutDialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}#affiliatePayoutDialog h2{font-size:1.2rem;margin:0}#affiliatePayoutDialog .affiliate-payout-form{margin-top:18px}#affiliatePayoutDialog input{min-width:0;width:100%}.affiliate-payout-tools{display:flex;flex-wrap:wrap;gap:8px}.affiliate-payout-tools button{font-size:.78rem;padding:10px 12px}.affiliate-payout-row code{overflow-wrap:anywhere}#affiliatePayoutsPane>h3{margin-top:0}#affiliateDetailsTitle{font-size:1.15rem}
@media(max-width:760px){.affiliate-detail-overview{padding:16px 16px 0}.affiliate-detail-tabs{margin:16px;max-width:calc(100% - 32px)}.affiliate-detail-tabs button{min-height:42px}.affiliate-clients-pane{padding:0 16px 16px}.affiliate-detail-controls{flex-wrap:wrap}.affiliate-detail-controls label{width:100%}.affiliate-detail-controls button,#affiliatePayoutOpen{width:100%;font-size:.8rem}#affiliatePayoutDialog{padding:16px}#affiliatePayoutDialog header button{font-size:.8rem;padding:10px}#affiliatePayoutDialog .affiliate-payout-form{grid-template-columns:1fr}#affiliatePayoutDialog h2{font-size:1rem}}
#affiliateDetails>.panel-toolbar{padding:16px 24px}
#affiliateDetails .affiliate-detail-overview{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:18px 24px 0}
#affiliateDetails .affiliate-detail-overview>p,#affiliateDetails .affiliate-detail-overview>small{margin:0;font-size:.8rem}
#affiliateDetails .affiliate-payout-balances{grid-column:1/-1;margin:0;gap:12px}
#affiliateDetails .affiliate-detail-tabs{margin:16px 24px 0}
#affiliatePayoutsPane{padding:20px 24px 24px;border:0}
.affiliate-payout-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}
#affiliatePayoutsPane .affiliate-payout-heading h3{margin:0;font-size:1rem}
#affiliatePayoutOpen{min-height:42px;padding:10px 16px;font-size:.8rem;box-shadow:none;flex-shrink:0}
#affiliatePayoutsPane .affiliate-payout-note{margin:0 0 8px;font-size:.78rem;max-width:780px}
#affiliatePayoutsPane .affiliate-payout-help{margin:0 0 20px;font-size:.75rem}
#affiliatePayoutsPane .affiliate-history-title{margin:0 0 12px;font-size:.85rem;color:var(--muted)}
#affiliatePayoutHistory{display:grid;gap:10px}
#affiliatePayoutHistory .affiliate-payout-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 16px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--canvas)}
#affiliatePayoutHistory .affiliate-payout-row strong{font-size:.95rem;font-variant-numeric:tabular-nums}
.affiliate-payout-date{color:var(--muted);font-size:.75rem;text-align:right}
#affiliatePayoutHistory code{font-size:.78rem;color:var(--muted)}
#affiliatePayoutHistory a{font-size:.78rem;text-align:right}
#affiliatePayoutHistory small{grid-column:1/-1;line-height:1.5}#affiliatePayoutHistory small:empty{display:none}
@media(max-width:760px){#affiliateDetails>.panel-toolbar{padding:14px 16px}#affiliateDetails .affiliate-detail-overview{padding:14px 16px 0;grid-template-columns:1fr;gap:8px}#affiliateDetails .affiliate-payout-balances{gap:6px}#affiliateDetails .affiliate-payout-balances>div{padding:10px}#affiliateDetails .affiliate-payout-balances strong{font-size:1.1rem}#affiliateDetails .affiliate-detail-tabs{margin:14px 16px 0}#affiliatePayoutsPane{padding:16px}.affiliate-payout-heading{flex-wrap:wrap;gap:10px}#affiliatePayoutHistory .affiliate-payout-row{padding:12px}}
.client-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px}.client-detail-summary>div{padding:14px;background:var(--purple-soft);border-radius:10px;min-width:0}.client-detail-summary small,.client-detail-summary strong{display:block;overflow-wrap:anywhere}.client-detail-summary small{color:var(--muted);font-size:.75rem;margin-bottom:8px}.client-detail-summary strong{font-size:1.1rem}
#clientDetails .client-detail-tabs{display:flex;width:max-content;max-width:calc(100% - 40px);margin:0 20px 20px;flex-wrap:wrap}#clientDetails .client-detail-tabs button[aria-pressed="true"]{background:#fff;color:var(--purple)}
#clientDetails [data-client-pane]{padding:0 20px 20px;min-width:0}#clientDetails [data-client-pane][hidden]{display:none!important}#clientDetails table{min-width:680px}#clientDetails .client-wallet-info{padding:0;background:transparent;border:0}
#clientDetails form{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:20px 0}#clientDetails form label{font-size:.8rem;color:var(--muted);display:grid;gap:7px;flex:1;min-width:200px}#clientDetails input,#clientDetails select,#clientDetails textarea{padding:10px;width:100%;min-width:0}#clientDetails textarea{border:1px solid var(--line);border-radius:10px;resize:vertical}#clientNoteForm label{flex-basis:100%!important}.client-wallet-actions{display:flex;gap:10px;margin:8px 0 16px}.client-order-filter{display:flex;gap:10px;align-items:center;margin-bottom:16px;font-size:.8rem}.client-order-filter select{max-width:200px}#clientsMore{margin:16px}#clientDetails .panel-toolbar{flex-direction:row;justify-content:space-between;align-items:center}#clientDetails .panel-toolbar button{width:auto}#clientsView>.orders-panel>.panel-toolbar{flex-wrap:wrap}#clientsView .filters{flex-wrap:wrap}
@media(max-width:760px){.client-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:8px}#clientDetails .client-detail-tabs{margin:0 16px 16px;max-width:calc(100% - 32px)}#clientDetails .client-detail-tabs button{font-size:.75rem;padding:10px}#clientDetails [data-client-pane]{padding:0 16px 16px}#clientsView #clientsTable{display:block}#clientsTable tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:12px;margin:12px;padding:12px;gap:10px}#clientsTable tr[hidden]{display:none}#clientsTable td{display:block;border:0;padding:0;overflow-wrap:anywhere;font-size:.8rem}#clientsTable td:first-child{grid-column:1/-1}#clientsTable td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;color:var(--muted);font-size:.7rem;margin-bottom:5px}#clientsView>.orders-panel>.table-wrap>table{min-width:0;display:block}#clientsView>.orders-panel>.table-wrap>table>thead{display:none}#clientDetails form label{min-width:100%}#clientDetails form button{width:100%}}
#clientsView>.orders-panel>.table-wrap>table{min-width:0;width:100%}#clientsView #clientsTable td{white-space:normal}#clientNoteForm>small{flex-basis:100%;color:var(--muted)}#clientNoteForm>button{margin-left:auto}#clientDetails form label[hidden]{display:none!important}

/* Finance workspace: one reporting period, compact ledger, explicit manual actions. */
.order-combined-volume{margin-top:4px}.order-combined-volume small{color:var(--muted);font-size:.68rem;margin-top:3px;white-space:nowrap}.order-report-empty{padding:0;border:0;background:none;color:var(--muted);font-size:.7rem;cursor:pointer}.order-report-empty:hover{color:var(--purple)}
.orders-role-workspace .workflow-badge.finish{color:#497397;background:#edf3f8}.orders-role-workspace .status-badge.free{color:#716c80;background:#f0eff4}
.orders-role-workspace .order-row-actions{align-items:center;gap:6px}.orders-role-workspace .order-payment-button{font-size:.72rem;min-height:34px;padding:6px 9px;white-space:nowrap}
.orders-role-workspace .order-more-menu[open]{padding:4px;border:1px solid var(--line);border-radius:8px;background:#fff}.orders-role-workspace .order-more-menu button{display:block!important;width:auto!important;height:auto!important;padding:7px!important;font-size:.72rem!important;white-space:nowrap}
.orders-page-size{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.75rem;margin-left:auto}.orders-page-size select{min-height:34px;padding:5px 8px}.orders-role-workspace .pagination{margin-left:12px}
@media(min-width:761px){.orders-role-workspace .order-volume-source,.orders-role-workspace #ordersTableHead th:nth-child(4){display:none}.orders-role-workspace #ordersTableBody td{padding-top:12px;padding-bottom:12px;vertical-align:top}.orders-role-workspace .order-placement-cell{min-width:135px}.orders-role-workspace table{min-width:1040px}.orders-role-workspace .table-wrap{max-height:72vh;overflow:auto}.orders-role-workspace thead th{position:sticky;top:0;z-index:2;background:#faf9fe}}
@media(max-width:760px){.order-combined-volume{display:none}.orders-role-workspace .order-more-menu .edit-order-button{display:block!important}.orders-page-size{margin-left:0}.orders-role-workspace .table-footer{flex-wrap:wrap;gap:10px}}
.orders-quick-bar{padding:18px 20px 0}#ordersRoleFilters{display:flex;flex-wrap:wrap;gap:8px}#ordersRoleFilters button{border:1px solid var(--line);background:#f6f5fb;color:var(--muted);border-radius:9px;padding:9px 12px;font-size:.78rem;min-height:38px}#ordersRoleFilters [aria-pressed=true]{color:var(--purple-dark);border-color:#c6bafa;background:var(--purple-soft);font-weight:600}#ordersRoleSummary{font-size:.75rem;color:var(--muted);line-height:1.5;margin:12px 0}
.order-desktop-details{margin-top:8px}.order-desktop-details>summary{color:var(--purple);font-size:.72rem;cursor:pointer}.order-desktop-details>div{padding:8px 0;max-width:300px;white-space:normal;overflow-wrap:anywhere}.order-credit-info{font-size:.65rem;color:var(--muted)}
.order-more-menu{position:relative}.order-more-menu>summary{list-style:none;cursor:pointer;font-size:1.3rem;padding:2px 8px;border-radius:7px;color:var(--muted)}.order-more-menu>summary::-webkit-details-marker{display:none}.order-more-menu[open]>summary{background:var(--purple-soft)}.order-more-menu .order-delete-button{width:auto!important;height:auto!important;padding:8px!important;white-space:nowrap;font-size:.72rem!important}
.order-worker-action{border:1px solid #d8d0f8;border-radius:8px;padding:8px 10px;background:var(--purple-soft);color:var(--purple-dark);font-weight:600;font-size:.73rem}
@media(min-width:761px){.orders-role-workspace .order-mobile-report{display:none}.orders-role-workspace #ordersTableHead th:nth-last-child(3){display:none}.orders-role-workspace table{min-width:1080px}.orders-role-workspace .order-mobile-client{min-width:170px}.orders-role-workspace .order-row-actions{flex-wrap:wrap}}
@media(max-width:760px){#ordersTableBody tr:not(.order-expanded) .order-note-cell{display:flex;align-items:flex-start;gap:10px;padding-top:4px}#ordersTableBody tr:not(.order-expanded) .order-note-cell::before{flex:0 0 auto;margin:10px 0 0}#ordersTableBody tr:not(.order-expanded) .order-note-cell>.order-cell-edit{min-width:0;flex:1;min-height:36px;text-align:left}}
@media(max-width:760px){.order-desktop-details{display:none}.orders-quick-bar{padding:14px 14px 0}#ordersRoleFilters{gap:6px}#ordersRoleFilters button{font-size:.7rem;padding:8px}.orders-role-workspace .order-expand-cell>.order-worker-action{margin-left:auto}.orders-role-workspace .mobile-secondary-actions .order-worker-action{display:none}.orders-role-workspace .order-more-menu .order-delete-button{display:block!important}.order-credit-info{font-size:.6rem}}
.affiliate-wallet-info{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:8px 0;min-width:0;font-size:12px}
.affiliate-wallet-info small,.affiliate-wallet-empty{color:var(--muted);font-size:11px}
.affiliate-wallet-info a{color:var(--purple);overflow-wrap:anywhere;min-width:0}
.affiliate-wallet-info code{font-size:12px;white-space:normal;user-select:text}
#affiliateDetailWallet{margin-bottom:16px}
/* Mobile orders: aligned content rows and two equally accessible footer actions. */
@media(max-width:760px){
  #ordersTableBody tr{padding:12px;gap:4px 12px;align-items:center}
  #ordersTableBody .order-mobile-heading{margin-bottom:4px}
  #ordersTableBody td[data-label="Сумма"]{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:normal;align-items:flex-end;justify-content:center;gap:0;text-align:right}
  #ordersTableBody td[data-label="Сумма"]>.order-cell-edit{width:auto;text-align:right;align-self:flex-end}
  #ordersTableBody td[data-label="Выполнение"],#ordersTableBody td[data-label="Оплата"]{align-self:start}
  #ordersTableBody td[data-label="Сумма"]>.order-credit-info{display:block;font-size:11px;line-height:1.35;margin:0 0 4px;max-width:100%}
  #ordersTableBody .order-mobile-client strong,#ordersTableBody td[data-label="Сумма"] strong{font-size:14px;line-height:1.35}
  #ordersTableBody .type-badge,#ordersTableBody .workflow-badge,#ordersTableBody .status-badge{line-height:1.3;padding:7px 9px;white-space:normal}
  #ordersTableBody td.order-note-cell,#ordersTableBody tr:not(.order-expanded) .order-note-cell,#ordersTableBody .order-expanded .order-note-cell{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:start;gap:8px;padding-top:6px}
  #ordersTableBody .order-note-cell::before,#ordersTableBody tr:not(.order-expanded) .order-note-cell::before,#ordersTableBody .order-expanded .order-note-cell::before{margin:10px 0 0;font-size:11px}
  #ordersTableBody .order-note-text{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
  #ordersTableBody td.order-expand-cell{margin-top:4px;padding-top:8px;gap:8px}
  #ordersTableBody .order-expand-button{flex:1;justify-content:center;gap:8px;border-radius:8px;background:#f5f4fa;min-height:44px;font-size:12px}
  #ordersTableBody .order-quick-payment{flex:1;min-width:0;white-space:normal;min-height:44px;font-size:12px;line-height:1.3;padding:8px}
  #ordersTableBody .order-expanded .order-expand-button{justify-content:center;padding:8px}
  #ordersTableBody .order-expanded .mobile-secondary-actions{flex-shrink:0}
}
.affiliate-list-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#affiliateEditorDialog{width:min(560px,calc(100% - 24px));max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:18px;padding:24px;color:var(--ink);box-shadow:var(--shadow)}
#affiliateEditorDialog::backdrop{background:rgba(25,23,42,.5)}
#affiliateEditorDialog .affiliate-editor-close{display:block;margin-left:auto}
#affiliateEditorDialog .affiliate-create{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:14px 0 0;padding:0;border:0;box-shadow:none}
#affiliateEditorDialog h2,#affiliateEditorDialog .affiliate-editor-help,#affiliateEditorDialog label:has([name=trc20Wallet]),#affiliateEditorDialog .form-actions,#affiliateEditorMessage{grid-column:1/-1;margin:0}
#affiliateEditorDialog h2{font-size:1.35rem}#affiliateEditorDialog .affiliate-editor-help{color:var(--muted);font-size:.8rem;line-height:1.5}
#affiliateEditorDialog label:has([name=percent]){grid-column:1/-1;max-width:220px}
#affiliateEditorDialog .form-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:10px}
#affiliateEditorMessage{color:var(--red);font-size:.8rem;line-height:1.5}#affiliateEditorMessage:empty{display:none}
@media(max-width:600px){#affiliateEditorDialog{padding:18px}#affiliateEditorDialog .affiliate-create{grid-template-columns:minmax(0,1fr)}#affiliateEditorDialog label:has([name=percent]){max-width:none}.affiliate-list-actions{width:100%}.affiliate-list-actions button{flex:1;font-size:.75rem;padding:10px}#affiliatesView .orders-panel:has(#affiliatesTable)>.panel-toolbar{flex-wrap:wrap;gap:12px}}
.affiliate-list-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:16px 20px;background:#faf9fd;border-block:1px solid var(--line)}
.affiliate-list-controls label:not(.affiliate-check){display:grid;gap:6px;flex:1;min-width:180px;font-size:.75rem;color:var(--muted)}
.affiliate-list-controls input:not([type=checkbox]),.affiliate-list-controls select{width:100%;padding:10px;min-width:0}
.affiliate-check{display:flex;align-items:center;gap:8px;min-height:42px;font-size:.78rem}.affiliate-check input{width:18px;height:18px;min-height:18px}
.affiliate-accrual-row{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:16px 4px;border-bottom:1px solid var(--line);font-size:.85rem}
.affiliate-accrual-row>div{min-width:0}.affiliate-accrual-row>strong{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--green)}
.affiliate-accrual-row small{display:block;color:var(--muted);font-size:.75rem;line-height:1.5;margin-top:4px;overflow-wrap:anywhere}
.affiliate-negative{color:var(--red)!important}#affiliateAccrualTotal{font-weight:600;font-size:.85rem}#affiliateAccrualsPane{padding:20px}#affiliateAccrualsPane .affiliate-list-controls{padding:14px;border:1px solid var(--line);border-radius:12px;margin-top:14px}
#affiliatesTable td{vertical-align:middle;white-space:normal;padding:14px 10px}#affiliatesTable small{display:block;margin-top:5px;color:var(--muted)}
#affiliatesView .orders-panel:has(#affiliatesTable) table{min-width:0;table-layout:fixed}#affiliatesView .orders-panel:has(#affiliatesTable) th{padding:12px 10px;white-space:normal}#affiliatesView .orders-panel:has(#affiliatesTable) th:last-child{width:120px}#affiliatesTable .affiliate-row-actions{flex-wrap:wrap}#affiliatesTable .affiliate-row-actions button{font-size:.72rem;padding:6px 10px;min-height:32px}#affiliatesView .orders-panel:has(#affiliatesTable)>.panel-toolbar{flex-direction:row;justify-content:space-between;align-items:center}#affiliatesRefresh{width:auto}
@media(max-width:760px){#affiliatesTable tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;margin:12px;border:1px solid var(--line);border-radius:12px}#affiliatesTable td{display:block;padding:0;border:0;white-space:normal;overflow-wrap:anywhere}#affiliatesTable td:first-child,#affiliatesTable td:last-child{grid-column:1/-1}#affiliatesTable td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;font-size:.7rem;color:var(--muted);margin-bottom:5px}#affiliatesView .orders-panel:has(#affiliatesTable) table{display:block;min-width:0;width:100%}#affiliatesView .orders-panel:has(#affiliatesTable) thead{display:none}#affiliatesTable{display:block}.affiliate-list-controls{padding:12px}.affiliate-list-controls label:not(.affiliate-check){min-width:140px}.affiliate-detail-tabs{max-width:calc(100% - 32px);flex-wrap:wrap}.affiliate-accrual-row{font-size:.78rem}#affiliateAccrualsPane{padding:16px}}
#financeView{grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr)}
.finance-workspace-toolbar{grid-column:1/-1;display:flex;align-items:end;flex-wrap:wrap;gap:12px}
.finance-workspace-toolbar label{display:grid;gap:6px;color:var(--muted);font-size:.78rem}
.finance-workspace-toolbar input{padding:8px 12px;min-width:170px}
.finance-workspace-toolbar .stats-period{align-self:end;margin-right:auto}
.finance-workspace-toolbar [aria-pressed=true]{background:white;color:var(--purple-dark)}
#financeView .balance-card{min-height:168px;padding:22px}
.finance-workspace-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.finance-workspace-summary>div{padding:18px;border:1px solid var(--line);border-radius:14px;background:white;display:grid;gap:8px}
.finance-workspace-summary small{color:var(--muted);line-height:1.4}.finance-workspace-summary strong{font-size:1.35rem}
.finance-workspace-filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:10px;margin:18px 0}
.finance-workspace-filters input,.finance-workspace-filters select{width:100%;min-width:0;padding:10px;font-size:.8rem}
.finance-day{font-size:.75rem;font-weight:600;color:var(--muted);margin:18px 0 0;padding:10px 12px;background:var(--canvas);border-radius:8px}
.finance-day:first-child{margin-top:0}
.finance-entry{border-bottom:1px solid var(--line);min-width:0}
.finance-entry summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,auto) 20px;align-items:center;gap:18px;padding:14px 12px;cursor:pointer;list-style:none;border-radius:8px;transition:background .15s}
.finance-entry summary::-webkit-details-marker{display:none}
.finance-entry summary:hover,.finance-entry details[open]>summary{background:#f8f7fc}
.finance-entry summary:focus-visible{outline:2px solid var(--purple);outline-offset:-2px}
.finance-entry summary>span{min-width:0}.finance-entry summary>span:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.finance-entry summary strong{display:block;font-size:.86rem;line-height:1.4}.finance-entry summary small{display:block;color:var(--muted);font-size:.73rem;line-height:1.45;margin-top:4px;overflow-wrap:anywhere}
.finance-entry summary::after{content:'›';color:var(--purple);font-size:1.4rem;text-align:center;transition:transform .15s}
.finance-entry details[open]>summary::after{transform:rotate(90deg)}
.finance-entry details>p,.finance-entry details>h4{margin:12px}.finance-entry details>a,.finance-entry details>button{margin:0 12px 14px}
.finance-entry .deposit{color:var(--green)}.finance-entry .withdraw{color:var(--red)}.finance-entry .refund{color:var(--amber)}
.transaction-icon.refund{color:var(--amber);background:var(--amber-soft)}.transaction-amount.refund>strong{color:var(--amber)}
.finance-entry p{font-size:.8rem;line-height:1.6;overflow-wrap:anywhere;color:var(--muted)}.finance-entry a{font-size:.8rem;margin-right:12px}.finance-entry button{margin-top:12px}
#financeWorkspaceDialog{width:min(640px,calc(100% - 24px));max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:18px;padding:24px;color:var(--ink)}
#financeWorkspaceDialog::backdrop{background:rgba(25,23,42,.5)}
#financeWorkspaceDialog>header{display:flex;justify-content:space-between;align-items:center;gap:12px}
#financeWorkspaceDialog>p{font-size:.8rem;color:var(--muted);line-height:1.5}
#financeWorkspaceDialog .money-form{padding:16px 0 0;border:0;box-shadow:none;gap:12px}
.finance-templates{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.78rem;color:var(--muted)}
.finance-templates button{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--purple-soft);color:var(--purple-dark)}.finance-templates small{flex-basis:100%}
@media(max-width:820px){#financeView{grid-template-columns:minmax(0,1fr)}#financeView>div{min-width:0}.finance-workspace-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-workspace-filters input{grid-column:1/-1}.finance-workspace-toolbar{align-items:center}.finance-workspace-toolbar .stats-period{margin-right:0}.finance-workspace-toolbar>button{white-space:normal;min-width:0}}
@media(max-width:480px){#financeView .transactions-card{padding:16px}.finance-workspace-toolbar>button{flex:1;font-size:.78rem;padding:10px}.finance-workspace-summary>div{padding:13px}.finance-workspace-summary strong{font-size:1.15rem}.finance-entry summary{grid-template-columns:minmax(0,1fr) auto 12px;gap:8px;padding:12px 2px}.finance-entry summary strong{font-size:.78rem}.finance-entry summary small{font-size:.65rem}.finance-day{padding:8px;font-size:.7rem}#financeWorkspaceDialog{padding:18px}}