*{box-sizing:border-box;margin:0}body{font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:#f4f5f7;color:#172b4d}button{cursor:pointer;border:none;border-radius:4px;padding:6px 12px;background:#0079bf;color:#fff;font-size:14px}button.ghost{background:transparent;color:inherit;opacity:.7;font-size:18px;padding:0 6px}button.danger{background:#b04632}input,textarea{font:inherit;border:1px solid #dfe1e6;border-radius:4px;padding:6px 8px}a{color:inherit}.auth-page{display:grid;place-items:center;min-height:100vh;background:#0079bf}.auth-card{background:#fff;padding:32px;border-radius:8px;display:flex;flex-direction:column;gap:12px;width:340px;box-shadow:0 8px 24px #00000040}.auth-card h1{color:#0079bf;text-align:center}.auth-card a{color:#0079bf;cursor:pointer;font-size:13px;text-align:center}.error{color:#b04632;font-size:13px}.topbar{display:flex;align-items:center;gap:16px;padding:8px 16px;background:#026aa7;color:#fff}.topbar.translucent{background:#00000040}.topbar .logo{font-weight:700;text-decoration:none}.topbar .spacer{flex:1}.boards-page section{padding:16px 24px}.board-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.board-tile{width:190px;height:96px;border-radius:6px;color:#fff;font-weight:600;padding:10px;text-decoration:none}.board-tile.new{background:#dfe1e6;color:#172b4d;display:flex;flex-direction:column;gap:6px;font-weight:400}.board-page{min-height:100vh;display:flex;flex-direction:column}.lists{display:flex;gap:10px;padding:12px;align-items:flex-start;overflow-x:auto;flex:1}.list{background:#ebecf0;border-radius:8px;width:272px;flex-shrink:0;padding:8px;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 90px)}.list-header{display:flex;align-items:center}.list-name{background:transparent;border:none;font-weight:600;flex:1}.list-name:focus{background:#fff}.cards{display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:4px}.card-tile{background:#fff;border-radius:6px;padding:8px;box-shadow:0 1px 1px #091e4240;cursor:pointer}.card-tile.overlay{transform:rotate(3deg);box-shadow:0 8px 16px #091e4259}.card-labels{display:flex;gap:4px;margin-bottom:6px}.label-pill{width:40px;height:8px;border-radius:4px;display:inline-block}.card-title{font-size:14px}.card-badges{display:flex;gap:6px;margin-top:6px}.badge{font-size:12px;color:#5e6c84}.badge.due{padding:1px 6px;border-radius:3px;background:#dfe1e6}.badge.due.overdue{background:#eb5a46;color:#fff}.badge.due.done{background:#61bd4f;color:#fff}.add-card{background:transparent;color:#5e6c84;text-align:left}.add-card:hover{background:#091e4214}.add-card-form textarea{width:100%;resize:none;margin-bottom:6px}.add-list input{width:100%;background:#fff9;border:none}.loading{padding:40px;text-align:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:start center;padding-top:48px;overflow-y:auto;z-index:10}.modal{background:#f4f5f7;border-radius:8px;width:640px;max-width:92vw;padding:20px;display:flex;flex-direction:column;gap:16px;margin-bottom:48px}.modal-header{display:flex;align-items:center}.modal-title{font-size:18px;font-weight:600;flex:1;background:transparent;border:none}.modal-title:focus{background:#fff}.modal h4{margin-bottom:6px;color:#5e6c84}.modal textarea{width:100%;min-height:90px;resize:vertical}.label-row{display:flex;gap:6px;flex-wrap:wrap}.label-chip{min-width:56px;color:#fff;font-size:12px;opacity:.55}.label-chip.active{opacity:1;outline:2px solid #172b4d}.due-row{display:flex;gap:12px;align-items:center}.comment-form input{width:100%;margin-bottom:8px}.comment{background:#fff;border-radius:6px;padding:8px;margin-bottom:6px;font-size:14px}.muted{color:#5e6c84;font-size:12px}.modal-actions{display:flex;justify-content:flex-end}.search-wrap,.notif-wrap{position:relative}.search-wrap input{width:220px;background:#ffffffd9;border:none}.dropdown{position:absolute;top:110%;left:0;background:#fff;color:#172b4d;border-radius:6px;box-shadow:0 8px 24px #0000004d;width:320px;max-height:400px;overflow-y:auto;z-index:30}.dropdown.right{left:auto;right:0}.dropdown-item{padding:8px 12px;cursor:pointer;font-size:14px;border-bottom:1px solid #f0f1f4}.dropdown-item:hover{background:#f4f5f7}.dropdown-item.unread{background:#e4f0f6}.bell{position:relative;font-size:16px}.badge-count{position:absolute;top:-6px;right:-6px;background:#eb5a46;color:#fff;border-radius:10px;font-size:11px;padding:0 5px}.checklist{background:#fff;border-radius:6px;padding:8px;margin-bottom:8px}.checklist-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.checklist-header strong{flex:1}.progress{height:6px;background:#dfe1e6;border-radius:3px;margin-bottom:6px}.progress-fill{height:100%;background:#61bd4f;border-radius:3px;transition:width .2s}.check-item{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:14px}.check-item span{flex:1}.check-item.done span{text-decoration:line-through;color:#5e6c84}.inline-add{width:100%;margin-top:4px}.attachment{background:#fff;border-radius:6px;padding:6px 10px;margin-bottom:4px;display:flex;align-items:center;gap:8px;font-size:14px}.attachment a{flex:1;color:#0079bf}.activity-row{font-size:13px;padding:4px 0;border-bottom:1px solid #ebecf0}.clickable{cursor:pointer}.badge.check-done{background:#61bd4f;color:#fff;padding:1px 6px;border-radius:3px}.board-tile.new.import{justify-content:center;text-align:center;cursor:pointer;font-size:13px;color:#5e6c84}.view-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#00000026;flex-wrap:wrap}.view-tab{background:#ffffff40;color:#fff}.view-tab.active{background:#fff;color:#172b4d}.filter-bar{display:flex;align-items:center;gap:6px;margin-left:auto;flex-wrap:wrap}.filter-bar input,.filter-bar select{border:none;padding:5px 8px;font-size:13px}.label-chip.small{min-width:32px;padding:3px 8px;font-size:11px}.label-pill.tiny{width:16px;height:6px}.table-view{flex:1;overflow:auto;padding:12px}.table-view table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.table-view th,.table-view td{text-align:left;padding:8px 12px;border-bottom:1px solid #ebecf0;font-size:14px}.table-view th{background:#f4f5f7;color:#5e6c84;-webkit-user-select:none;user-select:none}.table-view .card-cell{font-weight:500}.table-view tr:hover td{background:#f9fafb}.calendar-view{flex:1;overflow:auto;padding:12px}.cal-nav{display:flex;align-items:center;gap:12px;margin-bottom:8px;color:#fff}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-dow{color:#fff;font-size:12px;padding:2px 6px;opacity:.85}.cal-day{background:#ffffffeb;border-radius:6px;min-height:96px;padding:4px;font-size:12px}.cal-day.dim{opacity:.55}.cal-day.today{outline:2px solid #f2d600}.cal-date{color:#5e6c84}.cal-card{background:#fff;border:1px solid #dfe1e6;border-radius:4px;padding:3px 6px;margin-top:3px;cursor:pointer;box-shadow:0 1px 1px #091e4233;display:flex;gap:3px;align-items:center}.cal-card:hover{background:#f4f5f7}.timeline-view{flex:1;overflow:hidden;padding:12px;display:flex}.tl-scroll{overflow:auto;background:#fffffff2;border-radius:8px;flex:1;position:relative}.tl-header{display:flex;position:sticky;top:0;background:#f4f5f7;z-index:2}.tl-col-head{font-size:11px;color:#5e6c84;text-align:center;padding:4px 0;flex-shrink:0}.tl-col-head.weekend{background:#ebecf0}.tl-body{position:relative;padding:8px 0 16px}.tl-row{position:relative;height:30px}.tl-bar{position:absolute;height:24px;border-radius:4px;color:#fff;font-size:12px;display:flex;align-items:center;padding:0 8px;cursor:pointer;white-space:nowrap;overflow:hidden;box-shadow:0 1px 2px #091e4240}.tl-bar-label{overflow:hidden;text-overflow:ellipsis}.tl-today{position:absolute;top:0;bottom:0;width:2px;background:#eb5a46;z-index:1}.empty-view{color:#fff;padding:40px;text-align:center;flex:1}.dashboard-view{flex:1;overflow:auto;padding:16px}.stat-tiles{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.stat-tile{background:#fff;border-radius:8px;padding:14px 22px;min-width:130px}.stat-num{font-size:30px;font-weight:700}.stat-name{color:#5e6c84;font-size:13px}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.chart-card{background:#fff;border-radius:8px;padding:16px}.chart-card h3{margin-bottom:12px;font-size:15px}.chart-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.chart-label{width:110px;font-size:13px;color:#172b4d;text-align:right;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-track{flex:1;background:#f0f1f4;border-radius:4px;height:18px}.chart-fill{height:100%;border-radius:4px;min-width:2px}.chart-value{width:30px;font-size:13px;color:#5e6c84}.field-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.field-name{width:110px;font-size:13px;color:#5e6c84;text-align:right;flex-shrink:0}.small-link{font-size:13px;color:#5e6c84;text-align:left;padding:0}.modal.wide{width:760px}.view-tab.dark{background:#ebecf0;color:#172b4d}.view-tab.dark.active{background:#0079bf;color:#fff}.rule-row{display:flex;align-items:center;gap:10px;background:#fff;border-radius:6px;padding:8px 12px;margin-bottom:6px}.rule-info{flex:1}.rule-info .muted{font-size:12px}.rule-builder{background:#fff;border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:8px;margin-top:8px}.builder-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.run-row{display:flex;align-items:center;gap:8px;padding:6px 4px;border-bottom:1px solid #ebecf0;font-size:13px}.run-ok{color:#2e7d32;font-weight:700}.run-fail{color:#c9372c;font-weight:700}.run-row .right{margin-left:auto}.sso-btn{display:block;text-align:center;background:#172b4d;color:#fff!important;border-radius:4px;padding:8px;text-decoration:none}.admin-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;margin-top:8px}.admin-table th,.admin-table td{text-align:left;padding:8px 12px;border-bottom:1px solid #ebecf0;font-size:14px}.admin-table th{background:#f4f5f7;color:#5e6c84}a.view-tab{text-decoration:none;font-size:14px}.bg-grid{display:flex;flex-wrap:wrap;gap:8px}.bg-swatch{width:72px;height:48px;border-radius:6px;border:2px solid transparent;padding:0}.bg-swatch.active{border-color:#172b4d;box-shadow:0 0 0 2px #fff inset}.bg-current{width:100%;height:90px;border-radius:6px;margin-bottom:8px}.avatar{width:32px;height:32px;border-radius:50%;background:#dfe1e6;color:#172b4d;font-weight:700;font-size:12px;padding:0;display:grid;place-items:center}.user-head{cursor:default}.user-head:hover{background:#fff}.bottom-nav{position:fixed;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:4px;background:#172b4dd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:6px;border-radius:24px;box-shadow:0 8px 24px #00000059;z-index:8}.bottom-nav .view-tab{border-radius:18px;padding:6px 14px}.lists,.table-view,.calendar-view,.timeline-view,.dashboard-view{padding-bottom:70px}a.dropdown-item{display:block;text-decoration:none;color:inherit}