.flow-shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh;background:#edf0ea}.flow-side{background:#08271f;color:#fff;padding:28px 18px;position:sticky;top:0;height:100vh}.flow-side>img{width:190px}.flow-product{padding:30px 12px;border-bottom:1px solid rgba(255,255,255,.1);font-weight:900;letter-spacing:.12em}.flow-product small{display:block;color:#93a99d;letter-spacing:.05em;margin-top:7px}.flow-side nav{display:grid;gap:7px;margin-top:22px}.flow-side nav a{padding:12px 14px;border-radius:12px;color:#c9d5ce;cursor:pointer}.flow-side nav a.active,.flow-side nav a:hover{background:rgba(255,255,255,.1);color:#fff}.flow-main{padding:34px;overflow:auto}.flow-top{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.flow-top h1{font-size:46px;line-height:1.04}.flow-top-actions{display:flex;gap:10px}.flow-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0 18px}.flow-kpi{background:#fff;border:1px solid #dde3dc;border-radius:22px;padding:21px}.flow-kpi small{color:var(--muted)}.flow-kpi strong{display:block;font-size:34px;margin:10px 0}.flow-kpi span{font-size:12px;color:#557065}.flow-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.flow-card{background:#fff;border:1px solid #dde3dc;border-radius:24px;padding:27px}.flow-card h2{font-size:28px}.flow-dark{background:var(--forest);color:#fff}.flow-dark .eyebrow{color:var(--gold-soft)}.flow-bar-row{display:grid;grid-template-columns:180px 1fr 44px;gap:12px;align-items:center;margin:14px 0}.flow-bar{height:11px;background:#e8ece7;border-radius:99px;overflow:hidden}.flow-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--forest),var(--gold));border-radius:inherit}.flow-dark .flow-bar{background:rgba(255,255,255,.13)}.flow-priority-item{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.12)}.flow-priority-item:last-child{border:0}.flow-priority-item b{display:block}.flow-priority-item small{color:#c8d4cd}.flow-card-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.flow-live{font-size:11px;color:#3b8054}.flow-people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.flow-person{background:#f2f5f0;border-radius:18px;padding:18px}.flow-person b,.flow-person span,.flow-person small{display:block}.flow-person span{color:var(--gold);font-size:12px;margin:9px 0}.flow-person small{color:var(--muted);line-height:1.5}.flow-task-list{display:grid;gap:10px}.flow-task{display:grid;grid-template-columns:12px 1fr auto;gap:16px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:17px}.flow-task-dot{width:10px;height:10px;border-radius:50%}.high{background:#b9574c}.medium{background:#c9983f}.low{background:#6e9277}.flow-task p{margin:.3rem 0;color:var(--muted)}.flow-task-actions{display:flex;gap:8px}.flow-task-actions button{border:0;border-radius:10px;padding:9px 11px;cursor:pointer}.flow-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.flow-rules article{background:#fff;border:1px solid #dde3dc;border-radius:22px;padding:25px;min-height:260px}.flow-rules b{color:var(--gold)}.flow-rules h3{font-size:25px;margin-top:55px}.flow-rules p{color:var(--muted);line-height:1.6}#task-filter{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}.login-overlay{position:fixed;inset:0;background:rgba(5,25,19,.84);display:grid;place-items:center;z-index:100}.login-box{width:min(480px,calc(100% - 30px));background:#fff;border-radius:28px;padding:38px}.login-box input{width:100%;height:54px;border:1px solid var(--line);border-radius:14px;padding:0 15px;margin:12px 0}.login-box .btn{width:100%}
@media(max-width:1000px){.flow-shell{grid-template-columns:1fr}.flow-side{display:none}.flow-grid{grid-template-columns:1fr}.flow-kpis{grid-template-columns:1fr 1fr}.flow-people-grid,.flow-rules{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.flow-main{padding:18px}.flow-top{flex-direction:column}.flow-top h1{font-size:35px}.flow-kpis,.flow-people-grid,.flow-rules{grid-template-columns:1fr}.flow-task{grid-template-columns:10px 1fr}.flow-task-actions{grid-column:2}}