:root{font-family:Avenir Next,Segoe UI,sans-serif;color:#1f2933;background:#eef2f6}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,input,select,textarea{font:inherit}button{border:0}#app{min-height:100vh}.page-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#20313f,#596b54)}.app-layout{min-height:100vh;display:grid;grid-template-columns:300px minmax(0,1fr);background:#eef2f6;overflow-x:hidden;transition:grid-template-columns .22s ease}.app-layout.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.app-sidebar{min-height:100vh;padding:20px;border-right:1px solid #d8dee6;background:#fff;overflow:hidden;transition:padding .22s ease,border-color .22s ease,opacity .18s ease}.app-layout.sidebar-collapsed .app-sidebar{padding-inline:0;padding-block:20px;border-right-color:transparent;opacity:0;pointer-events:none}.app-main{display:grid;align-content:start;gap:20px;min-width:0;padding:28px;overflow-x:hidden}.brand-block,.page-header,.page-header-title,.sidebar-title,.panel-heading,.data-row,.operation-row,.operation-actions,.form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-block{padding-bottom:20px;border-bottom:1px solid #e1e6ed}.page-header-title{min-width:0}.eyebrow{margin:0 0 6px;color:#697586;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{color:#111827;font-size:2rem;line-height:1.1}h2{color:#111827;font-size:1.2rem}h3{color:#111827;font-size:1rem}.muted,.supporting-text{color:#697586;line-height:1.5}.supporting-text{margin-top:12px}.compact{margin-top:6px;font-size:.92rem}.main-nav,.sidebar-section,.sidebar-list,.rows,.form-panel,.form-page,.check-grid,.manual-grid,.scenario-grid{display:grid;gap:12px}.main-nav{margin:20px 0}.sidebar-section{margin-top:18px}.nav-item,.group-link,.tab-button,.ghost-button,.icon-button,.primary-button,.secondary-button{min-height:38px;border-radius:8px;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.nav-item,.group-link{width:100%;padding:10px 12px;color:#334155;text-align:left;background:transparent}.group-link{display:grid;gap:4px}.group-link small{color:#697586}.nav-item:hover,.group-link:hover,.nav-item.active,.group-link.active{color:#0f172a;background:#eef4f8}.ghost-button,.icon-button,.secondary-button{color:#334155;background:#fff;border:1px solid #cbd5e1}.ghost-button{padding:8px 12px}.icon-button{width:38px}.primary-button,.secondary-button,.danger-button{padding:0 14px}.primary-button{color:#fff;background:#1f6f78}.primary-button:hover{background:#195b63}.secondary-button:hover,.ghost-button:hover,.icon-button:hover{background:#f5f7fa}.danger-button{min-height:38px;border-radius:8px;color:#be123c;cursor:pointer;background:#fff1f2;border:1px solid #fecdd3}.danger-button:hover{background:#ffe4e6}.section-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:6px;border:1px solid #d8dee6;border-radius:8px;background:#fff}.tab-button{padding:9px 12px;color:#475569;background:transparent}.tab-button.active,.tab-button:hover{color:#0f172a;background:#eaf1f4}.page-grid,.overview-grid,.split-page,.form-grid,.endpoint-grid,.scenario-grid{display:grid;gap:16px}.page-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.overview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.split-page,.endpoint-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.item-card,.metric-card,.table-panel,.form-panel,.auth-card{border:1px solid #d8dee6;border-radius:8px;background:#fff;box-shadow:0 8px 24px #0f172a0d}.item-card,.metric-card{display:grid;gap:14px;padding:18px}.metric-card span{color:#697586;font-size:.9rem}.metric-card strong{color:#111827;font-size:1.8rem}.wide-panel,.wide-field{grid-column:1 / -1}.table-panel,.form-panel{padding:18px;min-width:0}.form-panel{align-content:start}.form-page{max-width:900px}.panel-heading{padding-bottom:12px;border-bottom:1px solid #e1e6ed}.data-row,.operation-row{width:100%;padding:12px;border:1px solid #e1e6ed;border-radius:8px;color:#1f2933;text-align:left;background:#fbfcfd}.data-row.clickable{cursor:pointer}.data-row.clickable:hover,.data-row.clickable.active{border-color:#8bb4ba;background:#eef7f8}.scenario-card{display:grid;gap:8px;padding:14px;border:1px solid #d8dee6;border-radius:8px;color:#334155;text-align:left;cursor:pointer;background:#fbfcfd}.scenario-card strong{color:#111827}.scenario-card span,.scenario-card small{line-height:1.4}.scenario-card small{color:#697586}.scenario-card:hover,.scenario-card.active{border-color:#1f6f78;background:#eef7f8}.operation-row{align-items:flex-start}.operation-actions{flex-wrap:wrap;justify-content:flex-end}.amount-with-hint{display:grid;gap:3px;text-align:right}.amount-with-hint small,.data-row small{color:#697586}.settlement-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}.settlement-row{padding:8px 10px;align-items:flex-start;gap:10px}.settlement-row span{display:grid;gap:2px;min-width:0;font-size:.84rem;line-height:1.25}.settlement-row strong{font-size:.92rem}.settlement-row .amount-with-hint{gap:1px}.settlement-row .amount-with-hint small,.settlement-row small{font-size:.72rem;line-height:1.2}.filter-actions{display:flex;align-items:center;gap:10px}.status-label{padding:7px 10px;border-radius:999px;color:#475569;background:#e2e8f0}.operation-table-wrap{width:100%;max-width:100%;overflow-x:auto}.operation-table{width:100%;min-width:1280px;border-collapse:collapse}.operation-table th,.operation-table td{padding:8px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top}.operation-table th{color:#475569;font-size:.76rem;font-weight:700;white-space:nowrap}.operation-table td{color:#0f172a;font-size:.82rem;line-height:1.3}.operation-id-cell{font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem;white-space:nowrap}.operation-table-actions{display:flex;gap:6px;flex-wrap:wrap;min-width:76px}.compact-icon-button{width:28px;min-width:28px;min-height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;line-height:1}.inline-link-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:#0f172a6b}.modal-panel{width:min(560px,100%);display:grid;gap:16px;padding:18px;border:1px solid #d8dee6;border-radius:8px;background:#fff;box-shadow:0 24px 80px #0f172a38}.operation-details-modal{width:min(840px,100%)}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.details-grid p,.operation-details-modal p{margin:4px 0 0;color:#334155}.compact-rows{gap:8px}.modal-panel label{display:grid;gap:7px;color:#334155;font-size:.92rem;font-weight:600}.modal-panel input,.modal-panel select{width:100%;padding:11px 12px;border:1px solid #cbd5e1;border-radius:8px;color:#111827;background:#fff}.autocomplete{position:relative}.autocomplete-menu{position:absolute;z-index:10;top:calc(100% + 6px);left:0;right:0;display:grid;gap:6px;padding:8px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;box-shadow:0 16px 40px #0f172a24}.autocomplete-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-radius:6px;color:#1f2933;text-align:left;cursor:pointer;background:transparent}.autocomplete-option:hover{background:#eef7f8}.autocomplete-option small{color:#697586}.form-panel label,.manual-grid label,.auth-form label{display:grid;gap:7px;color:#334155;font-size:.92rem;font-weight:600}.form-panel input,.form-panel select,.form-panel textarea,.auth-form input{width:100%;padding:11px 12px;border:1px solid #cbd5e1;border-radius:8px;color:#111827;background:#fff}.form-panel textarea{resize:vertical}.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus,.auth-form input:focus{border-color:#1f6f78;outline:3px solid rgba(31,111,120,.16)}.checkbox-field,.check-grid label{display:flex;align-items:center;gap:8px}.check-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.manual-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}fieldset{display:grid;gap:12px;margin:0;padding:14px;border:1px solid #d8dee6;border-radius:8px}legend{padding:0 6px;color:#334155;font-weight:700}.auth-card{width:min(520px,100%);padding:28px}.auth-form{display:grid;gap:16px;margin-top:22px}.error-message{color:#9f1239}.toast-stack{position:fixed;top:18px;right:18px;z-index:40;display:grid;gap:10px;width:min(360px,calc(100vw - 32px));pointer-events:none}.toast{padding:12px 14px;border-radius:10px;box-shadow:0 18px 40px #0f172a2e;border:1px solid transparent;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.toast-success{border-color:#bbf7d0;color:#166534;background:#f0fdf4f5}.toast-error{border-color:#fecdd3;color:#9f1239;background:#fff1f2f7}.empty-note{padding:10px 12px}.positive{color:#047857}.negative{color:#be123c}@media(max-width:1120px){.split-page,.endpoint-grid{grid-template-columns:1fr}.app-layout,.app-layout.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:15;width:min(320px,88vw);min-height:100vh;border-right:1px solid #d8dee6;box-shadow:0 24px 80px #0f172a2e;opacity:1}.app-layout.sidebar-collapsed .app-sidebar{padding-inline:20px;transform:translate(-100%);opacity:0}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.details-grid{grid-template-columns:1fr}}@media(max-width:680px){.app-main,.app-sidebar{padding:16px}.page-header,.page-header-title,.brand-block,.form-actions{align-items:stretch;flex-direction:column}.overview-grid,.form-grid{grid-template-columns:1fr}.section-tabs{overflow-x:auto;flex-wrap:nowrap}.tab-button{white-space:nowrap}}
