:root{--ink:#0d0a2c;--muted:#8f8d9d;--line:#e6e6e9;--violet:#5b49fe;--mint:#d8faef;--rose:#ffe5ef;--cream:#fff4d5;--lilac:#e4e1ff}*{box-sizing:border-box}html,body{margin:0;min-width:1440px;background:#fff;color:var(--ink);font-family:"Fira Sans",Arial,sans-serif;font-size:14px}.app-shell{width:1440px;min-height:1293px;display:flex;position:relative}.sidebar{position:relative;flex:0 0 72px;border-right:1px solid var(--line);background:white;min-height:1293px}.brand{position:absolute;top:40px;left:21px;width:30px;height:30px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:2px}.brand span:nth-child(1){background:#664df8}.brand span:nth-child(2){background:#ff348b}.brand span:nth-child(3){background:#ffd64a}.brand span:nth-child(4){background:#27d39a}.tabler{width:24px;height:24px;opacity:.62}.nav-menu{position:absolute;left:24px;top:100px}.company{position:absolute;top:159px;left:20px;width:32px;height:32px;border-radius:4px;background:var(--violet);color:white;display:grid;place-items:center;font-weight:600}.side-nav{position:absolute;top:207px;left:12px;width:48px;display:flex;align-items:center;flex-direction:column}.side-nav>img,.side-bottom>img{width:48px;height:56px;padding:16px 12px}.side-nav .selected{opacity:1}.divider{width:48px;border-top:1px solid var(--line);margin:8px 0}.side-bottom{position:absolute;bottom:27px;left:12px;display:flex;align-items:center;flex-direction:column}.profile{border-top:1px solid var(--line);padding-top:16px;margin-top:8px}.profile img{width:40px;height:40px;border-radius:50%;object-fit:cover}main{width:1368px;position:relative;overflow:hidden}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:16px 24px}.headline{display:flex;align-items:center;gap:24px}.headline h1{font-size:32px;line-height:40px;margin:0;font-weight:700;white-space:nowrap}.published{display:flex;align-items:center;color:var(--violet);gap:4px}.published .icon{width:24px;height:24px;filter:invert(34%) sepia(88%) saturate(4013%) hue-rotate(241deg)}.top-actions{display:flex;gap:16px;align-items:center}.top-actions button,.sub-actions button,.needs-toolbar button{height:40px;border-radius:4px;padding:0 16px;font:500 14px "Fira Sans";white-space:nowrap}.primary{background:var(--violet);color:#fff;border:1px solid var(--violet)}.outline{background:#fff;color:var(--violet);border:1px solid var(--violet);display:flex;gap:8px;align-items:center}.outline img{width:20px;height:20px;filter:invert(34%) sepia(88%) saturate(4013%) hue-rotate(241deg)}.view-switch{display:flex;border:1px solid var(--violet);border-radius:4px;overflow:hidden}.view-switch span{width:52px;height:40px;display:grid;place-items:center}.view-switch span:first-child{background:#d3cef8}.view-switch img,.icon-actions img{width:20px;height:20px}.icon-actions{display:flex;align-items:center;gap:12px}.add{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--violet);color:#fff;font-size:28px;box-shadow:0 4px 4px rgba(91,73,254,.24)}.subbar{height:72px;background:#f7f7f8;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:16px 24px;position:relative}.tabs{height:40px;background:#ececee;border-radius:10px;padding:4px;display:flex;align-items:center;gap:8px}.tabs span{padding:8px 8px;font-weight:600;line-height:16px;white-space:nowrap}.tabs .active{background:white;border-radius:6px;box-shadow:0 1px 2px #ddd}.week{position:absolute;left:792px;display:flex;align-items:center;gap:14px;font-weight:600}.week b{font-size:24px;font-weight:400}.sub-actions{margin-left:auto;display:flex;gap:8px;transform:translateX(94px)}.sub-actions button{border:1px solid #d2d1d6;background:#fff}.workspace{display:flex}.turns{width:152px;flex:0 0 152px;padding:4px;border-right:1px solid var(--line);background:white}.turn-control{height:40px;border:1px solid #d2d1d6;border-radius:4px;margin-bottom:4px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;font-weight:600}.turn-control img{width:20px;height:20px}.turn{height:60px;border-radius:4px;margin-bottom:4px;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:20px;text-align:center}.turn.rose{height:76px}.turn b{font-weight:600}.mint{background:var(--mint)!important}.rose{background:var(--rose)!important}.cream{background:var(--cream)!important}.lilac{background:var(--lilac)!important}.drag-note{text-align:center;height:84px;padding-top:8px;font-weight:500}.drag-note img{width:24px;display:block;margin:0 auto 4px}.planning{width:1216px;background:#f7f7f8;overflow:hidden}.schedule-grid{display:grid;grid-template-columns:176px 200px 200px 200px 145.67px 145.67px 145.66px;grid-auto-rows:47px;background:white}.schedule-grid>*{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}.th{height:80px;grid-row:span 1;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:16px;margin-bottom:-33px;z-index:1;background:white;padding-bottom:0}.metric-head{height:32px;display:flex;align-items:center;justify-content:center;font-weight:600;background:#fff}.group{grid-column:1/5;height:48px;padding:15px 16px;font-weight:600;border-left:6px solid var(--violet)}.group+.metric,.group+.metric+.metric,.group+.metric+.metric+.metric{height:48px}.group.madrid{border-left-color:#16d69a}.employee{height:47px;padding:7px 16px;display:flex;align-items:center;gap:8px}.employee img{width:32px;height:32px;border-radius:50%;object-fit:cover}.employee span{display:flex;flex-direction:column;line-height:16px}.employee b{font-weight:600}.employee small{font-size:14px;color:#a09eaa}.rest{height:47px;display:grid;place-items:center;font-size:12px}.shift{height:43px;margin:4px;border:0!important;border-radius:4px;position:relative;padding:5px 8px 2px 29px;line-height:16px}.shift b{display:block;font-size:13px;white-space:nowrap}.shift small{display:block;font-size:12px}.shift em{position:absolute;right:4px;top:3px;border-radius:4px;padding:2px 6px;background:#0bcf8c;color:#fff;font-style:normal}.shift.rose em{background:#f20b79}.shift.cream em{background:#f2b900}.shift i{position:absolute;right:5px;bottom:2px;font-style:normal;font-size:12px}.shift.lilac i{background:var(--violet);color:#fff;border-radius:3px;padding:0 4px}.metric{height:47px;display:grid;place-items:center}.link{text-decoration:underline}.negative{color:#ff0873}.total{grid-column:1/5;height:48px;padding:15px 16px;font-weight:600}.total.metric{grid-column:auto;padding:0;display:grid}.grand-total{grid-column:1/5;height:48px;padding:15px 16px;font-weight:700;font-size:16px;background:#fff}.grand-total.metric{grid-column:auto;padding:0;display:grid}.needs-toolbar{height:80px;padding:24px 16px 16px;display:flex;gap:8px}.needs-toolbar button{background:white;border:1px solid #d2d1d6;font-weight:600}.needs-grid{display:grid;grid-template-columns:176px 200px 200px 200px;width:776px;background:white}.needs-grid>div{height:55px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;place-items:center}.need-head{height:40px!important;font-weight:600}.need-head:first-child{justify-content:start;padding-left:16px}.need-label{margin:4px;height:47px!important;border-radius:4px;border:0!important;padding:4px!important;display:flex!important;align-items:flex-start!important;justify-content:center;flex-direction:column}.need-label b{font-weight:500}.need-label small{font-size:12px;margin-top:4px}.counter{padding:4px 6px;border-radius:4px;border:1px solid}.counter.neutral{border-color:var(--ink)}.counter.good{border-color:#00d493;color:#00bd84;background:#e7fff7}.counter.bad{border-color:#ff0b74;color:#ff0b74;background:#fff0f6}.more-menu{position:absolute;z-index:9;right:24px;top:60px;width:360px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:4px;box-shadow:0 4px 12px rgba(13,10,44,.13)}.more-menu div{height:44px;display:flex;align-items:center;gap:12px;color:#727082;padding:0 12px}.more-menu div:first-child{background:#f5f5f6;border-radius:4px}.more-menu img{width:24px;height:24px;opacity:.62}.more-menu b{font:italic 21px Georgia;width:24px;text-align:center}@media(max-width:1439px){html,body{overflow-x:auto}}