*{box-sizing:border-box}html,body{margin:0}body{background:#eef3f6}.app-shell{background:#eef3f6;color:#17202a;display:grid;font-family:Arial,Helvetica,sans-serif;grid-template-columns:260px 1fr;min-height:100vh}.auth-shell{align-items:center;background:#eef3f6;color:#17202a;display:grid;font-family:Arial,Helvetica,sans-serif;justify-items:center;min-height:100vh;padding:24px}.auth-panel{background:#fff;border:1px solid #d6dde5;border-radius:8px;box-shadow:0 16px 40px #102a3a1f;display:grid;gap:14px;max-width:460px;padding:24px;width:100%}.auth-panel h1{font-size:28px;letter-spacing:0;margin:4px 0 0}.auth-brand{color:#17202a}.auth-brand span{color:#667085}.sidebar{background:#102a3a;color:#fff;display:flex;flex-direction:column;gap:24px;padding:22px}.brand{align-items:center;display:flex;gap:12px}.brand-mark,.avatar{align-items:center;border-radius:999px;display:inline-flex;font-weight:800;justify-content:center}.brand-mark{background:#d8f3dc;color:#102a3a;height:42px;width:42px}.brand div,.task-card,.list-item>div{display:grid;gap:4px}.brand span,.sidebar-summary span,.task-card p,.list-item span,.empty{color:#667085}.brand span,.sidebar-summary span{color:#c6d3dc;font-size:12px}.nav{display:grid;gap:8px}button,.profile-menu a{align-items:center;background:#1d5f7a;border:1px solid #1d5f7a;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:700;justify-content:center;min-height:40px;padding:0 14px;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.55}.nav button{background:transparent;border-color:transparent;color:#d7e3ea;justify-content:flex-start}.nav button.active,.nav button:hover{background:#1d5f7a;color:#fff}.secondary{background:#fff;color:#1d5f7a}.sidebar-summary{border:1px solid rgba(255,255,255,.16);border-radius:8px;display:grid;gap:4px;margin-top:auto;padding:14px}.sidebar-summary strong{font-size:32px}.main{min-width:0;padding:24px}.topbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.topbar>div:first-child{width:min(420px,100%)}.topbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;position:relative}.avatar{background:#d8f3dc;border-color:#b7e4c7;color:#102a3a;height:42px;padding:0;width:42px}.profile-menu{background:#fff;border:1px solid #d6dde5;border-radius:8px;box-shadow:0 16px 40px #102a3a29;color:#17202a;display:grid;gap:8px;min-width:260px;padding:14px;position:absolute;right:0;top:50px;z-index:2}.profile-menu span{color:#667085;font-size:12px;overflow-wrap:anywhere}.status{background:#fff;border:1px solid #d0d5dd;border-radius:999px;color:#475467;font-size:13px;font-weight:700;padding:8px 12px}.ok{color:#067647}.fail{color:#b42318}.notice,.panel,.hero-panel,.summary,.metric,.board-column,.task-card{background:#fff;border:1px solid #d6dde5;border-radius:8px}.notice{margin-bottom:16px;padding:12px 16px}.view,.list{display:grid;gap:14px}.hero-panel{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:22px}.hero-panel h1{font-size:30px;letter-spacing:0;margin:0 0 6px}.hero-panel p,.task-card p{margin:0}.quick-actions,.button-row,.task-actions,.weekday-picker{display:flex;flex-wrap:wrap;gap:8px}.metric-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric{display:grid;gap:6px;padding:16px}.metric span,.label{color:#667085;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.metric strong{font-size:28px}.split,.settings-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-layout{align-items:start;display:grid;gap:14px;grid-template-columns:220px minmax(0,1fr)}.settings-menu{background:#fff;border:1px solid #d6dde5;border-radius:8px;display:grid;gap:6px;padding:10px;position:sticky;top:24px}.settings-menu button{background:transparent;border-color:transparent;color:#344054;justify-content:flex-start}.settings-menu button.active,.settings-menu button:hover{background:#e8f3f7;border-color:#b8dce8;color:#1d5f7a}.settings-content{min-width:0}.settings-screen{display:grid;gap:12px}.panel{padding:16px}.panel-title{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}h2{font-size:18px;letter-spacing:0;margin:0 0 14px}.panel-title h2{margin:0}label{color:#344054;display:grid;font-size:13px;font-weight:700;gap:6px;margin-bottom:12px}input,select{border:1px solid #cbd5e1;border-radius:6px;color:#18212f;font:inherit;min-height:40px;min-width:0;padding:0 10px;width:100%}.list-item{align-items:center;background:#fff;border:1px solid #d6dde5;border-radius:6px;color:#18212f;display:flex;gap:10px;justify-content:space-between;min-height:54px;padding:10px 12px;text-align:left;width:100%}.list-item.compact{align-items:start;display:grid}.list-item span,.task-card p{font-size:12px;overflow-wrap:anywhere}.list-item.selected{border-color:#1d5f7a;box-shadow:inset 3px 0 #1d5f7a}.quick-task-grid,.task-management-list,.task-form,.filters{display:grid;gap:12px}.task-management-list{border-top:1px solid #d6dde5;margin-top:4px;padding-top:16px}.task-management-item{align-items:start}.quick-task-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-task{align-items:start;background:#f8fafc;border-color:#d6dde5;color:#17202a;display:grid;justify-content:stretch;min-height:84px;text-align:left}.quick-task span{color:#667085;font-size:12px}.task-form{grid-template-columns:repeat(3,minmax(0,1fr))}.filters{align-items:end;background:#fff;border:1px solid #d6dde5;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr)) auto;padding:14px}.board-filters{grid-template-columns:repeat(4,minmax(0,1fr)) auto auto}.board{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(220px,1fr));overflow-x:auto}.board-column{align-content:start;display:grid;gap:10px;min-height:360px;padding:12px}.task-card{display:grid;gap:8px;padding:12px}.task-card-header{align-items:start;display:flex;gap:10px;justify-content:space-between}.task-card-header span{background:#e8f3f7;border-radius:999px;color:#1d5f7a;font-size:12px;font-weight:700;padding:4px 8px}.weekday-picker .active{background:#1d5f7a;color:#fff}.settings-grid .wide{grid-column:1/-1}.empty{margin:0}@media(max-width:1120px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap}.nav{display:flex;flex-wrap:wrap}.sidebar-summary{margin-left:auto;margin-top:0}.metric-grid,.quick-task-grid,.split,.settings-layout,.settings-grid,.task-form,.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.main,.sidebar{padding:16px}.topbar,.hero-panel,.panel-title,.list-item{align-items:stretch;flex-direction:column}.metric-grid,.quick-task-grid,.split,.settings-layout,.settings-grid,.task-form,.filters{grid-template-columns:1fr}.topbar-actions>*,.quick-actions>*,.button-row>*,.task-actions>*{width:100%}.sidebar-summary{margin-left:0;width:100%}.settings-menu{position:static}}