@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#142235;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}h1{font-size:clamp(1.45rem,2vw,2rem);margin:0 0 8px}h2{font-size:1.15rem}p{line-height:1.5}small{font-size:.75rem}.shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr);transition:grid-template-columns .2s}.shell.collapsed{grid-template-columns:72px minmax(0,1fr)}.main-nav{background:linear-gradient(150deg,#102238,#0c1a2a);color:#e8f1ff;min-height:100vh;display:flex;flex-direction:column;padding:15px 10px;gap:22px}.nav-top{display:flex;align-items:center;gap:5px;min-height:65px}.nav-top img{width:calc(100% - 30px);max-height:75px;object-fit:contain}.nav-top button{background:transparent;color:#fff;border:0;font-size:1.5rem}.main-nav nav{display:grid;gap:4px}.main-nav nav button{background:transparent;border:0;color:inherit;text-align:left;border-radius:8px;padding:12px 10px;display:flex;align-items:center;gap:13px;white-space:nowrap}.main-nav nav button:hover,.main-nav nav button.selected{background:#23517a}.nav-icon{font-size:1.25rem;min-width:24px;text-align:center}.nav-bottom{margin-top:auto;text-align:center;padding:20px}.nav-bottom img{width:100%;max-width:132px;max-height:160px;object-fit:contain}.collapsed .nav-label,.collapsed .nav-top img{display:none}.collapsed .nav-top{justify-content:center}.collapsed .nav-bottom{padding:3px}.main-area{min-width:0;display:flex;flex-direction:column}.utility-nav{background:#fff;border-bottom:1px solid #dde5ee;min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:12px 26px;gap:18px}.utility-search{position:relative;display:flex;align-items:center;gap:8px;background:#f3f6fa;border:1px solid #e0e6ee;border-radius:10px;padding:10px 14px;width:min(380px,48%)}.utility-search input{background:transparent;border:0;outline:0;width:100%}.search-results,.popup{position:absolute;top:calc(100% + 8px);left:0;z-index:12;background:#fff;border:1px solid #dbe3ed;border-radius:10px;box-shadow:0 12px 35px #0b203333;padding:10px;min-width:230px}.search-results button,.popup button{display:block;width:100%;text-align:left;background:#fff;border:0;padding:10px;border-radius:6px}.search-results button:hover,.popup button:hover{background:#eef4fa}.utility-right{display:flex;align-items:center;gap:18px}.dev-tag{font-size:.75rem;color:#718096}.bell,.avatar-btn,.mobile-trigger{border:0;background:transparent;color:#23364d;font-size:1.2rem}.bell{position:relative}.bell i{position:absolute;width:7px;height:7px;background:#e45a42;border-radius:50%;right:0;top:0}.avatar-btn{border-radius:24px;background:#e6edf5;padding:9px;font-size:.8rem;font-weight:700}.menu-anchor{position:relative}.popup{left:auto;right:0}.popup small{display:block;color:#64748b;margin:7px 0}.mobile-trigger{display:none}.workspace{padding:26px;flex:1;max-width:1800px;width:100%;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#cb4c32;font-size:.75rem;font-weight:800}.hero{padding:28px 30px;background:linear-gradient(105deg,#eaf2f8,#f7f9fc);border-radius:14px}.hero h1{font-size:clamp(2rem,3vw,2.7rem)}.tiles,.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:22px 0}.tile,.note{background:#fff;border:1px solid #dfe7ef;border-radius:12px;padding:22px;box-shadow:0 2px 8px #15223508}.tile h2{margin:0}.tile p{color:#475569}.tile small{color:#64748b}.tile-button{text-align:left}.tile-button:hover{border-color:#8eb1d2}.section-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:18px}.section-head p{margin:0;color:#607089;font-size:.82rem}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.actions input,.actions select{border:1px solid #ccd7e4;border-radius:7px;padding:10px;background:#fff}.toggle{display:flex;border:1px solid #ccd7e4;border-radius:7px;overflow:hidden}.toggle button{border:0;background:#fff;padding:10px}.toggle button.active{background:#183b5c;color:#fff}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 22px}.metrics>div{background:#fff;border:1px solid #dce6ef;border-radius:10px;padding:15px;display:flex;align-items:center;gap:12px}.metrics strong{font-size:1.5rem;color:#174c76}.metrics span{font-size:.78rem;color:#64748b}.board{display:grid;grid-auto-columns:minmax(230px,1fr);grid-auto-flow:column;gap:9px;overflow-x:auto;padding-bottom:12px}.member{border:1px solid #d5dfeb;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-width:230px;background:#f8fafc}.member.rose{--accent:#ed5264;--tint:#ffe2e5}.member.blue{--accent:#3986ed;--tint:#e0efff}.member.green{--accent:#2daa63;--tint:#dff8e5}.member.orange{--accent:#f48a25;--tint:#fff0dd}.member.purple{--accent:#9252e8;--tint:#f0e4ff}.member.gold{--accent:#eba31d;--tint:#fff2d4}.member>header,.progress{background:var(--tint);padding:12px}.member>header{display:flex;gap:9px;align-items:center}.member header strong,.member header small{display:block}.member header strong{font-size:.85rem}.member header small{margin-top:4px}.initials{height:47px;width:47px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--accent);font-weight:800;border:2px solid var(--accent)}.progress{font-size:.75rem;font-weight:600}.progress>div{height:8px;background:#ffffffa0;border-radius:10px;margin-top:8px;overflow:hidden}.progress i{display:block;background:var(--accent);height:100%;border-radius:10px}.member-tasks{padding:9px;flex:1}.member-tasks h3{font-size:.8rem;margin:4px 0 10px}.task-card{display:flex;gap:7px;width:100%;border:1px solid #e3e8ef;background:#fff;border-radius:7px;padding:10px 7px;margin-bottom:6px;text-align:left;align-items:flex-start;min-height:66px}.task-card:hover{border-color:var(--accent,#3283c7)}.task-card .check{font-size:1.25rem;line-height:1}.task-text{flex:1;font-size:.75rem;line-height:1.4}.task-text>span:last-child{display:block}.task-card small{white-space:nowrap;font-size:.67rem}.status{display:inline-block;color:#fff;border-radius:4px;padding:2px 5px;font-size:.6rem;font-weight:800;margin-bottom:4px}.status.overdue{background:#f0394b}.status.soon{background:#f4a000}.task-card.finished{opacity:.55}.task-card.finished .task-text>span:last-child{text-decoration:line-through}.responsibilities{background:var(--tint);padding:12px;font-size:.76rem}.responsibilities ul{padding-left:18px;margin:7px 0}.responsibilities li{margin:4px 0}.empty{font-size:.75rem;color:#64748b}.list-view{background:#fff;border:1px solid #dce5ed;border-radius:12px;padding:14px}.list-task{display:flex;align-items:center;gap:20px;border-bottom:1px solid #e5eaf0}.list-task .task-card{max-width:700px;margin:6px 0}.list-task>span{font-size:.8rem;color:#475569}.scrim{position:fixed;inset:0;background:#09192b88;z-index:20;display:flex;justify-content:flex-end}.drawer{background:#fff;width:min(440px,100vw);height:100vh;padding:28px;overflow-y:auto;box-shadow:-8px 0 35px #0002}.close{float:right;border:0;background:transparent;font-size:1.3rem}.primary{background:#174b77;color:#fff;border:0;border-radius:8px;padding:12px 18px}.drawer hr{border:0;border-top:1px solid #e3e8ef;margin:24px 0}footer{text-align:center;color:#7c8999;font-size:.72rem;padding:16px;border-top:1px solid #e0e6ee}@media(max-width:1000px){.board{grid-auto-columns:245px}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.shell,.shell.collapsed{display:block}.main-nav{display:none;position:fixed;z-index:15;inset:70px auto 0 0;width:240px;overflow-y:auto}.mobile-open .main-nav{display:flex}.mobile-trigger{display:block}.utility-nav{padding:10px;gap:7px}.utility-search{width:100%;padding:8px}.dev-tag{display:none}.utility-right{gap:4px}.workspace{padding:14px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics>div{padding:10px}.metrics strong{font-size:1.1rem}.board{grid-auto-columns:255px}.hero{padding:18px}.list-task{display:block}}.event-selector{display:flex;flex-direction:column;gap:3px;background:#12283c;color:#fff;border-radius:9px;padding:7px 11px;min-width:178px}.event-selector span{font-size:.57rem;letter-spacing:.11em;font-weight:800;color:#a9c4d8}.event-selector select{background:transparent;color:#fff;border:0;outline:0;font-size:.74rem;font-weight:700;width:100%;cursor:pointer}.event-selector option{color:#142235;background:#fff}.event-context{font-size:.72rem;color:#73849a;margin:-7px 0 15px}.utility-right{gap:10px}@media(max-width:700px){.event-selector{min-width:124px;max-width:146px;padding:6px}.event-selector select{font-size:.66rem}.event-selector span{font-size:.5rem}}.nav-logo-compact{display:none}.collapsed .nav-top{flex-direction:column;gap:4px;min-height:75px}.collapsed .nav-top .nav-logo-compact{display:block;width:37px;height:37px;object-fit:contain}.collapsed .nav-top .nav-logo-wide{display:none}.collapsed .nav-top button{line-height:1;padding:2px 6px}