:root{color:#273544;font-synthesis:none;--navy:#1c3042;--blue:#2d78b6;--green:#43a77d;--border:#e6ecf1;--muted:#8995a4;background:#f3f6f9;font-family:Inter,Arial,sans-serif;font-size:13px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{transition:background .16s,color .16s,box-shadow .16s}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}button,.button{color:#455466;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dce4eb;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 13px;font-weight:500;display:inline-flex}button:hover,.button:hover{background:#f0f5f9;border-color:#bdcddd}button:disabled{opacity:.55;cursor:wait}button.primary,.button.primary{color:#fff;background:#2f80bd;border-color:#2f80bd;box-shadow:0 2px 4px #2250780d}button.primary:hover{background:#266ea5}button.danger{color:#fff;background:#c9585e;border-color:#c9585e}.icon-button{background:0 0;border:0;min-width:32px;min-height:32px;padding:6px}.icon-button:hover{background:#eaf0f5}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #8bc4ed}input,textarea,select{color:#35475a;background:#fff;border:1px solid #dce4eb;border-radius:5px;outline:none;max-width:100%;min-height:37px;padding:8px 10px}input:focus,textarea:focus,select:focus{border-color:#71a9d6;box-shadow:0 0 0 3px #3a8aca12}textarea{resize:vertical;line-height:1.6}input::placeholder,textarea::placeholder{color:#9aa6b3}label{color:#526276;font-size:12px;font-weight:500;display:block}label>input,label>select,label>textarea{width:100%;margin-top:7px;display:block}h1,h2,h3,p{margin:0}h1{letter-spacing:-.55px;color:#1d2c3d;font-size:24px;font-weight:650;line-height:1.35}h2{letter-spacing:-.3px;font-size:18px;font-weight:650}h3{color:#293849;font-size:14px;font-weight:650}p{line-height:1.7}small{color:var(--muted);font-size:11px}.muted{color:#8a96a4}.red{color:#db6570!important}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.button svg,button svg{flex-shrink:0}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app{min-height:100vh;display:flex}.sidebar{color:#c3ced8;z-index:30;background:linear-gradient(145deg,#213748,#172a3b);flex-direction:column;width:238px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{color:#fff;padding:27px 22px 24px;display:block}.logo{color:#fff;white-space:nowrap;align-items:center;gap:10px;display:flex}.logo>span{letter-spacing:.2px;font-size:16px;font-weight:700}.logo small{letter-spacing:1.15px;color:#93abba;margin-top:5px;font-size:8px;font-weight:500;display:block}.workspace-label{letter-spacing:1.4px;color:#6f8a9f;margin:12px 23px 17px;font-size:9px}.sidebar nav{flex-direction:column;gap:5px;padding:0 12px;display:flex}.sidebar nav>a{color:#bfcbd5;border-left:2px solid #0000;border-radius:5px;align-items:center;gap:13px;min-height:45px;padding:10px 14px;font-size:13px;display:flex}.sidebar nav>a.active{color:#fff;background:#275574;border-left-color:#58b0e2}.sidebar nav>a:hover{color:#fff;background:#28475d}.nav-count{color:#fff;background:#df7580;border-radius:9px;margin-left:auto;padding:3px 6px;font-size:10px}.sidebar-bottom{margin-top:auto;padding:27px 22px 20px;position:relative}.demo-tag{letter-spacing:1.3px;color:#8aa4b8;font-size:9px}.demo-tag>span{background:#58b58e;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.sidebar-bottom p{color:#b5c5d1;letter-spacing:-.5px;margin:23px 0 17px;font-size:19px;font-weight:300;line-height:1.5}.sidebar-photo{opacity:.28;height:135px;margin:0 -22px 8px;position:relative;overflow:hidden}.sidebar-photo .cover{background-size:400% 400%;height:100%;background-position:0 25%!important}.sidebar-photo:after{content:"";background:linear-gradient(#1c3042,#0000,#1c3042);position:absolute;inset:0}.sidebar-bottom button{color:#aebfce;background:0 0;border:0;justify-content:flex-start;width:100%;padding:9px 0;font-size:12px;display:flex}.sidebar-bottom button:hover{color:#fff}.workspace{width:calc(100% - 238px);min-width:0;margin-left:238px}.topbar{z-index:20;background:#fff;border-bottom:1px solid #e9eef3;align-items:center;gap:20px;height:73px;padding:0 27px;display:flex;position:sticky;top:0}.topbar>.icon-button{margin-left:-11px}.global-search{color:#7f92a4;background:#f2f5f8;border-radius:6px;flex:1;align-items:center;gap:10px;max-width:680px;padding:0 12px;display:flex}.global-search input{width:100%;height:38px;box-shadow:none;background:0 0;border:0;padding:8px 0;font-size:12px}.global-search kbd{color:#b0beca;font-size:14px}.create-button{background:#47a77e!important;border-color:#47a77e!important}.bell{color:#698195;position:relative}.bell b{color:#fff;background:#e56a72;border:2px solid #fff;border-radius:12px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 2px;font-size:9px;display:flex;position:absolute;top:-2px;right:-3px}.profile{background:0 0;border:0;border-left:1px solid #edf0f4;border-radius:0;gap:10px;padding:0 0 0 17px;display:flex}.profile>span:not(.avatar){text-align:left}.profile strong{color:#354457;font-size:12px;display:block}.profile small{margin-top:4px;font-size:10px;display:block}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex;box-shadow:0 0 0 2px #fff}.dropdown-anchor{position:relative}.dropdown{border:1px solid var(--border);z-index:40;background:#fff;border-radius:8px;min-width:195px;padding:6px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 10px 35px #20324724}.dropdown button{border:0;justify-content:flex-start;width:100%}.profile-dropdown{min-width:260px}.profile-info{padding:10px;line-height:1.6}.profile-info small{white-space:normal;display:block}main{max-width:1920px;margin:auto;padding:27px 28px 0}.page-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;display:flex}.page-title p{color:#8894a4;margin-top:5px;font-size:12px}.page-actions{align-items:center;gap:10px;display:flex}.today{text-align:right;color:#98a3b1;font-size:10px;line-height:1.65}.today strong{color:#7a8797;font-size:11px;font-weight:500;display:block}.eyebrow{letter-spacing:1.2px;color:#8e9cab;margin-bottom:8px;font-size:10px;font-weight:600}.panel{background:#fff;border:1px solid #e5ebf0;border-radius:8px;min-width:0;overflow:hidden;box-shadow:0 2px 4px #36546a03}.panel-title{justify-content:space-between;align-items:center;gap:9px;min-height:53px;padding:14px 17px;display:flex}.panel-title>h3{margin-right:auto}.text-link{color:#448bbd;white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:inline-flex}.hint{color:#a0adba;display:flex}.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:19px;display:grid}.metric{background:#fff;border:1px solid #e4ebf2;border-radius:7px;align-items:center;gap:13px;min-height:113px;padding:21px 15px;display:flex;position:relative;box-shadow:0 2px 4px #36546a03}.metric:hover{border-color:#b9d4e7;box-shadow:0 3px 14px #36546a0d}.metric-icon{color:#2f80bb;background:#eaf4fc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:47px;height:47px;display:flex}.metric b{color:#26364a;letter-spacing:-.7px;font-size:27px;font-weight:650;line-height:1.1;display:block}.metric span{color:#647284;margin-top:6px;font-size:11px;display:block}.metric small{color:#99a4b0;margin-top:9px;font-size:9px;display:block}.danger-metric .metric-icon{color:#e08079;background:#fff0ee}.danger-metric small{color:#ce7c76}.metric-arrow{color:#bdcad5;position:absolute;top:11px;right:10px}.dashboard-top{grid-template-columns:1.06fr 1.14fr 1fr;gap:15px;margin-bottom:16px;display:grid}.dashboard-bottom{grid-template-columns:1.12fr 1.06fr 1fr;gap:15px;margin-bottom:21px;display:grid}.portfolio{align-items:center;gap:8px;min-height:225px;padding:0 12px 13px;display:flex}.donut{flex-shrink:0;width:46%;position:relative}.donut-label{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-label b{color:#314257;font-size:31px;font-weight:600}.donut-label span{color:#8a98a9;margin-top:3px;font-size:11px}.chart-legend{flex-direction:column;flex:1;gap:18px;display:flex}.chart-legend>div{white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:flex}.chart-legend i{border-radius:2px;flex-shrink:0;width:9px;height:9px}.chart-legend span{color:#6c7989;flex:1}.chart-legend b{color:#3b4c5e;font-size:12px}.chart-legend small{color:#a1abba;font-size:9px}.matrix-wrap{padding:11px 25px 19px 48px;position:relative}.matrix{background:linear-gradient(105deg,#fff0e9 0%,#fcf7e8 40%,#e8f5f0 100%);border-bottom:1px solid #96a8b9;border-left:1px solid #96a8b9;border-radius:4px 4px 0 0;height:187px;position:relative}.matrix-grid{background-image:linear-gradient(#fff9 1px,#0000 1px),linear-gradient(90deg,#fff9 1px,#0000 1px);background-size:33.333% 50%;position:absolute;inset:0}.matrix-dot{border:2px solid #fff;border-radius:50%;width:15px;height:15px;display:block;position:absolute;box-shadow:0 1px 4px #20324720}.matrix-dot span{color:#5d6e7e;white-space:nowrap;text-overflow:ellipsis;max-width:90px;font-size:8px;font-weight:500;position:absolute;top:2px;left:17px;overflow:hidden}.matrix-dot:nth-last-of-type(2n) span{top:-8px;left:auto;right:17px}.matrix-y{color:#8c9bab;font-size:9px;position:absolute;top:102px;left:-30px;transform:rotate(-90deg)}.matrix-x{text-align:center;color:#8c9bab;margin-top:28px;font-size:9px}.axis-y-high,.axis-y-low{color:#98a4b1;font-size:9px;position:absolute;left:-22px}.axis-y-high{top:-3px}.axis-y-low{bottom:-3px}.matrix-bottom{color:#99a5b2;justify-content:space-between;width:100%;margin-top:7px;font-size:9px;display:flex;position:absolute;top:100%}.workload{flex-direction:column;gap:10px;padding:6px 17px 0;display:flex}.workload-row{align-items:center;gap:9px;display:flex}.workload-person{flex:1;min-width:0}.workload-person strong{white-space:nowrap;font-size:10px;font-weight:600;display:block}.workload-person small{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;display:block;overflow:hidden}.workload-bar{width:31%}.workload-row>b{text-align:right;width:17px;font-size:10px}.progress{background:#e9eef3;border-radius:9px;flex:1;min-width:35px;height:7px;overflow:hidden}.progress i{border-radius:9px;height:100%;transition:width .4s;display:block}.progress.small{height:5px}.panel-footnote{color:#a0aab6;padding:12px 17px;font-size:9px}.count-red{color:#d56e76;background:#fdf0f0;border-radius:11px;padding:3px 7px;font-size:10px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th{color:#8b99a9;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #edf1f5;padding:13px 15px;font-size:10px;font-weight:600}td{color:#617183;vertical-align:middle;border-bottom:1px solid #eff3f6;padding:15px}td small{margin-top:5px;line-height:1.5;display:block}td a{color:#40566d}td a:hover{color:#2d83bf}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfe}.compact-table{font-size:10px}.compact-table th{padding:10px;font-size:9px}.compact-table td{padding:9px 10px;line-height:1.4}.overdue-table td:first-child{width:51%}.overdue-table td:first-child a{align-items:baseline;gap:6px;display:flex}.overdue-table td:first-child small{color:#a0abba;min-width:22px;font-size:8px}.overdue-table td:nth-child(2){max-width:90px;font-size:9px}.deadline-overdue{color:#d9787d;white-space:nowrap;background:#fff0ef;border-radius:4px;padding:4px 5px;font-size:9px}.section-progress{flex-direction:column;gap:17px;max-height:235px;padding:8px 16px 0;display:flex;overflow-y:auto}.section-progress>div{align-items:center;gap:9px;display:flex}.section-code{color:#526b80;background:#eff4f8;border-radius:4px;justify-content:center;align-items:center;min-width:31px;padding:5px;font-size:10px;font-weight:650;display:inline-flex}.section-name{color:#6f7d8d;flex:1;max-width:160px;font-size:9px}.section-progress b{text-align:right;min-width:28px;font-size:10px}.section-progress .progress{flex:0 75px;min-width:30px;height:6px}.section-progress small{text-align:right;min-width:22px;font-size:8px}.period-tag{color:#8695a5;white-space:nowrap;border:1px solid #e7edf3;border-radius:4px;padding:5px 9px;font-size:9px}.trend-chart{padding:0 5px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.section-heading h2{font-size:16px}.section-heading h2 span{color:#7290a7;vertical-align:middle;background:#e5edf4;border-radius:5px;margin-left:5px;padding:3px 6px;font-size:10px}.dashboard-projects{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.project-card{background:#fff;border:1px solid #e1e8ee;border-radius:7px;display:block;overflow:hidden;box-shadow:0 2px 5px #24445705}.project-card:hover{border-color:#b1cde0;box-shadow:0 6px 18px #24445716}.cover{background-color:#dde5eb;background-image:url(/assets/transport-atlas.png);background-repeat:no-repeat;background-size:400% 200%;position:relative}.project-card .cover{height:138px}.cover-code{color:#fff;letter-spacing:.8px;text-shadow:0 1px 4px #0007;font-size:9px;position:absolute;bottom:9px;left:12px}.project-card .cover:before{content:"";background:linear-gradient(#0000,#172b3d77);position:absolute;inset:50% 0 0}.project-card .cover .badge{position:absolute;top:10px;left:10px;box-shadow:0 1px 5px #2637460d}.project-card-body{padding:13px 13px 10px}.project-card-body h3{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.project-card-body p{color:#8e9ba9;justify-content:space-between;margin:3px 0 13px;font-size:10px;display:flex}.project-card-body p>span{font-size:9px}.progress-line{align-items:center;gap:10px;min-width:90px;display:flex}.progress-line b{color:#6f8395;text-align:right;min-width:25px;font-size:10px}.project-card-foot{color:#a2acb7;justify-content:space-between;margin-top:10px;font-size:8px;display:flex}.metrics-explanation{color:#8f9dac;align-items:flex-start;gap:8px;padding:20px 3px;font-size:10px;line-height:1.6;display:flex}.metrics-explanation svg{flex-shrink:0}.page-footer{color:#a5afbb;border-top:1px solid #e1e8ef;justify-content:space-between;gap:20px;margin-top:32px;padding:17px 0 20px;font-size:9px;display:flex}.page-footer b{color:#8195a8;margin-left:7px;font-weight:500}.badge{white-space:nowrap;color:#708296;background:#f0f3f6;border-radius:4px;align-items:center;padding:5px 8px;font-size:10px;font-weight:500;line-height:1.4;display:inline-flex}.badge.new,.badge.design{color:#5384b5;background:#eaf1fa}.badge.in_progress,.badge.active{color:#47926f;background:#e5f3ec}.badge.accepted,.badge.construction{color:#4b8cbb;background:#e6f3fc}.badge.review{color:#b08b4d;background:#fff2df}.badge.done,.badge.completed{color:#4b9678;background:#e7f3ed}.badge.returned{color:#c5747d;background:#fcebec}.badge.paused{color:#9980a6;background:#f3ecf5}.badge.cancelled{color:#9da5b1;background:#eff1f4}.loading{color:#8095a8;justify-content:center;align-items:center;gap:10px;min-height:250px;font-size:12px;display:flex}.loading svg{width:19px}.empty{text-align:center;color:#99a8b7;padding:45px 20px}.empty>svg{color:#aabac9;stroke-width:1.4px;width:30px;height:30px;margin-bottom:12px}.empty h3{color:#657d92;margin-bottom:6px;font-size:14px}.empty p{font-size:12px}.empty button{margin-top:15px}.empty.error{background:#fff;border-radius:8px}.sidebar-collapsed .sidebar{width:73px}.sidebar-collapsed .sidebar .brand{padding:24px 20px}.sidebar-collapsed .sidebar .logo span,.sidebar-collapsed .workspace-label,.sidebar-collapsed .sidebar nav>a span,.sidebar-collapsed .nav-count,.sidebar-collapsed .sidebar-bottom{display:none}.sidebar-collapsed .sidebar nav{padding:0 9px}.sidebar-collapsed .sidebar nav>a{justify-content:center;padding:13px 0}.sidebar-collapsed .workspace{width:calc(100% - 73px);margin-left:73px}.list-toolbar,.project-toolbar{align-items:center;gap:12px;padding:16px;display:flex}.list-toolbar{border-bottom:1px solid #edf1f5}.list-toolbar.wrap{flex-wrap:wrap}.project-toolbar{margin:0 0 21px;padding:0}.search-input{color:#9aaaba;background:#fff;border:1px solid #dce4eb;border-radius:6px;flex:1;align-items:center;gap:8px;min-width:180px;max-width:360px;padding:0 10px;font-weight:400;display:flex}.search-input>input{box-shadow:none;background:0 0;border:0;width:100%;min-width:0;margin:0;padding:9px 0;font-size:11px}.search-input>button{background:0 0;border:0;min-height:20px;padding:2px}.view-switch{background:#edf2f6;border-radius:6px;gap:3px;margin-left:auto;padding:3px;display:flex}.view-switch button{color:#8b9db0;background:0 0;border:0;min-height:28px;padding:6px 8px}.view-switch button.selected{color:#4588ba;background:#fff;box-shadow:0 1px 4px #253c5814}.checkbox{white-space:nowrap;color:#8391a2;align-items:center;gap:6px;font-size:10px;display:flex}.checkbox input{accent-color:#2e83c1;width:14px;height:14px;min-height:14px;margin:0}.list-subtoolbar{color:#8c9aab;border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;padding:12px 16px;font-size:10px;display:flex}.list-subtoolbar>div{gap:10px;display:flex}.list-subtoolbar select{color:#8b9aac;background:0 0;border:0;min-height:26px;padding:4px;font-size:10px}.task-table{font-size:11px}.task-title-link{align-items:baseline;gap:10px;min-width:220px;max-width:375px;display:flex}.task-title-link span{color:#a1adbb;flex-shrink:0;font-size:9px}.task-title-link strong{font-weight:500;line-height:1.5}.person-cell{align-items:center;gap:8px;display:flex}.person-cell>span:not(.avatar){line-height:1.4}.deadline-cell{white-space:nowrap;align-items:center;gap:4px;display:flex}.priority{white-space:nowrap;color:#8896a6;align-items:center;gap:6px;font-size:10px;display:inline-flex}.priority i,.priority-dot{background:#a4b5c6;border-radius:50%;width:5px;height:5px;display:inline-block}.priority.high i,.priority-dot.high{background:#e8ad5a}.priority.critical i,.priority-dot.critical{background:#dd6c74}.priority.low i,.priority-dot.low{background:#87ad95}.kanban{gap:13px;padding:16px;display:flex;overflow-x:auto}.kanban-column{background:#f5f7f9;border-radius:6px;min-width:245px;max-width:245px;min-height:340px;padding:11px}.kanban-column>h3{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.kanban-column h3>span:last-child{color:#9cabb8;font-size:11px;font-weight:400}.kanban-card{background:#fff;border:1px solid #e1e7ed;border-radius:5px;margin-bottom:9px;padding:13px;display:block;box-shadow:0 2px 4px #2d445405}.kanban-card>small{color:#92a3b3;font-size:9px}.kanban-card>b{margin:9px 0 15px;font-size:11px;font-weight:500;line-height:1.65;display:block}.kanban-card>div{color:#8a9baa;align-items:center;gap:8px;font-size:10px;display:flex}.kanban-card .avatar{margin-left:auto}.kanban-empty{text-align:center;color:#b0bac4;padding-top:60px;font-size:11px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.project-grid .project-card .cover{height:190px}.project-grid .project-card-body{padding:17px}.project-grid .project-card h3{font-size:15px}.project-grid .project-card-body p{margin-bottom:16px;font-size:12px}.project-grid .project-card-foot{margin-top:13px;font-size:10px}.project-grid .project-card-foot span{max-width:50%}.back-link{color:#8395a6;align-items:center;gap:3px;margin-bottom:18px;font-size:11px;display:inline-flex}.task-detail-layout{grid-template-columns:minmax(0,1fr) 300px;gap:20px;display:grid}.task-description{margin-bottom:19px;padding:23px}.task-status-line{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:27px;display:flex}.overdue-label{color:#d5797c;align-items:center;gap:5px;font-size:10px;display:flex}.task-description h3{margin-bottom:13px;font-size:13px}.task-description>p{color:#778697;font-size:13px;line-height:1.8}.task-actions{border-top:1px solid #edf1f5;flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:20px;display:flex}.task-actions button{font-size:11px}.task-meta .panel{margin-bottom:15px}dl{margin:0;padding:0 18px 20px}dt{color:#9ba8b5;margin-top:20px;margin-bottom:8px;font-size:10px}dt:first-child{margin-top:5px}dd{color:#61758a;margin:0;font-size:12px;line-height:1.6}dd a{color:#4189bd;align-items:center;gap:5px;display:flex}.workflow-note{color:#8297a8;gap:9px;padding:6px 12px;font-size:11px;line-height:1.7;display:flex}.workflow-note svg{flex-shrink:0;margin-top:3px}.tabs{border-bottom:1px solid #e9eef3;align-items:center;gap:12px;padding:0 20px;display:flex;overflow-x:auto}.tabs>button{color:#8a9bac;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;min-height:55px;padding:15px 5px;font-size:11px}.tabs>button.active{color:#2e80bd;border-bottom-color:#2e80bd}.tabs>button span{background:#eef3f7;border-radius:4px;margin-left:3px;padding:2px 5px;font-size:9px}.discussion-body{padding:22px}.comment{align-items:flex-start;gap:12px;padding:12px 0 20px;display:flex}.comment>div{flex:1;min-width:0}.comment strong{color:#53697e;font-size:11px}.comment time{color:#a1adba;margin-left:12px;font-size:9px}.comment p{color:#6d7f90;background:#f5f8fa;border-radius:0 7px 7px;margin-top:9px;padding:12px;font-size:12px;line-height:1.7}.comment-form{border-top:1px solid #eef2f5;flex-direction:column;gap:12px;padding-top:20px;display:flex}.comment-form button{align-self:flex-end}.timeline{padding:22px 24px}.timeline>div{gap:15px;padding-bottom:24px;line-height:1.6;display:flex;position:relative}.timeline>div:before{content:"";background:#e5edf3;width:1px;position:absolute;top:13px;bottom:0;left:4px}.timeline>div:last-child:before{display:none}.timeline i{background:#7cadd3;border:2px solid #e4f0fa;border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:4px;display:block}.timeline strong{color:#6b8093;font-size:11px;font-weight:500;display:block}.timeline span{color:#92a1b0;margin-top:3px;font-size:10px;display:block}.timeline small{color:#acb7c2;font-size:9px}.project-hero{border-radius:9px;height:250px;position:relative;overflow:hidden}.project-hero>.cover{background-size:400% 400%;position:absolute;inset:0;background-position-y:10%!important}.project-hero-shade{background:linear-gradient(#142d3d00 10%,#0f283be6);position:absolute;inset:0}.project-hero-content{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:23px;left:27px;right:27px}.project-code{color:#c5dde9;letter-spacing:1.3px;font-size:10px}.project-hero h1{color:#fff;margin:8px 0 10px;font-size:30px}.project-hero p{color:#d2dfe8;align-items:center;gap:8px;font-size:11px;display:flex}.project-hero p>span{opacity:.5;margin:0 5px}.project-detail-toolbar{align-items:center;gap:32px;margin:22px 0 26px;display:flex}.project-mini-stat{align-items:center;gap:10px;display:flex}.project-mini-stat b{color:#45657d;letter-spacing:-.8px;font-size:25px}.project-mini-stat span{color:#95a4b3;max-width:80px;font-size:10px;line-height:1.5}.project-mini-stat .progress{width:65px}.project-detail-actions{gap:8px;margin-left:auto;display:flex}.project-detail-actions button{font-size:11px}.project-content-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px;display:grid}.project-content-layout>aside>.panel{margin-bottom:17px}.project-description{color:#7c8c9c;padding:0 18px 5px;font-size:12px}.project-team{flex-direction:column;gap:15px;padding:0 17px 15px;display:flex}.project-team>div{align-items:center;gap:9px;display:flex}.project-team strong{color:#6b8093;font-size:10px;font-weight:500;display:block}.project-team small{margin-top:4px;font-size:9px;display:block}.project-sections{padding:20px}.project-sections>div{border-bottom:1px solid #edf1f5;align-items:center;gap:14px;padding:15px 0;display:flex}.project-sections>div:last-child{border:0}.project-sections>div>div:not(.progress){flex:1}.project-sections b{color:#657b8f;font-size:12px;font-weight:500;display:block}.project-sections span:not(.section-code){color:#a0adba;margin-top:4px;font-size:10px;display:block}.project-sections .progress{max-width:120px}.project-sections strong{min-width:32px;font-size:11px}.team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.team-card{padding:22px}.team-card-person{align-items:center;gap:13px;display:flex}.team-card-person h3{font-size:13px;line-height:1.5}.team-card-person p{color:#8195a6;margin-top:3px;font-size:11px}.team-card-person small{font-size:9px}.team-stats{border-bottom:1px solid #edf1f5;justify-content:space-between;padding:22px 0;display:flex}.team-stats b{color:#53728b;font-size:24px;font-weight:500;display:block}.team-stats span{color:#98a6b5;margin-top:5px;font-size:9px;display:block}.team-projects{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.team-projects>a{color:#7e97ac;background:#f1f5f9;border-radius:3px;padding:5px 7px;font-size:9px;line-height:1.5}.team-projects b{color:#5592bd;margin-left:5px;font-size:8px}.documents-table{font-size:11px}.document-name{align-items:center;gap:11px;min-width:160px;display:flex}.file-icon{color:#6295ba;background:#edf4f9;border-radius:5px;padding:7px;display:flex}.document-name a{font-size:11px;font-weight:500}.document-name small,.document-name small a{color:#a0adbb;font-size:9px;font-weight:400}.row-actions{gap:3px;display:flex}.document-footnote{color:#a2aebc;border-top:1px solid #edf1f5;padding:15px 17px;font-size:9px}.notification-row{border-bottom:1px solid #edf1f5;align-items:center;gap:14px;padding:19px 22px;display:flex}.notification-row.unread{background:#f7fbfe}.notification-icon{color:#83a5bf;background:#edf4f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;display:flex}.notification-icon.overdue{color:#d78783;background:#fff1ee}.notification-row>div{flex:1}.notification-row small{margin-top:5px;font-size:10px;display:block}.link-button{white-space:normal;text-align:left;color:#58718a;background:0 0;border:0;justify-content:flex-start;min-height:0;padding:0;font-size:12px;line-height:1.6}.notification-row.unread .link-button{color:#3f7196}.search-page-form{gap:10px;margin-bottom:22px;display:flex}.search-page-form .search-input{max-width:600px}.result-count{color:#8a9baa;margin-bottom:25px;font-size:12px}.search-result{border-bottom:1px solid #edf1f5;align-items:center;gap:13px;padding:18px 20px;display:flex}.search-result>div{flex:1}.search-result b{font-size:12px;font-weight:500}.search-result small{margin-top:5px;display:block}.search-result:hover{background:#f7fafc}main>h3{margin:25px 0 12px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#142b3b85;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:10px;width:520px;max-width:100%;max-height:calc(100vh - 50px);overflow:auto;box-shadow:0 25px 80px #12273940}.modal.wide{width:700px}.modal-head{z-index:2;background:#fff;border-bottom:1px solid #e9eef3;justify-content:space-between;align-items:center;padding:20px 25px;display:flex;position:sticky;top:0}.modal-head h2{font-size:17px}.modal-head button{color:#94a4b5}.modal-body{color:#6f8294;padding:24px 25px;font-size:12px}.modal-body>p+p{margin-top:14px}.modal-actions{z-index:2;background:#fafcfd;border-top:1px solid #e9eef3;justify-content:flex-end;gap:10px;padding:17px 25px;display:flex;position:sticky;bottom:0}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-grid .full{grid-column:1/-1}.form-stack{flex-direction:column;gap:18px;display:flex}.form-note{color:#9baaba;align-items:center;padding-top:10px;font-size:10px;line-height:1.7;display:flex}.error-box{color:#bd636a;white-space:normal;background:#fdf0ef;border:1px solid #f6dedc;border-radius:5px;align-items:flex-start;gap:8px;margin-top:8px;padding:11px 12px;font-size:11px;line-height:1.6;display:flex}.error-box svg{flex-shrink:0;margin-top:1px}.reset-icon{color:#568cb3;background:#eaf3fa;border-radius:50%;justify-content:center;align-items:center;width:59px;height:59px;margin-bottom:20px;display:flex}.toast{z-index:150;color:#fff;background:#263f51;border-radius:7px;align-items:center;gap:10px;max-width:calc(100vw - 30px);padding:15px 16px;font-size:12px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #0f253b33}.toast.error{background:#a55760}.toast button{color:#d6e6f0;background:0 0;border:0;min-height:0;margin-left:10px;padding:2px}.cover-picker{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px;display:grid}.cover-picker button{border:2px solid #0000;height:72px;padding:0;overflow:hidden}.cover-picker button.selected{border-color:#3c8dc6;box-shadow:0 0 0 2px #b4d4ed}.cover-picker .cover{width:100%;height:100%}.info-block{color:#6d91aa;background:#eef5fa;border-radius:6px;align-items:flex-start;gap:12px;padding:15px;display:flex}.info-block svg{flex-shrink:0;margin-top:3px}.info-block+p{margin-top:15px}.member-picker{flex-direction:column;gap:16px;display:flex}.member-picker>div{align-items:center;gap:10px;display:flex}.member-picker>div>span:not(.avatar):not(.badge){flex:1}.member-picker b{font-size:11px;font-weight:500;display:block}.member-picker small{margin-top:3px;font-size:9px;display:block}.member-picker button{min-height:30px;font-size:10px}.upload-zone{text-align:center;color:#7f9fb6;background:#f5f9fc;border:1px dashed #b6cddd;border-radius:7px;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.upload-zone strong{color:#6392b5;overflow-wrap:anywhere;max-width:100%;font-size:12px;font-weight:500}.upload-zone span{font-size:10px;font-weight:400}.upload-zone input{background:#fff;border:0;max-width:100%;margin:0;font-size:10px}.boot{color:#a7bdcd;background:#1b3042;flex-direction:column;justify-content:center;align-items:center;gap:30px;min-height:100vh;display:flex}.boot p{font-size:12px}.login{background:#fff;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-visual{background:#173449;min-height:100vh;position:relative;overflow:hidden}.login-visual>.cover{background-size:400% 200%;position:absolute;inset:0;background-position:33.333% 0!important}.login-shade{background:linear-gradient(125deg,#122c42e3,#16344fb3 50%,#152f45b0);position:absolute;inset:0}.login-brand{z-index:1;padding:46px 53px;position:relative}.login-brand .logo{gap:13px}.login-brand .logo>span{font-size:20px}.login-brand .logo svg{width:45px;height:45px}.login-brand .logo small{letter-spacing:1.8px;font-size:9px}.login-version{color:#91b0c6;letter-spacing:1.65px;margin-top:23px;font-size:8px;display:block}.login-pitch{z-index:1;padding:60px 53px 80px;position:relative}.login-pitch .eyebrow{color:#9ebdce;letter-spacing:2px;font-size:9px}.login-pitch h1{color:#fff;letter-spacing:-2px;margin:23px 0;font-size:52px;font-weight:500;line-height:1.2}.login-pitch h1 em{color:#91c5d5;font-style:normal}.login-pitch>p{color:#adc1cf;font-size:13px;line-height:1.9}.login-stats{gap:50px;margin-top:57px;display:flex}.login-stats b{letter-spacing:-1px;color:#e7f0f5;font-size:30px;font-weight:400;display:block}.login-stats span{color:#97b1c5;margin-top:5px;font-size:10px;display:block}.login-image-note{color:#6e8fa8;z-index:1;font-size:8px;position:absolute;bottom:25px;left:53px}.login-form-side{justify-content:center;align-items:center;padding:40px;display:flex}.login-form-wrap{width:100%;max-width:440px}.login-kicker{color:#8ca0b3;letter-spacing:1.6px;margin-bottom:25px;font-size:9px}.login-kicker>span{background:#67b08b;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.login-form-wrap h2{color:#293e51;letter-spacing:-1px;font-size:29px;font-weight:600}.login-description{color:#96a2af;margin-top:14px;font-size:12px;line-height:1.8}.role-options{grid-template-columns:repeat(3,1fr);gap:9px;margin:29px 0 25px;display:grid}.role-options button{color:#99aaba;white-space:normal;background:#fbfcfe;border-color:#e9eef3;flex-direction:column;align-items:flex-start;min-height:105px;padding:15px 12px;display:flex}.role-options button.selected{color:#3f84b8;background:#edf5fb;border-color:#80afd2;box-shadow:0 0 0 1px #c8dfee}.role-options strong{margin-top:4px;font-size:11px;font-weight:600}.role-options small{color:#98a9b8;font-size:8px;line-height:1.4}.login-form-wrap form>label{color:#6f8497;margin-bottom:18px;font-size:11px}.login-form-wrap input{background:#fafcfd;border-color:#e0e8f0;height:43px;padding:11px 12px;font-size:12px}.login-form-wrap input[readonly]{color:#8296a7}.password-field{margin-top:7px;position:relative}.password-field input{width:100%;padding-right:43px}.password-field button{color:#9eb0bf;background:0 0;border:0;min-height:32px;padding:6px;position:absolute;top:5px;right:5px}.login-submit{justify-content:space-between;width:100%;height:45px;margin-top:10px;padding:10px 15px;font-size:12px}.login-security{color:#9eafbd;border-top:1px solid #edf1f5;align-items:flex-start;gap:12px;margin-top:28px;padding-top:24px;display:flex}.login-security>svg{color:#8aafab;flex-shrink:0;margin-top:3px}.login-security p{color:#a0adba;font-size:10px;line-height:1.8}.login-security strong{color:#8096a7;font-size:10px;font-weight:500}.login-bottom{color:#b3bdc7;justify-content:space-between;margin-top:38px;font-size:8px;display:flex}.small-select{max-width:145px;min-height:28px;padding:5px 7px;font-size:10px}@media (width>=1650px){:root{font-size:14px}.sidebar{width:250px}.workspace{width:calc(100% - 250px);margin-left:250px}main{padding:30px 31px 0}.dashboard-projects{grid-template-columns:repeat(6,minmax(0,1fr))}.dashboard-projects .project-card:nth-child(n+7){display:none}.metric{padding:24px 20px}.metric span{font-size:12px}.metric small{font-size:10px}.metric b{font-size:31px}.panel-title h3{font-size:15px}.chart-legend>div,.workload-person strong{font-size:11px}.section-name{font-size:10px}.compact-table{font-size:11px}.compact-table td{padding:10px 13px}.dashboard-top{grid-template-columns:1fr 1.1fr 1fr}.matrix{height:200px}.portfolio{min-height:240px}.workload{gap:12px}.project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1250px){.sidebar{width:200px}.workspace{width:calc(100% - 200px);margin-left:200px}.brand{padding:26px 15px}.logo>span{font-size:14px}.topbar{gap:13px;padding:0 20px}main{padding:22px 20px 0}.metric{gap:9px;padding:17px 12px}.metric-icon{width:35px;height:35px}.metric-icon svg{width:21px}.metric b{font-size:24px}.metric span{font-size:9px}.metric small{font-size:8px}.metric-grid{gap:9px}.dashboard-top{grid-template-columns:1fr 1fr}.dashboard-top>.panel:last-child{grid-column:1/-1}.dashboard-top .workload{grid-template-columns:1fr 1fr 1fr;gap:18px 24px;padding:10px 18px;display:grid}.dashboard-bottom{grid-template-columns:1fr 1fr}.dashboard-bottom>.panel:last-child{grid-column:1/-1}.dashboard-bottom .trend-chart{max-width:800px;margin:auto}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-grid .project-card .cover{height:145px}.project-content-layout{grid-template-columns:minmax(0,1fr) 240px}.project-detail-toolbar{gap:17px}.project-mini-stat .progress{display:none}.project-detail-actions button{font-size:10px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-pitch h1{font-size:43px}.login-pitch,.login-brand{padding-left:37px;padding-right:37px}.login-form-side{padding:35px}.task-detail-layout{grid-template-columns:minmax(0,1fr) 260px}.page-title h1{font-size:22px}.project-hero h1{font-size:28px}}@media (width<=1000px){.sidebar{width:73px}.sidebar .brand{padding:24px 20px}.sidebar .logo span,.workspace-label,.sidebar nav>a span,.nav-count,.sidebar-bottom{display:none}.sidebar nav{padding:0 9px}.sidebar nav>a{justify-content:center;padding:13px 0}.workspace{width:calc(100% - 73px);margin-left:73px}.topbar>.icon-button,.profile>span:not(.avatar){display:none}.profile{padding-left:12px}.dashboard-projects,.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric b{font-size:27px}.metric span{font-size:11px}.metric small{font-size:9px}.metric{min-height:102px}.metric-grid .metric:nth-last-child(-n+2){grid-column:auto}.task-detail-layout{grid-template-columns:1fr}.task-meta{grid-template-columns:1fr 1fr;gap:15px;display:grid}.project-content-layout{grid-template-columns:1fr}.project-content-layout>aside{grid-template-columns:1fr 1fr;gap:15px;display:grid}.project-team{max-height:350px;overflow:auto}.project-detail-toolbar{flex-wrap:wrap}.project-detail-actions{flex:1;justify-content:flex-end;margin-left:0}.login-pitch h1{font-size:36px}.login-stats{gap:32px}.login-pitch{padding-top:80px}.login-form-side{padding:28px}.role-options{gap:6px}.role-options button{padding:13px 8px}.role-options small{font-size:7px}.page-title{align-items:flex-start}.page-actions{flex-wrap:wrap;justify-content:flex-end}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid .project-card .cover{height:180px}}@media (width<=700px){.topbar{gap:9px;height:62px;padding:0 13px}.global-search{padding:0 9px}.global-search input{font-size:10px}.global-search kbd,.create-button span,.create-button>svg:last-child{display:none}.create-button{min-width:32px;padding:8px}.profile{border:0;padding:0}.profile>.avatar{width:31px!important;height:31px!important}.profile>svg{display:none}.topbar .bell{min-width:24px;padding:3px}.sidebar{width:55px}.sidebar .brand{padding:20px 12px}.sidebar .logo svg{width:29px}.sidebar nav{padding:0 4px}.sidebar nav>a{min-height:43px}.workspace{width:calc(100% - 55px);margin-left:55px}main{padding:20px 13px 0}.page-title{flex-direction:column;gap:12px}.page-title h1{font-size:21px}.page-title p{font-size:11px}.page-actions{justify-content:flex-start;width:100%}.today{text-align:left}.today span{display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{gap:8px;min-height:97px;padding:14px 10px}.metric-grid .metric:last-child{grid-column:1/-1}.metric-icon{width:35px;height:35px}.metric span{font-size:10px}.metric b{font-size:25px}.dashboard-top,.dashboard-bottom{flex-direction:column;display:flex}.dashboard-top .workload{gap:12px;display:flex}.workload-bar{width:40%}.dashboard-projects,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.project-card .cover,.project-grid .project-card .cover{height:118px}.project-card-body,.project-grid .project-card-body{padding:11px}.project-card-body h3,.project-grid .project-card h3{font-size:11px}.project-card-body p,.project-grid .project-card-body p{font-size:9px;display:block}.project-card-body p>span,.project-card-foot{display:none}.project-toolbar{flex-wrap:wrap;gap:9px}.project-toolbar .search-input{flex-basis:100%;max-width:100%}.project-toolbar>span{display:none}.list-toolbar{gap:9px;padding:12px}.list-toolbar .search-input{flex-basis:100%;max-width:100%}.list-toolbar select{flex:1;max-width:100%;font-size:11px}.list-toolbar .checkbox{flex-basis:100%}.list-subtoolbar{flex-wrap:wrap;gap:9px}.list-subtoolbar select{max-width:150px}.task-description{padding:17px}.task-description>p{font-size:12px}.task-meta{display:block}.comment time{margin:4px 0 0;display:block}.task-actions button{font-size:10px}.project-hero{height:230px}.project-hero-content{display:block;bottom:18px;left:18px;right:18px}.project-hero h1{font-size:24px}.project-hero p{flex-wrap:wrap;font-size:9px}.project-hero .badge{margin-top:12px}.project-detail-toolbar{gap:15px}.project-mini-stat b{font-size:21px}.project-mini-stat span{max-width:70px;font-size:9px}.project-detail-actions{flex-basis:100%}.project-content-layout>aside{display:block}.project-sections{padding:15px}.project-sections .progress{display:none}.team-grid{grid-template-columns:1fr}.team-card{padding:19px}.page-footer{flex-direction:column;gap:6px;line-height:1.7}.modal-backdrop{padding:10px}.modal{max-height:calc(100dvh - 20px)}.modal-head{padding:16px}.modal-body{padding:20px 16px}.modal-actions{padding:14px 16px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.login{grid-template-columns:1fr}.login-visual{min-height:260px;max-height:260px}.login-brand{padding:25px}.login-version{display:none}.login-pitch{padding:0 25px 35px}.login-pitch .eyebrow,.login-pitch>p,.login-stats,.login-image-note{display:none}.login-pitch h1{margin:15px 0;font-size:31px;line-height:1.15}.login-pitch h1 br:first-of-type{display:none}.login-form-side{padding:35px 25px}.login-form-wrap h2{font-size:25px}.role-options small{font-size:8px}.role-options button{padding:13px 10px}.login-bottom{margin-top:25px}.notification-row{gap:10px;padding:17px 14px}.tabs{gap:12px;padding:0 12px}.tabs>button{font-size:10px}.toast{width:calc(100% - 24px);font-size:11px;bottom:12px}.small-select{max-width:143px}.document-footnote{line-height:1.7}.metrics-explanation{font-size:9px}}@media print{body{background:#fff}.sidebar,.topbar,.page-actions,.page-footer,.metrics-explanation,.project-card,.project-toolbar,.list-toolbar,.list-subtoolbar{display:none!important}.workspace{width:100%;margin:0}main{max-width:100%;padding:0}.panel,.metric{box-shadow:none;break-inside:avoid}.dashboard-top,.dashboard-bottom{grid-template-columns:1fr 1fr;display:grid}.dashboard-top>.panel:last-child,.dashboard-bottom>.panel:last-child{grid-column:auto}.metric-grid{grid-template-columns:repeat(5,1fr)}.project-section{display:none}.panel-title{padding:10px}.page-title{margin-bottom:20px}.dashboard-projects{display:none}a{color:inherit!important}.page-title:after{content:"Project Control Portal · Демо";color:#888;font-size:10px}@page{size:A4 landscape;margin:10mm}}