:root{--column-width:265px}.workspace{background-size:cover!important;background-attachment:fixed!important;min-height:100vh}.content{min-height:calc(100vh - 100px)}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;padding-top:20px}.sidebar .brand{margin-bottom:16px}.extra-nav{display:flex;flex-direction:column;gap:3px}.extra-nav button{width:100%}.sidebar .bottom{padding-top:15px}.sidebar small{padding-top:14px}.top>div{display:flex;align-items:center;gap:8px}.bell{border:0;padding:6px}.badge{display:inline-block;min-width:22px;padding:3px 6px;border-radius:7px;background:#e1edff;color:#176bc1;text-align:center;font-size:11px;font-weight:700}.dashboard-welcome{position:relative;max-width:1100px;text-align:center;margin:20px auto 28px;padding:24px;background:#ffffffdb;border:1px solid #ffffffb3;border-radius:22px;backdrop-filter:blur(12px)}.dashboard-welcome h1{font-size:38px;margin:8px 0 22px}.dashboard-search{display:flex;align-items:center;justify-content:space-between;margin:0 auto;width:min(640px,100%);padding:17px 22px;border-radius:30px;text-align:left;color:#68758a;box-shadow:0 5px 20px #223e6d12}.dashboard-welcome .adjust{margin-top:16px;background:transparent;border-color:#ccd9eb;font-size:12px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.dashboard-widget{position:relative;align-self:start;min-width:0;background:#ffffffed;backdrop-filter:blur(8px)}.dashboard-widget h2{margin:0 0 18px}.widget-grip{position:absolute;right:12px;top:10px;color:#9cacc1;cursor:grab}.dashboard-widget .heading{align-items:center}.dashboard-project{display:grid;grid-template-columns:1fr auto;gap:8px;margin:18px 0}.dashboard-project button{padding:0;border:0;text-align:left;background:transparent}.progress{height:7px;grid-column:1/-1;border-radius:20px;background:#e7edf8;overflow:hidden}.progress i{height:100%;display:block;background:linear-gradient(90deg,#2787e8,#30b9a8);border-radius:20px}.stats.mini{grid-template-columns:1fr 1fr;margin:10px 0}.stats.mini b{display:block;font-size:24px}.summary .stat{background:#ffffffed}.personal-check{display:flex;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #e9eef5}.personal-check input{width:18px}.personal-check span{flex:1}.personal-check button{padding:4px 8px}.inlineform{display:flex;gap:8px;margin:12px 0}.inlineform input,.inlineform select{min-width:0;flex:1}.notification{display:flex;flex-direction:column;gap:6px;width:100%;text-align:left;border:0;border-bottom:1px solid #e7edf7;border-radius:0;background:transparent;padding:16px 12px}.notification.unread{background:#eff5ff;border-left:3px solid #288aec}.notification span{color:#52627a;font-size:13px}.notification small{font-size:11px}.notification.read{opacity:.72}.notification-matrix input{width:18px;height:18px;accent-color:#1987ed}.notification-matrix th,.notification-matrix td{vertical-align:middle}.settings-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:25px;min-height:400px;margin-top:20px}.settings-tabs{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f4f6fa;border-radius:12px;align-self:start}.settings-tabs button{background:transparent;border:0;text-align:left;font-size:13px}.settings-tabs button.active{background:white;color:#187cda;box-shadow:0 2px 6px #24334f08}.settings-page{min-width:0}.settings-page h2{font-size:25px;margin:5px 0 20px}.background-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.background-palette button{height:50px;border:2px solid #ffffff80;box-shadow:0 0 0 1px #d7e1ec;border-radius:8px}.background-preview{height:110px;border-radius:12px;display:grid;place-items:center;color:#ffffff;font-weight:650;text-shadow:0 1px 3px #0008;margin:12px 0}.menu-list{display:flex;flex-direction:column;gap:5px;margin:12px 0}.menu-list>button{text-align:left;border:0;padding:13px 14px;background:#f6f8fc}.danger{color:#ba3446!important}.feature,.definition,.integration-card{background:#f5f7fc;border:1px solid #e6ebf5;padding:18px;border-radius:14px;margin:15px 0}.feature p{font-size:13px;line-height:1.6;color:#6c7791}.feature .tick{font-size:15px;color:#263653;font-weight:650}.project-menu-tools{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.project-icon{height:35px;width:35px;border-radius:50%;object-fit:cover;vertical-align:middle}.project-card>button{background:transparent;border:0;text-align:left;padding:0}.column{flex-basis:var(--column-width);background:#edf1f6e8;backdrop-filter:blur(6px)}.colhead{padding:13px 12px;gap:5px}.colhead>span{flex:1}.colhead>button{background:#ffffff26;border:0;color:white;padding:2px 7px;border-radius:50%;font-size:17px;line-height:24px;cursor:pointer}.column-description{padding:12px;font-size:12px;color:#697c95;line-height:1.5;border-bottom:1px solid #dce3ef}.hiddenColumns{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.task-thumbnail{width:100%;height:100px;object-fit:cover;border-radius:6px;margin-top:10px}.card-description.full{max-height:none}.task.faded{opacity:.65}.task:hover{transition:transform .12s,border-color .12s}.noanimations *{transition:none!important;animation:none!important}.compact .content{padding:18px 22px}.compact .task{padding:10px;margin-bottom:7px}.compact .task h3{margin:3px 0 8px}.compact .colhead{padding:9px 10px}.compact .column-description{padding:8px}.parent-label{display:block;margin:8px 0;color:#637d9c}.blocked-label{background:#fff0e8;color:#a5502c;padding:3px 7px;border-radius:6px;font-size:10px}.task-extended{margin-top:20px;padding-top:16px;border-top:1px solid #e1e7f0}.task-extended h3{font-size:16px}.task-extended details{padding:12px;background:#f7f9fd;border-radius:10px}.relation-row{display:grid;grid-template-columns:1fr 180px;gap:10px;align-items:center;border-bottom:1px solid #e1e7f0;padding-bottom:8px}.reactions{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.reactions button{font-size:11px;padding:4px 7px;background:white}.account-row,.member-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #e8edf6;padding:14px 0}.account-row>span:not(.avatar),.member-row>span:not(.avatar){flex:1;min-width:140px}.member-row select{max-width:180px}.account-row .tick{margin:0}.note-card{text-align:left}.note-card h2{margin-top:0}.mindmap-preview{max-height:500px;overflow:auto;border:1px solid #d7e3f5;border-radius:12px;background:white;margin:18px 0}.task-life-actions{border-top:1px solid #e4eaf5;padding-top:18px}.project-settings-tabs{position:sticky;top:0;background:white;z-index:1;padding:12px 0}.notification-matrix{min-width:440px}.timeRows{overflow:auto}.panel{margin-bottom:0}.content>.panel{margin-top:18px}.settings-page code{overflow-wrap:anywhere;font-size:12px}.sidebar button{flex-shrink:0}
@media(min-width:1500px){.dashboard-grid{max-width:1350px;margin:0 auto;grid-template-columns:1.2fr .9fr 1fr}.dashboard-widget[data-widget=tasks]{grid-column:1/3}.dashboard-widget[data-widget=notifications]{grid-column:3;grid-row:1/3}.summary{max-width:1350px;margin:20px auto}}
@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr 1fr}.settings-layout{grid-template-columns:150px minmax(0,1fr);gap:15px}.dashboard-welcome h1{font-size:30px}}
@media(max-width:850px){.sidebar{width:72px}.sidebar .extra-nav button{font-size:10px}.sidebar .brand{overflow:hidden}.settings-layout{grid-template-columns:1fr}.settings-tabs{flex-direction:row;overflow:auto;padding:7px}.settings-tabs button{white-space:nowrap}.dashboard-grid{grid-template-columns:1fr}.dashboard-welcome{padding:20px 14px;margin-top:0}.dashboard-search small{display:none}.dashboard-welcome h1{font-size:28px}.settings-page h2{font-size:22px}.relation-row{grid-template-columns:1fr}.notification-matrix{font-size:12px}.notification-matrix td,.notification-matrix th{padding:10px 6px}.background-palette{grid-template-columns:repeat(4,1fr)}.member-row select{max-width:100%}.top>strong{max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top{gap:8px}.top>div{font-size:12px}.bell{font-size:13px}.account-row button{font-size:12px}.summary{grid-template-columns:1fr}.summary .stat{display:flex;gap:18px;align-items:center}.summary .stat b{font-size:25px}.inlineform button{padding:9px 12px}.project-settings-tabs button{font-size:11px}}
@media print{.sidebar,.top,.pilot,.toolbar,.project-menu-tools,button{display:none!important}.shell{display:block}.workspace,.column{background:white!important}.board{overflow:visible;display:block}.column{break-inside:auto}.task{break-inside:avoid}.dashboard-grid{display:block}.panel{margin-bottom:15px}}
.task-completed{display:inline-block;border-radius:5px;background:#e6f7ed;color:#27714f;padding:3px 7px;font-size:11px;margin-top:6px}
.extra-nav button{display:flex;align-items:center;gap:5px;font-size:12px;padding:10px 8px;white-space:nowrap}.extra-nav .badge{margin-left:auto;flex-shrink:0;min-width:19px;font-size:10px}.content>.heading{background:#ffffffeb;padding:16px 20px;border-radius:16px;margin-bottom:12px;backdrop-filter:blur(8px)}.content>.heading h1{margin:8px 0}.project-menu-tools{margin:12px 0}@media(max-width:850px){.extra-nav button{white-space:normal;font-size:9px;display:block;padding:9px 2px}.extra-nav .badge{display:block;width:19px;margin:4px auto 0}.content>.heading{padding:12px}}
.photo-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.photo-gallery>div{position:relative}.photo-choice{width:100%;height:65px;background-size:cover!important;background-position:center!important}.photo-gallery [data-delete-gallery]{position:absolute;right:2px;top:2px;background:#ffffffde;padding:1px 6px;border-radius:50%;font-size:14px}