:root{--bg: #f3f6fa;--surface: #ffffff;--surface-2: #eef2f7;--ink: #16202c;--muted: #5b6b7c;--border: #dbe3ec;--brand: #27818a;--brand-ink: #1f6b72;--brand-soft: #e0f0f1;--navy: #153752;--navy-deep: #10293e;--accent: #0e9488;--accent-ink: #0b7268;--accent-soft: #d6f1ee;--sunny: #d99411;--sunny-soft: #fbf0d6;--grape: #6d5bd0;--grape-soft: #e7e4f8;--danger: #c65141;--danger-soft: #fae5e0;--heading: "Inter", system-ui, sans-serif;--ink-line: #d4dde7;--shadow: 0 1px 2px rgba(20, 32, 44, .06), 0 4px 12px rgba(20, 32, 44, .06);--shadow-hover: 0 6px 16px rgba(20, 32, 44, .1), 0 14px 30px rgba(20, 32, 44, .1);--radius: 12px}h1,h2,h3,.card-title,.card-subtitle,.logo,.stat-value,.subnav-item,.nav-item{font-family:var(--heading)}h1,h2,h3{letter-spacing:-.01em}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#1a4066 0%,var(--navy) 45%,var(--navy-deep) 100%);color:#fff;padding:1.25rem .9rem;display:flex;flex-direction:column;gap:.3rem;position:sticky;top:0;height:100vh;overflow:hidden;border-right:1px solid #0e1822}.logo{display:flex;align-items:center;gap:.55rem;padding:.4rem .6rem 1.35rem;font-weight:700;font-size:1.35rem;color:#fff}.logo-mark{font-size:1.5rem;background:#ffffffeb;width:2.4rem;height:2.4rem;border-radius:14px;display:flex;align-items:center;justify-content:center}.nav-item{display:flex;align-items:center;gap:.7rem;padding:.6rem .8rem;border-radius:14px;text-decoration:none;color:#ffffffe0;font-weight:500;font-size:1rem;position:relative;z-index:1;transition:background .15s,color .15s,transform .12s}.nav-item:hover{background:#ffffff29;color:#fff;transform:translate(3px)}.nav-item.active{background:var(--brand);color:#fff;box-shadow:0 6px 16px #27818a73}.nav-icon{font-size:1.1rem;width:2rem;height:2rem;flex:none;display:flex;align-items:center;justify-content:center;background:#ffffffeb;border-radius:10px}.nav-item.active .nav-icon{background:#ffffffe6}.sidebar .logout{margin-top:auto;color:#fff;background:#ffffff24;border-color:#ffffff47;position:relative;z-index:1;font-weight:600}.sidebar .logout:hover{color:var(--ink);background:#fff;border-color:#fff}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:64px;display:flex;align-items:center;padding:0 2rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.topbar h1{font-size:1.3rem;margin:0}.content{padding:1.75rem 2rem}.page{display:flex;flex-direction:column;gap:1.25rem;max-width:1100px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.3rem 1.5rem;transition:box-shadow .18s ease}.card:hover{box-shadow:var(--shadow-hover)}.card-title{margin:0 0 .75rem;font-size:1.2rem;font-weight:600}.card-subtitle{margin:1.25rem 0 .5rem;font-size:.95rem}.button-row{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.spaced-list{margin:.5rem 0;padding-left:1.25rem}.spaced-list li{margin:.35rem 0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.filters{display:flex;gap:.6rem;flex-wrap:wrap}.search{min-width:240px}.inline-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--muted)}.inline-label select{width:auto}.muted{color:var(--muted)}.btn{border:1px solid var(--ink-line);border-radius:8px;padding:.52rem 1rem;font-weight:600;font-size:.92rem;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s;background:var(--surface);color:var(--ink)}.btn:hover{background:var(--surface-2);border-color:var(--muted)}.btn:active{background:var(--border)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand-ink);border-color:var(--brand-ink)}.btn.ghost{background:transparent}.btn.ghost:hover{background:var(--surface-2)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger:hover{background:#a84334;border-color:#a84334}.btn.sm{padding:.32rem .7rem;font-size:.82rem}.btn.block{width:100%}.icon-button{background:none;border:none;cursor:pointer;font-size:1rem;color:var(--muted);padding:.25rem .4rem;border-radius:8px}.icon-button:hover{background:var(--surface-2);color:var(--ink)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.7rem .6rem;border-bottom:1px solid var(--border);font-size:.93rem}th{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-2)}.strong{font-weight:600}.right{text-align:right}td.actions{display:flex;gap:.4rem;justify-content:flex-end}.empty{color:var(--muted);text-align:center;padding:2rem}.badge{display:inline-block;padding:.2rem .5rem;border-radius:5px;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent}.badge.green{background:var(--accent-soft);color:var(--accent-ink)}.badge.blue{background:var(--brand-soft);color:var(--brand-ink)}.badge.amber{background:var(--sunny-soft);color:#9a6a10}.badge.violet{background:var(--grape-soft);color:#51449c}.badge.red{background:var(--danger-soft);color:#b73030}.badge.slate{background:var(--surface-2);color:var(--muted)}.tags{display:flex;gap:.35rem;flex-wrap:wrap}.tag{background:var(--brand-soft);color:var(--brand-ink);border-radius:7px;padding:.12rem .45rem;font-size:.74rem;font-weight:600}.tag.tag-warn{background:var(--sunny-soft);color:#a9711a}.thread{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.comment{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:.6rem .8rem}.comment-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.comment-author{font-weight:700;font-size:.85rem}.comment-time{color:var(--muted);font-size:.75rem;margin-right:auto}.comment-body{white-space:pre-wrap;font-size:.92rem}.pill{padding:.3rem .7rem;border-radius:999px;font-weight:700;font-size:.8rem}.pill.good{background:var(--accent-soft);color:var(--accent-ink)}.pill.warn{background:var(--sunny-soft);color:#a9711a}.stat-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem 1.35rem;display:flex;align-items:center;gap:.9rem;box-shadow:var(--shadow);transition:box-shadow .18s ease}.stat:hover{box-shadow:var(--shadow-hover)}a.stat{color:inherit;text-decoration:none}.stat.green{border-left:4px solid var(--accent)}.stat.blue{border-left:4px solid var(--brand)}.stat.amber{border-left:4px solid var(--sunny)}.stat.violet{border-left:4px solid var(--grape)}.stat-icon{font-size:1.8rem;width:3.2rem;height:3.2rem;flex:none;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border-radius:12px}.stat-value{font-size:2rem;font-weight:700;line-height:1}.stat-label{color:var(--ink);opacity:.65;font-size:.85rem;margin-top:.25rem;font-weight:500}.empty-state{text-align:center;padding:3rem 1rem}.empty-emoji{font-size:3rem;display:inline-block;animation:rac-bounce 2.4s ease-in-out infinite}.empty-state h2{margin:.5rem 0 .25rem}@keyframes rac-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion: reduce){.empty-emoji{animation:none}.card:hover,.stat:hover,.btn:hover,.nav-item:hover{transform:none}}label{display:block;font-size:.85rem;color:var(--muted);font-weight:600}input,select,textarea{display:block;width:100%;margin-top:.3rem;padding:.55rem .7rem;border:2px solid var(--ink-line);border-radius:12px;font-size:.95rem;font-family:inherit;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem 1rem}.form-grid .span2{grid-column:1 / -1}.checkbox{display:flex;align-items:center;gap:.5rem;color:var(--ink);font-weight:500}.checkbox input{width:auto;margin:0}.field-label{font-size:.85rem;color:var(--muted);font-weight:600}.role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem 1rem;margin-top:.5rem}.loc-cell{display:flex;align-items:center;gap:.5rem;justify-content:space-between}.row-gap{display:flex;align-items:center;gap:.6rem}.subnav{display:flex;gap:.25rem;border-bottom:1px solid var(--border)}.subnav-item{padding:.5rem .9rem;text-decoration:none;color:var(--muted);font-weight:600;font-size:.92rem;border-bottom:2px solid transparent}.subnav-item:hover{color:var(--ink)}.subnav-item.active{color:var(--brand-ink);border-bottom-color:var(--brand)}.row-link{color:var(--brand-ink);font-weight:600;text-decoration:none}.row-link:hover{text-decoration:underline}.back-link{color:var(--muted);text-decoration:none;font-weight:600;font-size:.9rem}.back-link:hover{color:var(--ink)}.profile-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.profile-title{display:flex;align-items:center;gap:1rem}.profile-title h2{margin:0}.profile-emoji{font-size:2.3rem;width:4rem;height:4rem;flex:none;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-soft),var(--sunny-soft));border-radius:20px}.profile-sub{color:var(--muted);font-size:.9rem;margin-top:.2rem}.profile-tags{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.profile-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.profile-meta>div{display:flex;flex-direction:column;gap:.2rem}.meta-k{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.card-head .card-title{margin:0}.checklist{list-style:none;padding:0;margin:0 0 .75rem}.checklist li{display:flex;align-items:center;justify-content:space-between;padding:.45rem 0;border-bottom:1px solid var(--border)}.checklist li:last-child{border-bottom:none}.checklist .done{text-decoration:line-through;color:var(--muted)}.cost-form{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.cost-form input{margin-top:0;flex:1;min-width:110px}.mini-date{width:auto!important;margin-top:0!important;padding:.3rem!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182873;display:flex;align-items:flex-start;justify-content:center;padding:4rem 1rem;z-index:50;overflow-y:auto}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:620px;box-shadow:0 20px 60px #1018284d}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem;border-bottom:1px solid var(--border)}.modal-head h2{margin:0;font-size:1.1rem}.modal-body{padding:1.25rem 1.5rem}.modal-foot{display:flex;justify-content:flex-end;gap:.6rem;padding:1rem 1.5rem;border-top:1px solid var(--border)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(900px 500px at 15% -10%,var(--brand-soft) 0%,transparent 55%),radial-gradient(900px 500px at 85% 110%,var(--accent-soft) 0%,transparent 55%),var(--bg);padding:1rem}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);width:100%;max-width:380px;padding:2rem}.login-brand{text-align:center;margin-bottom:1.5rem}.login-mark{font-size:2.5rem}.login-brand h1{margin:.4rem 0 .25rem;font-size:1.5rem}.login-card form label{margin-bottom:.9rem}.login-card .btn{margin-top:.5rem}.error{color:var(--danger);background:var(--danger-soft);padding:.6rem .8rem;border-radius:9px;font-size:.88rem;margin:0}.hint{color:var(--muted);font-size:.82rem;margin-top:1rem;text-align:center}code{background:var(--surface-2);padding:.1rem .35rem;border-radius:5px;font-size:.85em}.bell{margin-left:auto;position:relative;display:inline-flex;align-items:center;text-decoration:none;font-size:1.3rem;line-height:1}.bell-badge{position:absolute;top:-6px;right:-10px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:.7rem;font-weight:600;display:flex;align-items:center;justify-content:center}.topbar-logout{display:none;align-items:center;margin-left:.25rem;padding:.34rem .75rem;border:2px solid var(--ink-line);border-radius:10px;background:var(--surface);color:var(--ink);font-family:inherit;font-weight:600;font-size:.82rem;cursor:pointer}.topbar-logout:active{background:var(--surface-2)}.mention-form{align-items:flex-start}.mention-field{position:relative;flex:1}.mention-field input{width:100%}.mention-menu{position:absolute;z-index:10;left:0;right:0;margin:2px 0 0;padding:4px;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:9px;box-shadow:0 8px 24px #0000001f}.mention-menu button{display:flex;flex-direction:column;width:100%;text-align:left;background:none;border:0;padding:.4rem .5rem;border-radius:6px;cursor:pointer}.mention-menu button:hover{background:var(--surface-2)}.mention-name{font-weight:600;font-size:.9rem}.mention-email{color:var(--muted);font-size:.78rem}.mention-hint{margin:.4rem 0 0;font-size:.8rem}.inbox{display:grid;grid-template-columns:1fr 320px;gap:1.25rem;max-width:1100px}.inbox-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.tabs{display:flex;gap:.25rem}.tab{background:transparent;border:1px solid transparent;color:var(--muted);padding:.35rem .7rem;border-radius:7px;font-size:.85rem;cursor:pointer}.tab.active{background:var(--surface-2);color:var(--ink);border-color:var(--border)}.inbox-list{list-style:none;margin:0;padding:0}.inbox-item{display:flex;align-items:flex-start;gap:.6rem;padding:.7rem .5rem;border-bottom:1px solid var(--border);cursor:pointer}.inbox-item:hover,.inbox-item.unread{background:var(--surface-2)}.inbox-item .dot{width:8px;height:8px;border-radius:50%;background:var(--brand);margin-top:.45rem;flex:none}.inbox-item.unread .inbox-title{font-weight:700}.inbox-title{font-size:.92rem}.inbox-body{color:var(--muted);font-size:.85rem;margin-top:.15rem}.inbox-time{color:var(--muted);font-size:.75rem;margin-top:.2rem}.inbox-empty{padding:1rem .5rem}.inbox-side{display:flex;flex-direction:column;gap:1.25rem}.stack-form{display:flex;flex-direction:column;gap:.6rem}.dm-thread{display:flex;flex-direction:column;gap:.5rem;max-height:320px;overflow-y:auto;margin-bottom:.75rem}.dm-bubble{max-width:85%;padding:.45rem .65rem;border-radius:10px;font-size:.88rem}.dm-bubble.mine{align-self:flex-end;background:var(--brand);color:#fff}.dm-bubble.theirs{align-self:flex-start;background:var(--surface-2)}.dm-time{font-size:.7rem;opacity:.7;margin-top:.2rem}@media (max-width: 720px){.inbox{grid-template-columns:1fr}}.board-page{max-width:none}.board{display:flex;gap:1rem;align-items:flex-start;overflow-x:auto;padding-bottom:.75rem;-webkit-overflow-scrolling:touch}.board-col{flex:0 0 270px;display:flex;flex-direction:column;gap:.6rem;background:var(--surface-2);border:2px solid var(--ink-line);border-radius:16px;padding:.6rem}.board-col-head{display:flex;align-items:center;justify-content:space-between;padding:.45rem .65rem;border-radius:11px;font-family:var(--heading);font-weight:700;font-size:.95rem}.board-col-count{background:#ffffffa6;border-radius:999px;min-width:1.5rem;text-align:center;padding:0 .45rem;font-size:.8rem}.board-col-body{display:flex;flex-direction:column;gap:.55rem;max-height:calc(100vh - 210px);overflow-y:auto}.tone-slate .board-col-head{background:#f0e7df;color:#7a6c60}.tone-green .board-col-head{background:var(--accent-soft);color:var(--accent-ink)}.tone-blue .board-col-head{background:#e3ebf4;color:#2c5786}.tone-amber .board-col-head{background:var(--sunny-soft);color:#a9711a}.tone-violet .board-col-head{background:var(--grape-soft);color:#7e4bbd}.kanban-card{display:block;background:var(--surface);border:2px solid var(--ink-line);border-radius:12px;padding:.55rem .6rem;text-decoration:none;color:inherit;box-shadow:0 2px 6px #4a2d1e0f;transition:transform .12s ease,box-shadow .12s ease}.kanban-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4a2d1e1f}.kanban-card-top{display:flex;align-items:center;gap:.5rem}.kanban-photo{width:42px;height:42px;border-radius:10px;object-fit:cover;flex:none}.kanban-emoji{width:42px;height:42px;border-radius:10px;flex:none;display:flex;align-items:center;justify-content:center;font-size:1.35rem;background:linear-gradient(135deg,var(--brand-soft),var(--sunny-soft))}.kanban-id{min-width:0}.kanban-name{font-weight:700;font-size:.9rem;line-height:1.2}.kanban-meta{color:var(--muted);font-size:.75rem;margin-top:.1rem}.kanban-chips{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}.kanban-chip{font-size:.7rem;font-weight:600;padding:.16rem .45rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--ink)}.kanban-chip.red{background:var(--danger-soft);color:#c23a2c;border-color:transparent}.kanban-chip.green{background:var(--accent-soft);color:var(--accent-ink);border-color:transparent}.kanban-chip.muted{color:var(--muted)}.board-empty{color:var(--muted);font-size:.8rem;text-align:center;padding:1.25rem 0}.cal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.25rem;flex-wrap:wrap}.cal-title{font-family:var(--heading);font-weight:700;font-size:1.25rem}.cal-nav{display:flex;gap:.4rem;align-items:center}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal-dow{text-align:center;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding-bottom:.2rem}.cal-cell{min-height:98px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:4px;display:flex;flex-direction:column;gap:3px;overflow:hidden}.cal-cell.empty{background:transparent;border:none}.cal-cell.today{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.cal-daynum{font-size:.72rem;font-weight:700;color:var(--muted);align-self:flex-end;line-height:1}.cal-cell.today .cal-daynum{color:var(--brand)}.cal-event{font-size:.66rem;line-height:1.25;padding:2px 4px;border-radius:4px;background:var(--surface-2);color:var(--ink);text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:3px solid var(--muted)}.cal-event:hover{background:var(--border)}.cal-event.blue{border-left-color:var(--brand)}.cal-event.amber{border-left-color:var(--sunny)}.cal-event.red{border-left-color:var(--danger)}.cal-event.green{border-left-color:var(--accent)}.cal-event.violet{border-left-color:var(--grape)}.cal-event.slate{border-left-color:var(--muted)}.cal-more{font-size:.62rem;color:var(--muted);padding-left:2px}@media (max-width: 720px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;height:auto;flex-direction:row;align-items:stretch;gap:0;padding:.3rem .4rem calc(.3rem + env(safe-area-inset-bottom));overflow:visible;z-index:20;box-shadow:0 -6px 20px #4a2d1e2e}.sidebar:after{display:none}.logo{display:none}.sidebar nav{display:flex;flex:1;gap:.1rem;min-width:0}.nav-item{flex:1 1 0;flex-direction:column;gap:.12rem;min-width:0;padding:.3rem .2rem;font-size:.62rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-align:center}.nav-item:hover{transform:none}.nav-icon{width:auto;height:auto;background:none;font-size:1.35rem}.nav-item.active .nav-icon{background:none}.sidebar .logout{display:none}.content{padding:1rem 1rem calc(82px + env(safe-area-inset-bottom))}.topbar{padding:0 1rem;gap:.5rem}.page{gap:1rem}.form-grid,.role-grid{grid-template-columns:1fr}input,select,textarea{font-size:16px;padding:.7rem .8rem}.btn{padding:.68rem 1rem}.modal-overlay{padding:0;align-items:stretch}.modal{max-width:100%;min-height:100%;border-radius:0;display:flex;flex-direction:column}.modal-body{flex:1;overflow-y:auto}.modal-foot{position:sticky;bottom:0;background:var(--surface);padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.modal-foot .btn{flex:1}.toolbar{align-items:center;gap:.5rem .6rem}.filters{gap:.5rem}.inline-label{font-size:.8rem;gap:.3rem}.filters select,.inline-label select{width:auto;margin-top:0;padding:.4rem .55rem;font-size:.88rem}.search{flex:1 1 140px;min-width:0}.content{overflow-x:hidden}.page{min-width:0}.page>*{max-width:100%}.card{overflow-x:auto;-webkit-overflow-scrolling:touch}.card table{min-width:460px}.topbar h1{font-size:1.1rem}.topbar-logout{display:inline-flex}.stat-grid{grid-template-columns:1fr 1fr;gap:.6rem}.stat{padding:.7rem .8rem;gap:.6rem;border-radius:16px}.stat-icon{font-size:1.2rem;width:2.1rem;height:2.1rem;border-radius:12px}.stat-value{font-size:1.4rem}.stat-label{font-size:.72rem}.hide-mobile{display:none}.cal-grid{gap:3px}.cal-cell{min-height:54px;padding:3px}.cal-event{font-size:.56rem;padding:1px 3px}.cal-dow{font-size:.6rem}.stack-mobile{overflow-x:visible}.stack-mobile table{min-width:0}.stack-mobile table,.stack-mobile tbody,.stack-mobile tbody tr,.stack-mobile tbody td{display:block;width:100%}.stack-mobile thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.stack-mobile tbody tr{border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--shadow);padding:.4rem .85rem;margin-bottom:.7rem}.stack-mobile tbody tr:hover{background:var(--surface)}.stack-mobile tbody td{display:flex;align-items:center;justify-content:space-between;gap:1rem;text-align:right;padding:.34rem 0;border-bottom:1px dashed var(--border);font-size:.92rem}.stack-mobile tbody td:last-child{border-bottom:none}.stack-mobile tbody td:before{content:attr(data-label);flex:none;text-align:left;color:var(--muted);font-weight:700;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase}.stack-mobile tbody td.actions{justify-content:flex-start;flex-wrap:wrap;gap:.4rem;padding-top:.55rem}.stack-mobile tbody td.actions:before{display:none}.stack-mobile tbody td.actions .btn{flex:1}.stack-mobile tbody td input[type=checkbox]{width:1.15rem;height:1.15rem;margin:0}.stack-mobile tbody td.empty{justify-content:center;text-align:center}.stack-mobile tbody td.empty:before{display:none}}.recipient-select{position:relative}.recipient-box{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;padding:.4rem .5rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;cursor:text;min-height:2.6rem}.recipient-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.recipient-box input{flex:1;min-width:140px;border:0!important;outline:none;background:transparent;padding:.2rem;box-shadow:none!important}.recipient-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .3rem .15rem .55rem;border-radius:999px;font-size:.85rem;font-weight:600;white-space:nowrap}.recipient-chip.person{background:var(--brand-soft);color:var(--brand-ink)}.recipient-chip.slack{background:var(--grape-soft);color:var(--grape)}.recipient-chip button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:1rem;line-height:1;padding:0 .25rem;border-radius:999px;opacity:.7}.recipient-chip button:hover{opacity:1;background:#00000014}.recipient-menu{position:absolute;z-index:30;left:0;right:0;margin-top:4px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-hover);max-height:340px;overflow-y:auto}.recipient-quick{display:flex;flex-wrap:wrap;gap:.35rem;padding:.25rem .25rem .5rem;border-bottom:1px solid var(--border);margin-bottom:.25rem}.recipient-quick button{display:inline-flex;align-items:center;gap:.35rem;border:1px dashed var(--border);background:var(--surface-2);color:var(--ink);border-radius:999px;padding:.25rem .65rem;font-size:.82rem;font-weight:600;cursor:pointer}.recipient-quick button:hover:not(:disabled){border-color:var(--brand);color:var(--brand-ink);background:var(--brand-soft)}.recipient-quick button:disabled{opacity:.45;cursor:default}.recipient-quick-count{background:var(--surface);border-radius:999px;padding:0 .4rem;font-size:.75rem}.recipient-group{padding:.4rem .5rem .15rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.recipient-option{display:flex;flex-direction:column;width:100%;text-align:left;background:none;border:0;padding:.4rem .5rem;border-radius:6px;cursor:pointer}.recipient-option:hover{background:var(--surface-2)}.recipient-note{margin:.35rem .5rem;font-size:.82rem;color:var(--muted)}.logo-mark-img{width:2.4rem;height:2.4rem;border-radius:14px;object-fit:cover;background:#ffffffeb;padding:0;font-size:0}.login-logo{max-width:280px;width:100%;border-radius:12px}.recipient-source{display:flex;gap:.3rem;padding:.15rem .25rem .45rem}.recipient-source button{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:.22rem .7rem;font-size:.8rem;font-weight:600;cursor:pointer}.recipient-source button.active{background:var(--brand);border-color:var(--brand);color:#fff}