:root{--bg: #f6f7f8;--panel: #ffffff;--line: #d9dde3;--text: #1f2933;--muted: #667085;--green: #16794c;--green-bg: #e7f4ed;--yellow: #9a6700;--yellow-bg: #fff4cf;--red: #b42318;--red-bg: #fde7e4;--dark-red: #7a271a;--dark-red-bg: #f9d5d0;--blue: #1f5fbf;--blue-bg: #e8f1ff;--shadow: 0 1px 2px rgba(16, 24, 40, .08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:14px}button,select,input,textarea{font:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{min-height:56px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand-title{font-weight:700;font-size:16px;white-space:nowrap}.tabs{display:flex;min-height:56px;align-items:stretch;gap:2px;margin-left:12px}.tab{display:flex;align-items:center;padding:0 14px;border-bottom:3px solid transparent;color:#cbd5e1;white-space:nowrap}.tab.active{color:#fff;border-color:#53b1fd;background:#ffffff14}.top-actions{display:flex;align-items:center;gap:10px;color:#cbd5e1;white-space:nowrap}.page{padding:18px 20px 24px;display:grid;gap:14px}.toolbar{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:12px;display:grid;gap:12px}.toolbar-main{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}h1{margin:0;font-size:22px;line-height:1.15;letter-spacing:0}.subtitle{color:var(--muted);line-height:1.35;margin:5px 0 0}.period-buttons{display:flex;flex-wrap:wrap;gap:6px}.seg-btn{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:34px;padding:0 12px;color:var(--text);cursor:pointer}.seg-btn.active{background:#111827;color:#fff;border-color:#111827}.filter-grid{display:grid;grid-template-columns:repeat(7,minmax(132px,1fr));gap:8px}.field{display:grid;gap:5px}.field span,.detail-label{color:var(--muted);font-size:12px;font-weight:700}.wide-search{grid-column:span 2}select,input{width:100%;min-height:36px;border:1px solid var(--line);border-radius:8px;padding:0 10px;background:#fff;color:var(--text)}.summary{display:grid;grid-template-columns:repeat(9,minmax(116px,1fr));gap:8px}.system-message{background:var(--blue-bg);border:1px solid #b2ccff;border-radius:8px;color:var(--blue);font-size:12px;font-weight:700;padding:10px 12px}.error-message{background:var(--red-bg);border-color:#f5b5ad;color:var(--red)}.metric{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);min-height:82px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;gap:8px}.metric-label{color:var(--muted);font-size:12px;font-weight:600;line-height:1.25}.metric-value{font-size:26px;line-height:1;font-weight:750}.metric.green{border-color:#addfca;background:var(--green-bg);color:var(--green)}.metric.yellow{border-color:#f3d37b;background:var(--yellow-bg);color:var(--yellow)}.metric.red{border-color:#f5b5ad;background:var(--red-bg);color:var(--red)}.content{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:14px;align-items:start}.table-panel,.details-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.panel-head{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--line);gap:10px}.panel-title{font-weight:700;white-space:nowrap}.panel-meta{color:var(--muted);font-size:12px;white-space:nowrap}.table-wrap{overflow-x:auto;max-height:calc(100vh - 288px)}table{width:100%;min-width:1340px;border-collapse:separate;border-spacing:0}th,td{border-bottom:1px solid var(--line);padding:9px 10px;text-align:left;vertical-align:top}th{position:sticky;top:0;z-index:1;background:#f9fafb;color:#475467;font-size:12px;line-height:1.2;font-weight:700;white-space:nowrap}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.selected{background:#f2f6ff}a{color:var(--blue);text-decoration:none;font-weight:650}.client-link{font-weight:750;white-space:nowrap}.muted{color:var(--muted);font-size:12px}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.status,.control{display:inline-flex;align-items:center;min-height:26px;border-radius:8px;padding:3px 8px;font-size:12px;font-weight:750;white-space:nowrap}.status.green,.control.done{color:var(--green);background:var(--green-bg);border:1px solid #addfca}.status.yellow,.control.manager-work{color:var(--yellow);background:var(--yellow-bg);border:1px solid #f3d37b}.status.red{color:var(--red);background:var(--red-bg);border:1px solid #f5b5ad}.status.dark-red{color:var(--dark-red);background:var(--dark-red-bg);border:1px solid #eea59c}.control.waiting{color:var(--blue);background:var(--blue-bg);border:1px solid #b2ccff}.task{max-width:280px;line-height:1.28}.details-panel{position:sticky;top:14px}.details-body{padding:14px;display:grid;gap:14px}.detail-name{display:grid;gap:6px}.detail-name strong{font-size:18px;line-height:1.2}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-cell{border:1px solid var(--line);border-radius:8px;padding:8px;min-height:56px;background:#fcfcfd}.detail-label{display:block;margin-bottom:5px}.detail-value{font-weight:700;line-height:1.25}.detail-value.muted-text{color:var(--muted);font-weight:500}.task-input{width:100%;min-height:108px;resize:vertical;border:1px solid var(--line);border-radius:8px;padding:9px 10px;color:var(--text);background:#fff;line-height:1.35}.task-input.error{border-color:var(--red);background:#fff7f6}.action-note{min-height:18px;color:var(--muted);font-size:12px;line-height:1.4}.wide{grid-column:1 / -1}.actions{display:grid;gap:8px}.action-btn{min-height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);font-weight:700;cursor:pointer}.action-btn:disabled{cursor:progress;opacity:.72}.action-btn.success{color:#fff;background:var(--green);border-color:var(--green)}.action-btn.danger{color:#fff;background:var(--red);border-color:var(--red)}.link-btn{display:flex;align-items:center;justify-content:center;color:var(--text)}.footer-note{color:var(--muted);font-size:12px;line-height:1.4}@media(max-width:1400px){.filter-grid{grid-template-columns:repeat(4,minmax(140px,1fr))}.summary{grid-template-columns:repeat(5,minmax(116px,1fr))}.content{grid-template-columns:1fr}.details-panel{position:static}}@media(max-width:720px){.topbar{align-items:flex-start;padding:12px;gap:10px;flex-direction:column}.brand{flex-wrap:wrap}.tabs{width:100%;overflow-x:auto;margin-left:0;min-height:38px}.tab{min-height:38px}.page{padding:12px}.filter-grid,.summary{grid-template-columns:1fr 1fr}.wide-search{grid-column:1 / -1}.toolbar-main{align-items:flex-start;flex-direction:column}.period-buttons{width:100%}.seg-btn{flex:1 1 calc(50% - 6px)}}