:root{color:#172033;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a{font:inherit}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{background:#101827;color:#f8fafc;padding:22px 16px}.brand{align-items:center;display:flex;gap:12px;min-height:48px}.brand b,.brand small{display:block}.brand small{color:#b4becf;margin-top:2px}.mark{align-items:center;background:#0f7a48;border-radius:8px;display:inline-flex;font-weight:800;height:40px;justify-content:center;width:40px}.sidebar nav{display:grid;gap:6px;margin-top:28px}.sidebar nav a{border-radius:8px;color:#d8deea;padding:11px 12px}.sidebar nav a:hover{background:#1f2937;color:#fff}.workspace{min-width:0;padding:22px}.topbar,.overview,.content-grid,.panel,.notice{margin:0 auto 16px;max-width:1220px}.topbar{align-items:center;display:flex;gap:16px;justify-content:space-between}.topbar h1,.profile-card h2,.panel h2{letter-spacing:0;margin:0}.topbar h1{font-size:28px;line-height:1.18}.eyebrow{color:#0f7a48;font-size:12px;font-weight:800;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}.primary-button,.secondary-button,.notice button{border:0;border-radius:8px;cursor:pointer;min-height:40px;padding:0 16px}.primary-button{background:#0f7a48;color:#fff;font-weight:760}.primary-button:disabled{background:#98a2b3;cursor:progress}.secondary-button{background:#e8eef7;color:#1f2a44;font-weight:760}.secondary-button:disabled{color:#7b8797;cursor:progress}.overview{display:grid;gap:16px;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr)}.profile-card,.metric-grid article,.panel,.notice{background:#fff;border:1px solid #dfe7f1;border-radius:8px;box-shadow:0 10px 28px #0f172a0d}.profile-card{padding:22px}.profile-card h2{font-size:24px;line-height:1.2}.profile-card p,.empty,.metric-grid span,.metric-grid small,.table-row small,.status-grid span,.notice span,.notice small{color:#5f6c80}.profile-card p{line-height:1.68}.profile-card dl{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0 0}.profile-card dl div{border-top:1px solid #edf1f6;padding-top:10px}.profile-card dt{color:#667085;font-size:12px;margin-bottom:4px}.profile-card dd{font-weight:780;margin:0;overflow-wrap:anywhere}.metric-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid article{min-height:132px;padding:18px}.metric-grid b{display:block;font-size:26px;line-height:1.2;margin:8px 0}.content-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.content-grid>.panel{margin:0;max-width:none;width:100%}.panel{min-width:0;padding:18px}.panel-heading{align-items:start;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.panel-heading h2{font-size:18px}.panel-heading small{color:#6b7280;white-space:nowrap}.data-table{display:grid;gap:8px}.table-head,.table-row{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1.4fr) 110px 90px 92px;min-height:52px}.settlement-head,.settlement-row{grid-template-columns:minmax(0,1.25fr) minmax(120px,1fr) 78px 90px 86px}.table-head{color:#6b7280;font-size:12px;font-weight:800;padding:0 12px;text-transform:uppercase}.table-row{border:1px solid #e5edf6;border-radius:8px;padding:10px 12px}.table-row b,.table-row small{display:block}.table-row span{min-width:0;overflow-wrap:anywhere}.pill{align-items:center;background:#fff3df;border-radius:999px;color:#9a5a00;display:inline-flex;font-size:12px;font-weight:780;justify-content:center;min-height:24px;padding:0 9px;white-space:nowrap}.pill-ok{background:#e7f8ef;color:#0f7a48}.settlement-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.settlement-summary span{background:#f2f6fb;border-radius:8px;color:#46566e;font-weight:760;padding:8px 10px}.operation-layout{display:grid;gap:18px;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);min-width:0}.operation-form{display:grid;gap:14px;min-width:0}.operation-form label{color:#475467;display:grid;font-size:13px;font-weight:760;gap:7px;min-width:0}.operation-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid #d8e1ee;border-radius:8px;color:#172033;max-width:100%;min-height:42px;min-width:0;padding:0 12px;width:100%}.operation-meta{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;min-width:0}.operation-meta div{border:1px solid #e5edf6;border-radius:8px;min-width:0;padding:10px}.operation-meta dt{color:#667085;font-size:12px;margin-bottom:4px}.operation-meta dd{font-weight:780;margin:0;overflow-wrap:anywhere}.action-buttons{display:flex;flex-wrap:wrap;gap:10px;min-width:0}.action-buttons button{min-width:0}.operation-result{align-content:start;display:grid;gap:10px;min-width:0}.operation-result div{background:#f7fafc;border:1px solid #e5edf6;border-radius:8px;display:grid;gap:4px;min-width:0;padding:12px}.operation-result span,.operation-result small{color:#667085;min-width:0;overflow-wrap:anywhere}.operation-result b{min-width:0;overflow-wrap:anywhere}.action-error{color:#b42318;font-weight:700;margin:0}.status-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.status-grid div{border-bottom:1px solid #edf1f6;display:grid;gap:6px;min-height:50px;padding-bottom:10px}.status-grid b{overflow-wrap:anywhere}.notice{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:14px 16px}.notice b,.notice span,.notice small{display:block}.notice span,.notice small{margin-top:4px}.notice-error{border-color:#fecaca}.notice button{background:#101827;color:#fff;flex:0 0 auto}.empty{margin:0}@media(max-width:1060px){.app-shell,.overview,.content-grid{grid-template-columns:1fr}.sidebar{padding:14px 16px}.sidebar nav{display:flex;gap:8px;margin-top:14px;overflow-x:auto;padding-bottom:2px}.sidebar nav a{flex:0 0 auto}}@media(max-width:680px){.workspace{padding:14px}.topbar,.panel-heading,.notice{align-items:stretch;flex-direction:column}.primary-button,.secondary-button,.notice button{width:100%}.topbar h1{font-size:24px}.profile-card dl,.metric-grid,.operation-layout,.operation-meta,.status-grid,.table-head,.table-row,.settlement-head,.settlement-row{grid-template-columns:1fr}.table-head{display:none}}
