:root{--ink: #172b4d;--ink-soft: #44546f;--muted: #626f86;--surface: #ffffff;--canvas: #f4f5f7;--list-bg: #f1f2f4;--line: #dcdfe4;--primary: #0c66e4;--primary-hover: #0055cc;--danger: #c9372c;--shadow-card: 0 1px 1px rgba(9, 30, 66, .25), 0 0 1px rgba(9, 30, 66, .31);--shadow-modal: 0 8px 24px rgba(9, 30, 66, .35);--radius: 8px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:14px;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3{margin:0}.app{min-height:100%;display:flex;flex-direction:column;background:var(--canvas);transition:background .2s ease}.app.on-board{height:100%;overflow:hidden}.splash,.loading{padding:48px;text-align:center;color:var(--muted)}.loading.light{color:#ffffffe6}.topbar{display:flex;align-items:center;gap:12px;height:48px;padding:0 16px;background:#1d2125;color:#fff;flex-shrink:0}.on-board .topbar{background:#00000047;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.brand{display:flex;align-items:center;gap:8px;background:none;border:0;color:inherit;font-weight:700;font-size:16px;padding:6px 8px;border-radius:6px}.brand:hover{background:#ffffff26}.brand-mark{font-size:18px}.crumb{opacity:.85}.spacer{flex:1}.user-chip{display:flex;align-items:center;gap:8px;font-weight:500}.avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:#fff;font-size:12px;font-weight:700;flex-shrink:0;letter-spacing:.02em}.avatar.small{width:24px;height:24px;font-size:11px}.btn-primary{background:var(--primary);color:#fff;border:0;border-radius:4px;padding:7px 12px;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-ghost{background:transparent;border:0;border-radius:4px;padding:7px 10px;color:var(--ink-soft)}.btn-ghost:hover:not(:disabled){background:#091e4214}.btn-ghost.light{color:#fff}.btn-ghost.light:hover:not(:disabled){background:#fff3}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger);border-radius:4px;padding:7px 12px;font-weight:600}.btn-danger:hover{background:#c9372c14}.icon-btn{background:transparent;border:0;border-radius:4px;width:28px;height:28px;font-size:18px;line-height:1;color:var(--muted);display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover:not(:disabled){background:#091e4214;color:var(--ink)}.error-banner{margin:8px 16px;padding:10px 12px;background:#ffeceb;color:#ae2a19;border:1px solid #f7c8c4;border-radius:6px}.error-banner.small{margin:8px 12px;font-size:12px}.muted{color:var(--muted)}.muted.center{text-align:center;padding:24px 0}.live-dot{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#ffffffe6}.live-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:#4bce97;box-shadow:0 0 #4bce97b3;animation:pulse 2s infinite}.live-dot.dark{color:var(--muted)}@keyframes pulse{0%{box-shadow:0 0 #4bce97b3}70%{box-shadow:0 0 0 6px #4bce9700}to{box-shadow:0 0 #4bce9700}}.boards-page{padding:32px 40px;max-width:1200px;width:100%;margin:0 auto}.boards-page h1{font-size:20px;margin-bottom:20px}.boards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.board-tile{position:relative;display:flex;align-items:flex-start;justify-content:space-between;min-height:110px;padding:12px 14px;border:0;border-radius:10px;color:#fff;font-weight:700;font-size:16px;text-align:left;cursor:pointer;box-shadow:var(--shadow-card);transition:transform .12s ease,filter .12s ease}.board-tile:hover{transform:translateY(-2px);filter:brightness(1.05)}.board-tile.create{background:#dfe1e6;color:var(--ink-soft);align-items:center;justify-content:center;font-weight:600}.board-tile.create-form{flex-direction:column;gap:10px;cursor:default;transform:none}.board-tile.create-form input{width:100%;padding:8px;border:0;border-radius:4px}.tile-delete{color:#fffc;opacity:0}.board-tile:hover .tile-delete{opacity:1}.tile-delete:hover{background:#00000040!important;color:#fff!important}.color-row{display:flex;flex-wrap:wrap;gap:6px}.color-swatch{width:24px;height:24px;border-radius:6px;border:2px solid transparent}.color-swatch.selected{border-color:#fff;box-shadow:0 0 0 1px #0000004d}.board-page{flex:1;display:flex;flex-direction:column;min-height:0}.board-toolbar{display:flex;align-items:center;gap:12px;padding:10px 16px;color:#fff;background:#00000026;flex-shrink:0}.board-toolbar h1{font-size:18px;flex:1}.board-canvas{flex:1;display:flex;align-items:flex-start;gap:12px;padding:12px 16px 16px;overflow-x:auto;overflow-y:hidden;min-height:0}.list{width:272px;flex-shrink:0;max-height:100%;display:flex;flex-direction:column;background:var(--list-bg);border-radius:12px;box-shadow:var(--shadow-card)}.list.dragging{transform:rotate(2deg)}.list.add-list{background:#ffffff3d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.add-list-btn{width:100%;text-align:left;color:#fff;padding:12px;font-weight:600}.add-list-btn:hover{background:#fff3!important}.list.add-list .composer{padding:8px}.list.add-list .composer input{width:100%;padding:8px;border:2px solid var(--primary);border-radius:4px;margin-bottom:8px;background:#fff}.list-header{display:flex;align-items:center;gap:6px;padding:10px 8px 6px 12px;cursor:grab}.list-header h2{flex:1;font-size:14px;font-weight:700;padding:4px 6px;border-radius:4px;cursor:text;overflow-wrap:anywhere}.list-header h2:hover{background:#091e420f}.list-name-input{flex:1;min-width:0;padding:4px 6px;border:2px solid var(--primary);border-radius:4px;font-weight:700;background:#fff}.list-count{font-size:12px;color:var(--muted);background:#091e420f;border-radius:10px;padding:1px 7px}.list-cards{flex:1;min-height:8px;overflow-y:auto;padding:2px 8px;border-radius:8px;transition:background .15s ease}.list-cards.over{background:#0c66e414}.list-footer{padding:6px 8px 8px}.add-card{width:100%;text-align:left}.card{background:var(--surface);border-radius:var(--radius);padding:8px 10px;margin-bottom:8px;box-shadow:var(--shadow-card);cursor:pointer;border:2px solid transparent;-webkit-user-select:none;user-select:none}.card:hover{border-color:var(--primary)}.card.dragging{transform:rotate(3deg);box-shadow:0 8px 16px #091e424d}.card.pending{opacity:.6}.card.done .card-title{color:var(--muted)}.card-title{overflow-wrap:anywhere;line-height:1.35}.check{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:6px;border-radius:50%;background:#1f845a;color:#fff;font-size:10px;vertical-align:text-bottom}.card-labels{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.label-pill{display:inline-block;width:40px;height:8px;border-radius:4px}.card-badges{display:flex;gap:8px;margin-top:6px;font-size:12px;color:var(--muted)}.badge.due{padding:1px 6px;border-radius:4px;background:#091e420f}.badge.due.overdue{background:#ffeceb;color:#ae2a19}.composer textarea,.composer input{width:100%;resize:vertical;padding:8px;border:2px solid var(--primary);border-radius:4px;background:#fff;margin-bottom:8px;outline:none}.composer-actions{display:flex;align-items:center;gap:6px}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto;z-index:100}.modal{width:min(1000px,100%);min-height:520px;max-height:calc(100vh - 80px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);background:var(--canvas);border-radius:12px;box-shadow:var(--shadow-modal);overflow:hidden}.modal-main{padding:20px 24px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.modal-titlebar{display:flex;align-items:center;gap:8px}.title-input{flex:1;min-width:0;font-size:20px;font-weight:700;padding:6px 8px;border:2px solid transparent;border-radius:4px;background:transparent}.title-input:hover{background:#091e420a}.title-input:focus{background:#fff;border-color:var(--primary);outline:none}.modal-main section h3{font-size:13px;font-weight:700;color:var(--ink-soft);margin-bottom:8px}.modal-main section.row{display:flex;gap:24px;align-items:flex-end;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--ink-soft)}.field input[type=date]{padding:6px 8px;border:1px solid var(--line);border-radius:4px;background:#fff}.field.checkbox{flex-direction:row;align-items:center;padding-bottom:8px}.field.checkbox input{width:18px;height:18px}.label-picker{display:flex;flex-wrap:wrap;gap:6px}.label-chip{border:0;border-radius:4px;padding:6px 10px;font-weight:600;color:#1d2125;opacity:.45;outline:2px solid transparent}.label-chip:hover{opacity:.8}.label-chip.selected{opacity:1;outline-color:var(--ink)}.description{background:#091e420a;border-radius:6px;padding:10px 12px;min-height:56px;white-space:pre-wrap;cursor:text;overflow-wrap:anywhere}.description:hover{background:#091e4214}.description.empty{color:var(--muted)}.danger-zone{margin-top:auto;padding-top:8px}.modal-chat{display:flex;flex-direction:column;min-height:0;background:#fff;border-left:1px solid var(--line)}.chat-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.chat-header h3{font-size:15px;flex:1}.viewers{display:flex}.viewers .avatar{margin-left:-6px;border:2px solid #fff}.viewers .avatar:first-child{margin-left:0}.chat-messages{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px;min-height:200px}.msg{max-width:88%;align-self:flex-start}.msg.mine{align-self:flex-end}.msg.pending{opacity:.6}.msg-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-bottom:3px}.msg.mine .msg-meta{flex-direction:row-reverse}.msg-meta b{color:var(--ink-soft)}.msg-text{background:var(--list-bg);border-radius:12px 12px 12px 4px;padding:8px 12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.4}.msg.mine .msg-text{background:var(--primary);color:#fff;border-radius:12px 12px 4px}.typing{display:flex;align-items:center;gap:8px;height:26px;padding:0 16px;font-size:12px;color:var(--muted);font-style:italic}.dots{display:inline-flex;gap:3px}.dots i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:blink 1.2s infinite ease-in-out}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}.chat-composer{display:flex;gap:8px;padding:10px 16px 14px;border-top:1px solid var(--line)}.chat-composer textarea{flex:1;resize:none;padding:8px 10px;border:1px solid var(--line);border-radius:8px;outline:none}.chat-composer textarea:focus{border-color:var(--primary)}@media(max-width:820px){.modal{grid-template-columns:1fr;max-height:none}.modal-chat{border-left:0;border-top:1px solid var(--line);height:520px}.boards-page{padding:20px 16px}}.avatar.xs{width:20px;height:20px;font-size:9px}.avatar.sm{width:24px;height:24px;font-size:11px}.avatar.md{width:30px;height:30px;font-size:12px}.avatar.lg{width:42px;height:42px;font-size:15px}.avatar.primary{position:relative;box-shadow:0 0 0 2px #fff,0 0 0 4px #f5cd47}.avatar .crown{position:absolute;top:-8px;right:-6px;font-size:11px;color:#b8860b;text-shadow:0 0 2px #fff}.avatar.clickable{cursor:pointer}.avatar.clickable:hover{filter:brightness(1.1)}.avatar.add{background:#091e4214;color:var(--ink-soft);border:0;cursor:pointer;font-size:18px}.avatar.add:hover{background:#091e4229}.avatar.empty{background:#091e4214;color:var(--muted)}.members-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:44px}.muted.small{font-size:12px;margin-top:6px}.anchor{position:relative;display:inline-flex}.mini-menu,.mini-popover,.picker{position:absolute;top:calc(100% + 6px);left:0;z-index:50;background:#fff;border-radius:8px;box-shadow:0 8px 24px #091e424d,0 0 1px #091e4266;min-width:220px}.mini-menu{padding:6px;display:flex;flex-direction:column}.mini-menu-title{padding:6px 8px 8px;font-weight:700;border-bottom:1px solid var(--line);margin-bottom:4px;display:flex;flex-direction:column}.mini-menu button{background:transparent;border:0;text-align:left;padding:8px;border-radius:4px}.mini-menu button:hover{background:#091e4214}.mini-menu button.danger{color:var(--danger)}.mini-popover{padding:10px;display:flex;flex-direction:column;gap:6px;min-width:180px}.mini-popover input[type=date]{padding:6px 8px;border:1px solid var(--line);border-radius:4px}.picker{width:320px;max-height:420px;overflow-y:auto;padding:8px}.picker-header{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 6px}.picker-header h4{margin:0;font-size:14px}.picker-search{width:100%;padding:8px;border:2px solid var(--primary);border-radius:4px;margin-bottom:6px;outline:none}.picker-section{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:8px 4px 4px}.picker-row{display:flex;align-items:center;gap:10px;width:100%;padding:6px;border:0;border-radius:6px;background:transparent;text-align:left}.picker-row:hover{background:#091e4214}.picker-row.selected{background:#0c66e41a}.picker-name{display:flex;flex-direction:column;flex:1;min-width:0}.picker-email{font-size:11px;color:var(--muted);font-weight:400;overflow:hidden;text-overflow:ellipsis}.picker-check{color:var(--primary);font-weight:700}.picker-empty{padding:10px 6px;font-size:13px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.section-head h3{margin-bottom:0!important}.checklist{background:#091e4208;border-radius:8px;padding:10px 12px;margin-bottom:12px}.checklist-head{display:flex;align-items:center;gap:8px}.checklist-head h4{margin:0;flex:1;font-size:15px;cursor:text;padding:2px 4px;border-radius:4px}.checklist-head h4:hover{background:#091e420f}.checklist-icon{color:var(--ink-soft)}.progress{display:flex;align-items:center;gap:10px;margin:8px 0;font-size:12px;color:var(--muted)}.progress-label{min-width:70px}.progress-track{flex:1;height:8px;background:#091e421a;border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:var(--primary);transition:width .25s ease}.progress-bar.complete{background:#1f845a}.checklist.complete .checklist-head h4{color:#1f845a}.checklist-items{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}.item-row{display:flex;align-items:flex-start;gap:8px;padding:4px 6px;border-radius:6px}.item-row:hover{background:#091e420f}.item-row input[type=checkbox]{width:16px;height:16px;margin-top:4px;flex-shrink:0}.item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.item-text{cursor:text;overflow-wrap:anywhere;line-height:1.5}.item-row.checked .item-text{text-decoration:line-through;color:var(--muted)}.item-row.pending{opacity:.6}.item-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px}.badge.settled{color:#1f845a;background:#1f845a1a;padding:1px 6px;border-radius:4px}.badge.done-badge{color:#1f845a;background:#1f845a1f;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700}.item-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .1s}.item-row:hover .item-actions,.item-row:focus-within .item-actions{opacity:1}.btn-ghost.small{padding:3px 6px;font-size:12px}.btn-ghost.small.danger{color:var(--danger)}.card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:6px}.card-footer .card-badges{margin-top:0;flex-wrap:wrap}.card-members{display:flex;align-items:center;gap:4px;flex-shrink:0}.checklist-badge{padding:1px 6px;border-radius:4px;background:#091e420f}.checklist-badge.complete{background:#1f845a;color:#fff}.activity-list{display:flex;flex-direction:column;gap:10px;max-height:320px;overflow-y:auto;padding-right:4px}.activity-drawer .activity-list{max-height:none;flex:1;padding:12px 16px}.activity-row{display:flex;gap:10px;align-items:flex-start}.activity-body{font-size:13px;line-height:1.4;overflow-wrap:anywhere}.activity-meta{font-size:11px;color:var(--muted)}.activity-drawer{position:fixed;top:48px;right:0;bottom:0;width:min(400px,100vw);background:#fff;box-shadow:-8px 0 24px #091e4240;display:flex;flex-direction:column;z-index:90}.drawer-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.drawer-header h3{flex:1;font-size:15px}.btn-ghost.light.active{background:#ffffff40}.drag-handle{cursor:grab;color:var(--muted);-webkit-user-select:none;user-select:none;padding:0 2px;line-height:1.6}.drag-handle:hover{color:var(--ink)}.checklist.dragging,.item-row.dragging{background:#fff;box-shadow:0 8px 16px #091e424d}.checklist-items{min-height:10px;border-radius:6px}.checklist-items.over{background:#0c66e414}.item-row.open .item-actions{opacity:1}.chat-composer-wrap{position:relative}.chat-composer{align-items:flex-end}.mention-list{position:absolute;bottom:100%;left:16px;right:16px;max-height:260px;overflow-y:auto;background:#fff;border-radius:8px;padding:6px;box-shadow:0 -4px 24px #091e424d,0 0 1px #091e4266;z-index:60}.mention{background:#0c66e424;color:#05c;border-radius:10px;padding:0 6px;font-weight:600}.mention.me{background:#f5cd47;color:#172b4d}.msg.mine .mention{background:#ffffff40;color:#fff}.msg.mine .mention.me{background:#f5cd47;color:#172b4d}.msg-image{display:block;max-width:100%;max-height:220px;border-radius:8px;margin:4px 0;cursor:zoom-in}.att-chip{display:inline-flex;align-items:center;gap:4px;border:0;border-radius:12px;padding:2px 8px;background:#091e4214;color:inherit;font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.msg.mine .att-chip{background:#ffffff40}.att-chip.missing{opacity:.6;font-style:italic}.chip-x{border:0;background:transparent;padding:0 2px;font-size:14px;color:inherit}.pending-files{display:flex;flex-wrap:wrap;gap:6px;padding:6px 16px 0}.attachments.over{outline:2px dashed var(--primary);outline-offset:4px;border-radius:8px}.attachment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.attachment-tile{display:flex;align-items:center;gap:8px;background:#091e420a;border-radius:8px;padding:6px;min-width:0}.attachment-preview{width:64px;height:48px;flex-shrink:0;border:0;border-radius:6px;background:#091e4214;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.attachment-preview img{width:100%;height:100%;object-fit:cover}.file-icon{font-size:11px;font-weight:700;color:var(--ink-soft)}.attachment-info{flex:1;min-width:0;display:flex;flex-direction:column}.attachment-info b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lightbox{position:fixed;inset:0;z-index:200;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;gap:12px}.lightbox img{max-width:100%;max-height:calc(100vh - 100px);border-radius:6px}.lightbox-bar{display:flex;align-items:center;gap:12px;color:#fff}.lightbox-bar a{text-decoration:none}.icon-btn.light{color:#fff}.bell.muted-on{background:#c9372c1a;color:var(--danger);font-weight:600}.list-muted{font-size:12px}.drawer-filter{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--line);font-size:13px;font-weight:600;color:var(--ink-soft)}.drawer-filter select{flex:1;padding:6px 8px;border:1px solid var(--line);border-radius:4px;background:#fff;font:inherit}.drawer-body{padding:12px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.drawer-body h4{margin:8px 0 0;font-size:13px;color:var(--ink-soft)}.drawer-body p{margin:0;line-height:1.45}.pref-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;background:#091e420a}.pref-body{flex:1;min-width:0;overflow-wrap:anywhere}.topbar .btn-ghost.light{font-size:13px}.modal{height:min(900px,calc(100vh - 80px));max-height:none;min-height:0;grid-template-rows:minmax(0,1fr)}.modal-main,.modal-chat{min-height:0}.modal-overlay{padding:40px 16px;overflow:hidden}@media(max-width:820px){.modal-overlay{overflow-y:auto}.modal{height:auto;grid-template-rows:auto}.modal-main{overflow-y:visible}}.avatar{overflow:visible;position:relative;background:#dfe1e6}.avatar img{width:100%;height:100%;border-radius:50%;display:block;object-fit:cover}.logo{display:inline-flex;align-items:flex-start;gap:2px;padding:4px;background:#fff;border-radius:5px;height:22px}.logo i{display:block;width:4px;border-radius:1.5px}.card-viewers{display:flex;align-items:center;gap:3px;margin-bottom:4px;padding:2px 6px;border-radius:10px;background:#4bce972e;width:fit-content}.card-viewers .eye{font-size:11px}.activity-drawer{z-index:150}.scope-switch{display:flex;gap:4px;padding:8px 16px 0}.drawer-body .scope-switch{padding:0}.scope-switch button{flex:1;border:1px solid var(--line);background:#fff;border-radius:6px;padding:6px 8px;font-size:13px}.scope-switch button.selected{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.scope-switch.on-color{padding:0;width:100%}.scope-switch.on-color button{color:var(--ink)}.scope-switch.on-color button.selected{color:#fff}.drawer-scope{padding:6px 16px 0;margin:0}.picker.right{left:auto;right:0}.picker-row:disabled{opacity:.6}.drawer-body .field.checkbox{font-weight:400;align-items:flex-start;padding:0}.timesheets-page{max-width:1200px;width:100%;margin:0 auto;padding:20px 24px 40px}.ts-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.ts-header h1{font-size:20px}.ts-tabs{padding:0;flex:1;max-width:560px}.ts-body{background:#fff;border-radius:12px;box-shadow:var(--shadow-card);padding:16px 20px 20px}.ts-toolbar,.ts-actions,.ts-manual,.ts-submit{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.ts-submit{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.ts-submit .anchor{align-items:center;gap:6px}.ts-manager{display:inline-flex;align-items:center;gap:6px}.ts-toolbar .field{flex-direction:row;align-items:center;font-weight:600}.ts-toolbar select,.ts-manual select,.ts-manual input,.ts-toolbar input[type=date]{padding:6px 8px;border:1px solid var(--line);border-radius:4px;background:#fff}.ts-manual input:not(.ts-hours){flex:1;min-width:200px}.ts-week{min-width:210px;text-align:center}.ts-total{font-size:15px}.ts-status{font-size:12px;font-weight:700;padding:3px 10px;border-radius:10px;background:#091e4214}.ts-status.submitted{background:#e9f2ff;color:#05c}.ts-status.approved{background:#dcfff1;color:#216e4e}.ts-status.rejected{background:#ffeceb;color:#ae2a19}.ts-empty{padding:28px 8px;text-align:center}.ts-day h3{font-size:14px;margin:14px 0 6px;text-transform:capitalize}.ts-table{width:100%;border-collapse:collapse;font-size:13px}.ts-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--line)}.ts-table td{padding:6px 8px;border-bottom:1px solid rgba(9,30,66,.06);vertical-align:middle}.ts-table tr.adjusted td:nth-child(3),.ts-table tr.adjusted td:nth-child(4){background:#fff7d6}.ts-hours{width:84px;padding:5px 6px;border:1px solid var(--line);border-radius:4px}.ts-note{width:100%;padding:5px 6px;border:1px solid transparent;border-radius:4px;background:transparent}.ts-note:hover,.ts-note:focus{border-color:var(--line);background:#fff}.ts-review{margin-top:18px;padding:14px;border-radius:8px;background:var(--canvas)}.ts-review h3{font-size:15px;margin-bottom:8px}.ts-review .ts-manual{margin:12px 0 0}.ts-bar{width:160px;height:8px;background:#091e421a;border-radius:4px;overflow:hidden}.ts-bar i{display:block;height:100%;background:var(--primary)}.demo-ribbon{background:#f5cd47;color:#172b4d;font-size:12px;font-weight:600;text-align:center;padding:4px 12px}.msg.mail .msg-text{background:#fff7d6;border:1px solid #f5cd47}.mail-mark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#f5cd47;font-size:13px}.mail-link{display:block;margin-top:6px;font-size:12px}