.accounting-portfolio-dashboard{margin:18px 0;border:1px solid #d9e5f5;border-radius:24px;background:#fff;box-shadow:0 14px 36px rgba(26,60,110,.07);overflow:hidden;color:#142744}
.accounting-portfolio-dashboard:empty{display:none}
.portfolio-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;background:linear-gradient(120deg,#f7fbff,#edf5ff);border-bottom:1px solid #dce8f7}
.portfolio-head small,.portfolio-kpis small,.portfolio-toolbar label{font-size:11px;font-weight:800;letter-spacing:.09em;color:#687b98;text-transform:uppercase}
.portfolio-head h2{margin:4px 0 3px;font-size:23px;line-height:1.15}.portfolio-head p{margin:0;color:#6c7d98;font-size:13px}
.portfolio-period{display:grid;grid-template-columns:88px 150px auto;align-items:end;gap:8px}.portfolio-period label{display:grid;min-width:0;gap:5px}.portfolio-period select,.portfolio-period input,.portfolio-period button{box-sizing:border-box;height:44px;min-height:44px;margin:0}.portfolio-period select,.portfolio-period input{width:100%;border:1px solid #ccdaed;border-radius:12px;background:#fff;padding:0 12px;color:#172b49;font:700 13px inherit}.portfolio-period button{align-self:end;border:0;border-radius:12px;background:#1168dc;color:#fff;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:800 13px/1 inherit;white-space:nowrap;cursor:pointer}.portfolio-period button:hover:not(:disabled){background:#0d59bf;box-shadow:0 8px 18px rgba(17,104,220,.2)}.portfolio-period button:disabled{cursor:wait;opacity:.72}.portfolio-period button.is-loading svg{animation:portfolio-spin .8s linear infinite}.portfolio-period svg{width:17px;height:17px;flex:0 0 17px}@keyframes portfolio-spin{to{transform:rotate(360deg)}}
.portfolio-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:15px 24px 0}.portfolio-kpis article{display:flex;align-items:center;gap:12px;border:1px solid #e0e9f5;border-radius:16px;padding:12px 14px;background:#fff}.portfolio-kpis i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eaf3ff;color:#1269d8;font-style:normal}.portfolio-kpis svg{width:19px}.portfolio-kpis div{display:grid}.portfolio-kpis b{font-size:21px;line-height:1.05}.portfolio-kpis .risk i{background:#fff0f1;color:#d52d43}.portfolio-kpis .ready i{background:#fff5df;color:#a96700}.portfolio-kpis .closed i{background:#e8f8ef;color:#148951}
.portfolio-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 230px;gap:12px;padding:15px 24px}.portfolio-search{height:44px;border:1px solid #d3e0f1;border-radius:13px;display:flex;align-items:center;gap:9px;padding:0 13px;background:#fbfdff}.portfolio-search svg{width:18px;color:#71839e}.portfolio-search input{border:0;outline:0;background:transparent;width:100%;font:600 13px inherit;color:#192c48}.portfolio-toolbar select{height:44px;border:1px solid #d3e0f1;border-radius:13px;background:#fbfdff;padding:0 13px;color:#263a58;font:700 13px inherit}
.portfolio-list{padding:0 24px 22px}.portfolio-list-head,.portfolio-row{display:grid;grid-template-columns:minmax(210px,1.35fr) minmax(180px,1fr) minmax(250px,1.6fr) 140px;gap:16px;align-items:center}.portfolio-list-head{padding:9px 14px;color:#73839b;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.portfolio-row{border:1px solid #dfe8f4;border-radius:16px;margin-bottom:9px;padding:13px 14px;background:#fff;transition:.16s ease}.portfolio-row:hover{border-color:#a9c8f2;box-shadow:0 8px 22px rgba(34,80,143,.08)}.portfolio-company{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center}.portfolio-company>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#eaf3ff;color:#1268d7;font-weight:900}.portfolio-company div,.portfolio-progress{display:grid;gap:3px}.portfolio-company b{font-size:13px}.portfolio-company small,.portfolio-progress small,.portfolio-next small{font-size:11px;color:#75859d}.portfolio-progress>span{height:7px;border-radius:20px;background:#e9eff7;overflow:hidden}.portfolio-progress>span i{height:100%;display:block;border-radius:inherit;background:#1870df}.portfolio-row[data-status="risk"] .portfolio-progress>span i{background:#db3048}.portfolio-row[data-status="ready"] .portfolio-progress>span i{background:#d38a10}.portfolio-row[data-status="closed"] .portfolio-progress>span i{background:#16925a}.portfolio-progress b{font-size:13px}.portfolio-next{display:grid;gap:4px}.portfolio-next b{font-size:12px;line-height:1.35}.portfolio-tags{display:flex;gap:5px;flex-wrap:wrap}.portfolio-tags span{font-size:10px;font-weight:800;padding:3px 7px;border-radius:20px;background:#edf3fa;color:#536986}.portfolio-tags .bad{background:#fff0f1;color:#bd263b}.portfolio-action{justify-self:end;border:1px solid #b9d2f4;background:#f6faff;color:#0d61ca;border-radius:11px;padding:10px 12px;font:800 12px inherit;display:flex;align-items:center;gap:6px;cursor:pointer}.portfolio-action:hover{background:#1269da;color:#fff;border-color:#1269da}.portfolio-action svg{width:15px}.portfolio-empty{padding:30px;text-align:center;color:#73839a}.portfolio-loading{min-height:120px;display:grid;place-items:center;color:#667b99;font-weight:700}.portfolio-error{margin:20px 24px;padding:14px;border-radius:14px;background:#fff2f2;color:#af2637;display:flex;gap:9px;align-items:center}
@media(max-width:900px){.portfolio-head{align-items:flex-start;flex-direction:column}.portfolio-period{width:100%;grid-template-columns:90px minmax(150px,1fr) auto}.portfolio-kpis{grid-template-columns:repeat(2,1fr)}.portfolio-toolbar{grid-template-columns:1fr}.portfolio-list-head{display:none}.portfolio-row{grid-template-columns:1fr 1fr}.portfolio-next{grid-column:1/-1}.portfolio-action{justify-self:stretch;justify-content:center}}
@media(max-width:560px){.accounting-portfolio-dashboard{margin:12px -4px;border-radius:20px}.portfolio-head,.portfolio-kpis,.portfolio-toolbar,.portfolio-list{padding-left:15px;padding-right:15px}.portfolio-head h2{font-size:19px}.portfolio-period{grid-template-columns:82px 1fr}.portfolio-period button{grid-column:1/-1;justify-content:center}.portfolio-kpis{grid-template-columns:1fr 1fr}.portfolio-kpis article{padding:10px}.portfolio-kpis b{font-size:18px}.portfolio-row{grid-template-columns:1fr}.portfolio-next{grid-column:auto}.portfolio-action{justify-self:stretch}.portfolio-company{grid-template-columns:36px 1fr}.portfolio-company>span{width:36px;height:36px}}
[data-theme="dark"] .accounting-portfolio-dashboard{background:#101c2b;border-color:#2c4058;color:#edf5ff}[data-theme="dark"] .portfolio-head{background:linear-gradient(120deg,#142236,#182b42);border-color:#2c4058}[data-theme="dark"] .portfolio-head p,[data-theme="dark"] .portfolio-company small,[data-theme="dark"] .portfolio-progress small,[data-theme="dark"] .portfolio-next small{color:#9dafc6}[data-theme="dark"] .portfolio-kpis article,[data-theme="dark"] .portfolio-row{background:#132234;border-color:#2b4058}[data-theme="dark"] .portfolio-period select,[data-theme="dark"] .portfolio-period input,[data-theme="dark"] .portfolio-search,[data-theme="dark"] .portfolio-toolbar select{background:#101d2d;border-color:#334b66;color:#edf5ff}[data-theme="dark"] .portfolio-search input{color:#edf5ff}[data-theme="dark"] .portfolio-progress>span{background:#293b51}[data-theme="dark"] .portfolio-tags span{background:#23364c;color:#bdd0e7}[data-theme="dark"] .portfolio-action{background:#182b42;border-color:#3a608e;color:#8ec2ff}
.portfolio-error span{flex:1}.portfolio-error button{min-height:36px;padding:0 13px;border:1px solid #e8aab2;border-radius:10px;background:#fff;color:#9e2233;font:800 11px inherit;cursor:pointer}.portfolio-error button:hover{border-color:#c92d42;background:#c92d42;color:#fff}