:root{--font-xs:12px;--font-sm:14px;--font-base:16px;--font-md:18px;--font-lg:22px;--font-xl:28px;--amber:#e8933a;--teal:#16b5a3;--coral:#e05555;--violet:#7060e0;--amber-d:#e8933a1f;--teal-d:#16b5a31f;--coral-d:#e055551f;--violet-d:#7060e01f;--bg-body:#f4f5fb;--surf:#fff;--surf2:#edf0fa;--surf3:#e2e6f4;--text-primary:#1a1c2e;--text-secondary:#6b6f8a;--text-muted:#a0a4be;--card-bg:#fff;--card-shadow:0 2px 12px #1a1c2e14, 0 1px 3px #1a1c2e0d;--input-bg:#edf0fa;--input-focus-bg:#e2e6f4;--surface-alt:#e2e6f4;--border-light:#0000000f;--border-input:#0000001a;--del-btn-bg:#e055551a;--btn-primary-bg:#10b981;--btn-secondary-bg:#edf0fa;--hero-bg:#08090f}@property --avatar-ring-fill{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ring-fill-in{0%{--avatar-ring-fill:0deg}to{--avatar-ring-fill:360deg}}.tasks-page{background:var(--bg-body);min-height:100dvh;color:var(--text-primary);padding:max(18px, env(safe-area-inset-top)) 16px calc(98px + env(safe-area-inset-bottom))}.tasks-hero{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;animation:.32s cubic-bezier(.25,.8,.25,1) both fadeSlideUp;display:flex}.tasks-hero span{color:#0b9eb7;letter-spacing:.11em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:900;display:block}.tasks-hero h1{color:#1f2937;margin:0;font-size:28px;line-height:1.05}.tasks-hero p{color:#6b7280;margin:5px 0 0;font-size:13px}.tasks-hero button,.task-empty-state button,.task-form-actions button,.task-modal-actions button,.task-filter-tag,.desktop-toolbar-btn{font:inherit}.tasks-hero>button,.task-empty-state button,.task-form-actions button:not(.secondary):not(.btn-secondary){background:var(--btn-primary-bg);color:#fff;cursor:pointer;border:none;border-radius:14px;padding:11px 14px;font-size:13px;font-weight:900;box-shadow:0 12px 26px #10b98138}.tasks-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px;animation:.34s cubic-bezier(.25,.8,.25,1) 50ms both fadeSlideUp;display:grid}.tasks-summary div,.tasks-summary button{background:var(--surf);border:1px solid var(--border-light);min-width:0;box-shadow:var(--card-shadow);font:inherit;text-align:left;border-radius:16px;padding:11px 10px}.tasks-summary button{cursor:pointer;transition:transform .14s,box-shadow .14s}.tasks-summary button:active{transform:scale(.98)}.tasks-summary span,.tasks-summary strong{display:block}.tasks-summary span{color:#6b7280;font-size:11px;font-weight:800}.tasks-summary strong{color:var(--text-primary);margin-top:4px;font-size:20px;line-height:1}.tasks-summary .danger strong{color:#ef4444}.tasks-summary .summary-todo{border-color:var(--border-light)}.tasks-summary .summary-todo span,.tasks-summary .summary-todo strong{color:#0b9eb7}.tasks-summary .summary-progress{border-color:var(--border-light)}.tasks-summary .summary-progress span,.tasks-summary .summary-progress strong{color:#b45309}.tasks-summary .summary-done{border-color:var(--border-light)}.tasks-summary .summary-done span,.tasks-summary .summary-done strong{color:#15803d}.tasks-summary .summary-overdue{border-color:var(--border-light)}.tasks-summary .summary-overdue span,.tasks-summary .summary-overdue strong{color:#dc2626}.task-filter-bar{flex-direction:column;gap:0;margin-bottom:14px;animation:.34s cubic-bezier(.25,.8,.25,1) .1s both fadeSlideUp;display:flex}.task-filter-top-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.task-search{border:1.5px solid var(--border-input);background:var(--surf);min-height:40px;color:var(--text-primary);border-radius:12px;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:flex}.task-search input{min-width:0;color:inherit;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.task-filter-tags{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:7px;display:flex;overflow-x:auto}.task-filter-tags::-webkit-scrollbar{display:none}.task-filter-tag{border:1.5px solid var(--border-light);cursor:pointer;white-space:nowrap;min-height:30px;color:var(--text-secondary);background:0 0;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.task-filter-tag.active{background:var(--teal-d);color:var(--teal);border-color:#10b5a347}.task-filter-tag.priority-low,.task-filter-tag.priority-medium,.task-filter-tag.priority-high{border-color:#0000}.task-filter-tag.danger{color:#ef4444;background:#ef44441a;border-color:#ef444440}.task-filter-members-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:10px;padding:4px 2px;display:flex;overflow-x:auto}.task-filter-members-scroll::-webkit-scrollbar{display:none}.task-filter-avatar-ring{background:conic-gradient(var(--teal) var(--avatar-ring-fill), transparent var(--avatar-ring-fill));border-radius:50%;flex-shrink:0;padding:3px;position:relative}.task-filter-avatar-ring:after{content:"";background:var(--bg-body);z-index:0;pointer-events:none;border-radius:50%;position:absolute;inset:3px}.task-filter-avatar-ring.active{animation:.25s forwards ring-fill-in}.task-filter-avatar{z-index:1;background:var(--surf2);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-family:inherit;display:flex;position:relative;overflow:hidden}.task-filter-avatar img{object-fit:cover;width:100%;height:100%;display:block}.task-filter-avatar span{color:var(--text-secondary);text-transform:uppercase;font-size:11px;font-weight:900;line-height:1}.task-tabs{z-index:2;background:var(--surf2);border:1px solid var(--border-light);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px;padding:4px;display:grid;position:sticky;top:0;overflow:hidden}.task-tabs-indicator{background:var(--teal);pointer-events:none;z-index:0;border-radius:12px;width:calc(33.3333% - 2.66667px);transition:transform .24s cubic-bezier(.2,.9,.2,1);position:absolute;top:4px;bottom:4px;left:4px;transform:translate(0);box-shadow:0 8px 18px #0f172a14}.task-tabs[data-active=in_progress] .task-tabs-indicator{transform:translate(100%)}.task-tabs[data-active=done] .task-tabs-indicator{transform:translate(200%)}.task-tabs button{z-index:1;min-width:0;min-height:40px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:12px;font-size:12px;font-weight:900;transition:color .18s;position:relative}.task-tabs button.active{color:#fff;box-shadow:none;background:0 0}.task-tabs span{opacity:.72;margin-left:5px}.task-tab-list{align-content:start;gap:10px;display:grid}.task-board{flex:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-height:0;animation:.36s cubic-bezier(.25,.8,.25,1) .14s both fadeSlideUp;display:grid}.task-column{background:#ffffffa8;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;min-width:0;min-height:0;padding:14px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.task-column-todo{background:#0cc0df14}.task-column-in_progress{background:#ffbd591f}.task-column-done{background:#22c55e1a}.task-column.drag-over{border-color:#0cc0dfb3;transform:translateY(-1px);box-shadow:inset 0 0 0 2px #0cc0df38,0 18px 38px #0f172a14}.task-column-head{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.task-column-head h2{color:#1f2937;margin:0;font-size:15px}.task-column-head span{color:#6b7280;background:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:28px;font-size:12px;font-weight:900;display:flex}.task-column-list{scrollbar-width:none;-ms-overflow-style:none;grid-auto-rows:max-content;align-content:start;align-items:start;gap:10px;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.task-column-list::-webkit-scrollbar{display:none}.task-card{border:1px solid var(--border-light);background:var(--surf);width:100%;box-shadow:var(--card-shadow);text-align:left;cursor:pointer;border-radius:16px;padding:14px;transition:transform .14s,box-shadow .14s,opacity .14s}.task-card[draggable=true]{cursor:grab}.task-card[draggable=true]:active{cursor:grabbing}.task-card.dragging{opacity:.55;transform:scale(.985)}.task-card.highlighted,.item-highlighted{will-change:transform;animation:.65s cubic-bezier(.36,.07,.19,.97) .5s both taskCardBounce}@keyframes taskCardBounce{0%{transform:scale(1)}20%{transform:scale(1.05)}40%{transform:scale(.97)}60%{transform:scale(1.025)}80%{transform:scale(.99)}to{transform:scale(1)}}.confetti-wrap{pointer-events:none;z-index:9999;position:fixed;inset:0;overflow:hidden}.confetti-piece{will-change:transform, opacity;animation:linear forwards confettiFall;position:absolute;top:-16px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}80%{opacity:1}to{opacity:0;transform:translateY(108vh)rotate(680deg)}}@media (width>=1024px){.confetti-wrap{display:none}}.task-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.task-card h3{color:var(--text-primary);margin:0;font-size:14px;line-height:1.3}.task-card p{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 0;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.task-card-badges{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.task-card-progress{gap:6px;margin-top:12px;display:grid}.task-card-progress-head{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-weight:900;display:flex}.task-card-progress-head strong{color:var(--teal);font-size:11px}.task-card-progress-track{background:var(--btn-secondary-bg);border-radius:999px;height:7px;overflow:hidden}.task-card-progress-track>div{border-radius:inherit;background:var(--btn-primary-bg);height:100%;transition:width .25s}.tasks-badge{border-radius:999px;align-items:center;gap:5px;min-height:24px;padding:4px 8px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.status-todo{color:#0b9eb7;background:#0cc0df21}.status-in_progress{color:#b45309;background:#f59e0b24}.status-done{color:#15803d;background:#22c55e21}.due-green{color:#15803d;background:#22c55e1f}.due-orange{color:#b45309;background:#f59e0b24}.due-red{color:#dc2626;background:#ef44441f}.due-neutral{color:#6b7280;background:#6b72801f}.priority-low{color:#0b9eb7;background:#0cc0df1a}.priority-medium{color:#b45309;background:#f59e0b21}.priority-high{color:#dc2626;background:#ef44441f}.task-card-people{align-items:center;gap:8px;margin-top:12px;display:flex}.task-avatars{flex-shrink:0;display:flex}.task-avatars span{color:#fff;background:#0cc0df;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-right:-7px;font-size:9px;font-weight:900;display:flex;overflow:hidden}.task-avatars img{object-fit:cover;width:100%;height:100%;display:block}.task-card-people small{min-width:0;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.task-empty-state,.task-board-loading,.task-load-error,.task-load-note,.task-empty-inline{background:var(--surf);border:1px dashed var(--border-input);color:var(--text-secondary);text-align:center;border-radius:18px;padding:22px;font-size:13px}.task-empty-state p{margin:0 0 12px}.task-load-error{color:#dc2626;background:#ef444414;border-style:solid;border-color:#ef444440;margin-bottom:10px}.task-load-note{margin-bottom:10px;padding:12px}.task-modal-overlay{z-index:5400!important}.task-modal{background:#fff;border-radius:24px;flex-direction:column;width:min(680px,100vw - 28px);max-height:calc(100dvh - 34px);display:flex;overflow:hidden;box-shadow:0 30px 90px #0f172a47}.task-modal-head{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 14px;display:flex}.task-modal-head h2{color:#1f2937;margin:8px 0 0;font-size:21px;line-height:1.18}.task-icon-btn{color:#6b7280;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:13px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.task-detail-body,.task-form-fields{padding:18px 20px;overflow-y:auto}.task-detail-description{color:#374151;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.65}.task-detail-muted{color:#9ca3af;margin:0;font-size:13px}.task-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.task-detail-grid div{background:#f5f7fb;border-radius:16px;min-width:0;padding:12px}.task-detail-grid span,.task-detail-grid strong{display:block}.task-detail-grid span{color:#6b7280;margin-top:2px;font-size:11px;font-weight:800}.task-detail-grid strong{color:#1f2937;margin-top:4px;font-size:13px}.task-modal-actions{border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:8px;padding:14px 20px 20px;display:flex}.task-modal-actions button{color:#0b9eb7;cursor:pointer;background:#0cc0df1f;border:none;border-radius:13px;align-items:center;gap:7px;min-height:40px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.task-modal-actions button.success{color:#15803d;background:#22c55e1f}.task-modal-actions button.danger{color:#dc2626;background:#ef44441f}.task-modal-actions button:disabled{opacity:.6;cursor:default}.btn-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.6s linear infinite btnSpin;display:inline-block}@keyframes btnSpin{to{transform:rotate(360deg)}}.task-form{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.task-form-fields{flex:auto;gap:13px;min-height:0;padding-bottom:16px;display:grid}.task-create-sheet .task-form{flex:auto;min-height:0}.task-create-sheet .task-form-fields{padding:0 0 14px}.task-form label:not(.form-label){color:#374151;margin-bottom:6px;font-size:12px;font-weight:900;display:block}.task-form input:not(.form-input):not([type=checkbox]):not([type=radio]),.task-form select:not(.form-input),.task-form textarea:not(.form-input){color:#1f2937;background:#f9fafb;border:1px solid #d1d5db;border-radius:14px;outline:none;width:100%;padding:11px 12px;font-size:14px}.task-form textarea{resize:vertical}.task-form small{color:#ef4444;margin-top:5px;font-size:11px;display:block}.task-form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.task-planning-chips{flex-wrap:wrap;gap:8px;display:flex;position:relative}.task-planning-chips>button{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;max-width:100%;min-height:28px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:900;line-height:1.1;display:inline-flex}.task-planning-native-date{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0}.task-planning-menu{z-index:35;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 22px 50px #0f172a2e}.task-planning-menu button{color:#1f2937;text-align:left;cursor:pointer;width:100%;min-height:44px;font:inherit;background:0 0;border:none;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:900;display:flex}.task-planning-menu button:hover,.task-planning-menu button.selected{background:#16b5a31a}.task-checklist-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.task-checklist-create{background:var(--teal-d);width:100%;min-height:46px;color:var(--teal);font-family:inherit;font-size:var(--font-sm);cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:7px;font-weight:800;display:flex}.task-checklist-head .form-label{margin-bottom:0}.task-checklist-add{background:var(--teal-d);width:34px;height:34px;color:var(--teal);cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;display:flex}.task-checklist-editor{gap:8px;display:grid}.task-checklist-row{background:var(--surf);border:1px solid var(--border-light);min-height:62px;box-shadow:none;cursor:pointer;border-radius:16px;grid-template-columns:28px minmax(0,1fr) 34px 18px;align-items:center;gap:12px;padding:12px 14px;transition:background .2s,border-color .2s,opacity .2s,transform .18s,box-shadow .18s;display:grid}.task-checklist-row.done{background:#10b5a30d;border-color:#10b5a340}.task-checklist-row.dragging{opacity:.62;transform:scale(.985);box-shadow:0 18px 38px #0f172a24}.task-checklist-grip{color:var(--text-secondary);cursor:grab;display:flex}.task-checklist-row input[type=checkbox]{height:18px;accent-color:var(--btn-primary-bg);cursor:pointer;margin:0;padding:0;width:18px!important}.task-checklist-row input.form-input{background:0 0;border:none;padding:8px 2px;font-weight:600}.task-checklist-row>button{color:#f43f5e;cursor:pointer;background:#f43f5e1a;border:none;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.task-checklist-check{background:var(--surf3);border:1px solid var(--border-input);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s,border-color .2s,transform .25s cubic-bezier(.34,1.56,.64,1),opacity .2s;display:flex;transform:scale(.9)}.task-checklist-row.done .task-checklist-check{background:var(--teal);border-color:var(--teal);transform:scale(1)}.task-assignee-dropdown{position:relative}.task-assignee-trigger{color:#1f2937;width:100%;min-height:44px;font:inherit;cursor:pointer;text-align:left;background:#f9fafb;border:1px solid #d1d5db;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;font-size:14px;display:flex}.task-assignee-trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.task-assignee-trigger.open{background:#fff;border-color:#16b5a373}.task-selected-assignees{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.task-selected-assignees>span{background:var(--teal-d);max-width:100%;min-height:28px;color:var(--teal);border-radius:999px;align-items:center;gap:6px;padding:5px 7px 5px 10px;font-size:12px;font-weight:900;display:inline-flex}.task-selected-assignees button{width:18px;height:18px;color:var(--teal);cursor:pointer;background:#16b5a329;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.task-assignee-menu{z-index:30;background:#fff;border:1px solid #e5e7eb;border-radius:16px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 22px 50px #0f172a2e}.task-assignee-search{border-bottom:1px solid #e5e7eb;padding:10px}.task-assignee-search input{min-height:38px;padding:9px 11px}.task-assignee-options{max-height:220px;padding:6px;overflow-y:auto}.task-assignee-options button{color:#1f2937;text-align:left;cursor:pointer;width:100%;min-height:46px;font:inherit;background:0 0;border:none;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.task-assignee-options button:hover,.task-assignee-options button.selected{background:#16b5a31a}.task-assignee-options button>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:900;display:block;overflow:hidden}.task-assignee-options small{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;font-weight:600;display:block;overflow:hidden}.task-assignee-options svg{color:var(--teal);flex-shrink:0}.task-assignee-empty{color:#6b7280;text-align:center;padding:18px 10px;font-size:13px}.task-form-actions{background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;gap:10px;padding:14px 20px 20px;display:flex}.task-create-sheet .task-form>.dialog-footer{border-top:1px solid var(--border-light);background:var(--card-bg);margin-top:0;padding:12px 0 0}.task-modal .task-form>.dialog-footer{background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;margin-top:0;padding:14px 20px 20px}.task-form-error{color:#dc2626;background:#ef44441a;border-radius:14px;padding:10px 12px;font-size:13px;font-weight:800}.task-toast{color:#fff}.desktop-task-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.desktop-task-summary div{background:var(--surf2);border-radius:15px;padding:11px}.desktop-task-summary span,.desktop-task-summary strong{display:block}.desktop-task-summary span{color:var(--text-secondary);font-size:11px;font-weight:900}.desktop-task-summary strong{color:var(--text-primary);margin-top:5px;font-size:22px;line-height:1}.desktop-task-summary .danger strong{color:#ef4444}.member-role-filter{position:relative;overflow:hidden}.member-role-filter-indicator{background:var(--teal);pointer-events:none;z-index:0;border-radius:10px;width:calc(50% - 4px);transition:transform .24s cubic-bezier(.2,.9,.2,1);position:absolute;top:4px;bottom:4px;left:4px;transform:translate(0)}.member-role-filter[data-active=staff] .member-role-filter-indicator{transform:translate(100%)}[data-theme=dark] .tasks-page{color:#eeeef5;background:#08090f}[data-theme=dark] .tasks-hero h1,[data-theme=dark] .task-card h3,[data-theme=dark] .task-column-head h2,[data-theme=dark] .task-modal-head h2,[data-theme=dark] .task-detail-grid strong,[data-theme=dark] .task-form label,[data-theme=dark] .task-assignee-options button{color:#eeeef5}[data-theme=dark] .tasks-summary div,[data-theme=dark] .task-card,[data-theme=dark] .task-column,[data-theme=dark] .task-modal,[data-theme=dark] .task-tabs button.active,[data-theme=dark] .task-search,[data-theme=dark] .task-filter-tag,[data-theme=dark] .task-assignee-menu,[data-theme=dark] .task-form-actions button.secondary{background:#111422;border-color:#ffffff14}[data-theme=dark] .task-tabs,[data-theme=dark] .task-detail-grid div,[data-theme=dark] .task-form input,[data-theme=dark] .task-form select,[data-theme=dark] .task-form textarea,[data-theme=dark] .task-assignee-trigger{color:#eeeef5;background:#181b2e;border-color:#ffffff14}[data-theme=dark] .task-tabs button.active{color:#fff;background:0 0}[data-theme=dark] .task-filter-tag.active{background:var(--teal-d);color:var(--teal);border-color:#10b5a347}[data-theme=dark] .task-filter-tag.danger{color:#ef4444;background:#ef44441a;border-color:#ef444440}[data-theme=dark] .task-filter-tag.priority-low{color:#0b9eb7;background:#0cc0df1a;border-color:#0000}[data-theme=dark] .task-filter-tag.priority-medium{color:#b45309;background:#f59e0b21;border-color:#0000}[data-theme=dark] .task-filter-tag.priority-high{color:#dc2626;background:#ef44441f;border-color:#0000}[data-theme=dark] .task-filter-avatar{background:#1a1c2e}[data-theme=dark] .task-filter-avatar-ring:after{background:#0f1117}@keyframes spin-360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tag-icon-spin{align-items:center;animation:.35s cubic-bezier(.4,0,.2,1) spin-360;display:inline-flex}@media (width<=1023px){.tasks-page{flex-direction:column;height:100dvh;min-height:0;padding-bottom:0;display:flex;overflow:hidden}.task-tabs-wrap{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.task-tabs{flex-shrink:0;position:relative}.task-tab-list{-webkit-overflow-scrolling:touch;padding-bottom:calc(98px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}}@media (width>=1024px){.desktop-shell .tasks-page{background:0 0;border-radius:26px;flex-direction:column;height:100%;min-height:0;padding:0;display:flex;overflow:hidden}.desktop-content:has(.tasks-page){overflow:hidden!important}.desktop-shell .tasks-hero{display:none}.desktop-shell .tasks-summary{flex-shrink:0;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.desktop-shell .task-filter-bar{flex-shrink:0}.desktop-shell .task-board{min-height:0}}@media (width<=767px){.tasks-page{height:100dvh;min-height:0;padding:0 0 calc(86px + env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow:hidden}.tasks-hero{padding:20px 20px 14px;padding-top:max(20px, env(safe-area-inset-top));border-bottom:1px solid var(--border-light);background:var(--surf);flex-shrink:0;align-items:center;margin:0 0 12px}.tasks-hero h1{color:var(--text-primary);font-size:var(--font-lg);letter-spacing:-.4px;font-weight:700}.tasks-hero p{color:var(--text-secondary);font-size:var(--font-xs);margin-top:2px;display:block}.tasks-hero>button,.task-empty-state button{background:var(--teal);min-height:36px;font-size:var(--font-xs);box-shadow:none;border-radius:12px;padding:8px 12px}.tasks-summary{flex-shrink:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:10px;padding:0 20px}.tasks-summary div,.tasks-summary button{text-align:center;border-radius:14px;padding:10px 6px}.tasks-summary span{color:var(--text-secondary);white-space:nowrap;font-size:10px;line-height:1.1}.tasks-summary strong{font-size:var(--font-base)}.task-filter-bar{flex-shrink:0;padding:0 20px}.task-tabs-wrap{flex-direction:column;flex:auto;min-height:0;padding:0 20px;animation:.36s cubic-bezier(.25,.8,.25,1) .14s both fadeSlideUp;display:flex}.task-tabs{border-radius:14px;flex-shrink:0;gap:4px;margin-bottom:10px;position:relative}.task-tabs button{min-height:36px;font-size:var(--font-xs);border-radius:10px}.task-tab-list{scrollbar-width:none;-ms-overflow-style:none;flex:auto;grid-auto-rows:max-content;align-content:start;align-items:start;gap:8px;min-height:0;padding-bottom:16px;overflow-y:auto}.task-tab-list::-webkit-scrollbar{display:none}.task-card{border-radius:16px;padding:14px}.task-card h3{font-size:var(--font-sm);font-weight:700}.task-card-badges{margin-top:9px}.tasks-badge{min-height:22px;padding:4px 7px;font-size:10.5px}.task-avatars span{width:24px;height:24px}.task-detail-grid,.task-form-grid{grid-template-columns:1fr}.task-modal{border-radius:24px 24px 0 0;width:100vw;max-height:92dvh;margin-top:auto}}@media (prefers-reduced-motion:reduce){.tasks-hero,.tasks-summary,.task-filter-bar,.task-tabs-wrap,.task-board{animation:none!important}}[data-theme=dark]{--amber:#f2a84e;--teal:#26d9c4;--coral:#f26b6b;--violet:#9b8bf4;--amber-d:#f2a84e21;--teal-d:#26d9c421;--coral-d:#f26b6b21;--violet-d:#9b8bf421;--bg-body:#08090f;--surf:#111422;--surf2:#181b2e;--surf3:#1e2238;--text-primary:#eeeef5;--text-secondary:#7a7d9a;--text-muted:#44475e;--card-bg:#111422;--card-shadow:0 2px 12px #00000080, 0 1px 3px #0000004d;--input-bg:#181b2e;--input-focus-bg:#1e2238;--surface-alt:#1e2238;--border-light:#ffffff0f;--border-input:#ffffff1a;--del-btn-bg:#f26b6b1f;--btn-primary-bg:#26d9c4;--btn-secondary-bg:#181b2e;--hero-bg:#08090f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font-family:DM Sans,system-ui,-apple-system,sans-serif}html,body{overflow-x:hidden}body{background:var(--bg-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;font-family:DM Sans,system-ui,-apple-system,sans-serif;transition:background .35s,color .35s}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.sin{animation:.32s cubic-bezier(.25,.8,.25,1) both fadeSlideUp}.f1{animation:.38s cubic-bezier(.25,.8,.25,1) 50ms both fadeSlideUp}.f2{animation:.38s cubic-bezier(.25,.8,.25,1) .1s both fadeSlideUp}.f3{animation:.38s cubic-bezier(.25,.8,.25,1) .15s both fadeSlideUp}.f4{animation:.38s cubic-bezier(.25,.8,.25,1) .2s both fadeSlideUp}.f5{animation:.38s cubic-bezier(.25,.8,.25,1) .25s both fadeSlideUp}.f6{animation:.38s cubic-bezier(.25,.8,.25,1) .3s both fadeSlideUp}@keyframes moonIn{0%{opacity:0;transform:rotate(-30deg)scale(.6)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes sunIn{0%{opacity:0;transform:rotate(30deg)scale(.6)}to{opacity:1;transform:rotate(0)scale(1)}}.moon-anim{animation:.35s cubic-bezier(.34,1.56,.64,1) both moonIn}.sun-anim{animation:.35s cubic-bezier(.34,1.56,.64,1) both sunIn}.daily-verse-card{isolation:isolate;contain:paint;backface-visibility:hidden;background:#38bdf8;border-radius:22px;min-height:156px;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 18px 36px #38bdf847}.daily-verse-card:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(at 0 0,#00000047 0%,#0000 52%);position:absolute;inset:0}.daily-verse-card:after{content:"";opacity:.38;pointer-events:none;z-index:1;background:radial-gradient(circle at 78% 24%,#ffffff85,#ffffff2e 24%,#0000 58%);position:absolute;inset:0}.daily-sky{background:#38bdf8;position:absolute;inset:0}.daily-verse-card.night{background:#1d4ed8;animation:none;box-shadow:0 18px 36px #1d4ed847}.daily-verse-card.night:after{opacity:.36;background:radial-gradient(circle at 80% 24%,#bfdbfe5c,#93c5fd24 24%,#0000 58%)}.daily-verse-card.night .daily-sky{background:#1d4ed8}.daily-sky:before{content:"";opacity:.45;background-image:radial-gradient(circle at 14px 14px,#fff3 0 2px,#0000 2.5px),linear-gradient(135deg,#ffffff24 0 1px,#0000 1px);background-size:30px 30px,20px 20px;position:absolute;inset:0}.daily-verse-card.night .daily-sky:before{opacity:.72;background-image:radial-gradient(circle at 18px 18px,#ffffff6b 0 1.3px,#0000 1.8px),radial-gradient(circle at 52px 30px,#ffffff47 0 1px,#0000 1.6px),linear-gradient(135deg,#93c5fd1f 0 1px,#0000 1px);background-size:58px 46px,74px 64px,22px 22px}.daily-verse-card.night .daily-sky:after{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#0f172a94,#1e40af38 34%,#0000 62%);position:absolute;inset:0}.daily-stars{display:none}.daily-verse-card.night .daily-stars{opacity:.82;background-image:radial-gradient(circle at 8% 11%,#fff 0 1.2px,#0000 1.9px),radial-gradient(circle at 19% 6%,#ffffffb3 0 .8px,#0000 1.3px),radial-gradient(circle at 34% 21%,#ffffffe6 0 1px,#0000 1.6px),radial-gradient(circle at 47% 9%,#fff9 0 .7px,#0000 1.2px),radial-gradient(circle at 61% 17%,#fff 0 1.1px,#0000 1.7px),radial-gradient(circle at 73% 4%,#fffc 0 .9px,#0000 1.4px),radial-gradient(circle at 88% 14%,#fffffff2 0 1.3px,#0000 2px),radial-gradient(circle at 26% 38%,#ffffff8c 0 .8px,#0000 1.3px),radial-gradient(circle at 53% 31%,#ffffffbf 0 1px,#0000 1.5px),radial-gradient(circle at 79% 28%,#ffffffa6 0 .7px,#0000 1.2px),radial-gradient(circle at 92% 43%,#ffffffd9 0 1.1px,#0000 1.7px),radial-gradient(circle at 14% 52%,#ffffff80 0 .9px,#0000 1.4px),radial-gradient(circle at 67% 58%,#ffffffb3 0 1px,#0000 1.6px);display:block;position:absolute;inset:0}.daily-sun{z-index:1;backface-visibility:hidden;background:#facc15;border-radius:50%;width:50px;height:50px;animation:1.15s cubic-bezier(.2,.9,.2,1) both dailySunRise;position:absolute;top:20px;right:28px;transform:translateZ(0);box-shadow:0 0 0 12px #facc152e,0 0 34px #facc1599}.daily-verse-card.night .daily-sun{background:#f8fafc;animation:1.05s cubic-bezier(.2,.9,.2,1) both dailyMoonRise;box-shadow:0 0 0 10px #bfdbfe29,0 0 34px #bfdbfe8c}.daily-verse-card.night .daily-sun:after{content:"";background:#1d4ed8;border-radius:50%;width:46px;height:46px;position:absolute;top:-3px;right:-5px}.daily-cloud{background:#ffffffb8;border-radius:999px;height:18px;animation:12s ease-in-out infinite dailyCloudDrift;position:absolute;transform:translateZ(0)}.daily-verse-card.night .daily-cloud{background:#dbeafe52}.daily-cloud:before,.daily-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute;bottom:0}.daily-cloud:before{width:24px;height:24px;left:12px}.daily-cloud:after{width:30px;height:30px;right:12px}.daily-cloud-one{opacity:.62;width:64px;top:20px;left:auto;right:94px}.daily-cloud-two{opacity:.55;width:54px;animation-delay:-5s;top:72px;right:88px}.daily-hill{border-radius:50% 50% 0 0;height:96px;position:absolute;bottom:-48px;left:-10%;right:-10%}.daily-hill-back{opacity:.72;background:#22c55e;bottom:-36px}.daily-verse-card.night .daily-hill-back{opacity:.78;background:#2563eb}.daily-hill-front{background:#16a34a;height:110px;bottom:-58px;left:-18%;right:-4%}.daily-verse-card.night .daily-hill-front{background:#15803d}.daily-verse-content{z-index:2;color:#fff;max-width:70%;padding:18px;position:relative}.daily-verse-label{font-size:var(--font-xs);letter-spacing:.08em;text-transform:uppercase;background:#fff3;border-radius:999px;margin-bottom:10px;padding:5px 10px;font-weight:800;display:inline-flex}.daily-verse-text{font-size:var(--font-base);text-shadow:0 1px 10px #0e749038;font-weight:400;line-height:1.35}.daily-verse-ref{font-size:var(--font-xs);color:#ffffffd1;margin-top:9px;font-weight:700}.daily-verse-open-cue{z-index:3;color:#fff;pointer-events:none;background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;animation:1.35s ease-in-out infinite verseCueNudge;display:flex;position:absolute;top:50%;bottom:auto;right:34px}@keyframes verseCueNudge{0%,to{opacity:.72;transform:translateY(-50%)}50%{opacity:1;transform:translate(6px,-50%)}}@keyframes dailySunRise{0%{opacity:.25;transform:translateY(92px)scale(.72)}58%{opacity:1;transform:translateY(-4px)scale(1.08)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dailyLightBloom{0%{opacity:0;transform:scale(.84)}45%{opacity:1;transform:scale(1.08)}to{opacity:.38;transform:scale(1)}}@keyframes dailyMoonBloom{0%{opacity:0;transform:scale(.86)}50%{opacity:.72;transform:scale(1.06)}to{opacity:.36;transform:scale(1)}}@keyframes dailyMoonRise{0%{opacity:.25;transform:translateY(76px)scale(.78)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dailyMoonFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(4px)scale(1.02)}}@keyframes dailyStarsTwinkle{0%,to{opacity:.68}50%{opacity:1}}@keyframes dailyCardGlow{0%{box-shadow:0 10px 20px #38bdf81f}55%{box-shadow:0 22px 42px #facc1547,0 18px 36px #38bdf83d}to{box-shadow:0 18px 36px #38bdf847}}@keyframes dailySunFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(5px)scale(1.04)}}@keyframes dailyCloudDrift{0%,to{transform:translate(0)}50%{transform:translate(12px)}}@media (width<=420px){.daily-verse-card{min-height:168px}.daily-verse-content{max-width:76%;padding:16px}.daily-verse-text{font-size:var(--font-sm)}}.verse-modal{z-index:1000;pointer-events:none;backface-visibility:hidden;background:#38bdf8;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;inset:0;overflow:hidden;transform:translate(-100%)}.verse-modal.open{pointer-events:auto;transform:translate(0)}.verse-modal.open.closing{pointer-events:none;transform:translate(-100%)}.verse-modal.night{background:#1d4ed8}.verse-modal .daily-sky{position:absolute;inset:0}.verse-modal.night .daily-sky{background:#1d4ed8}.verse-modal.night .daily-sky:before{opacity:.72;background-image:radial-gradient(circle at 18px 18px,#ffffff6b 0 1.3px,#0000 1.8px),radial-gradient(circle at 52px 30px,#ffffff47 0 1px,#0000 1.6px),linear-gradient(135deg,#93c5fd1f 0 1px,#0000 1px);background-size:58px 46px,74px 64px,22px 22px}.verse-modal.night .daily-stars{opacity:.82;background-image:radial-gradient(circle at 5% 8%,#fff 0 1.3px,#0000 2px),radial-gradient(circle at 13% 23%,#ffffffa6 0 .8px,#0000 1.3px),radial-gradient(circle at 22% 5%,#ffffffe6 0 1px,#0000 1.6px),radial-gradient(circle at 31% 33%,#ffffff80 0 .7px,#0000 1.1px),radial-gradient(circle at 43% 14%,#fff 0 1.2px,#0000 1.9px),radial-gradient(circle at 52% 27%,#ffffffbf 0 .9px,#0000 1.4px),radial-gradient(circle at 61% 7%,#ffffffd9 0 1.1px,#0000 1.7px),radial-gradient(circle at 70% 38%,#fff9 0 .8px,#0000 1.3px),radial-gradient(circle at 78% 18%,#fffffff2 0 1.4px,#0000 2.1px),radial-gradient(circle at 87% 9%,#ffffffb3 0 .9px,#0000 1.5px),radial-gradient(circle at 94% 29%,#fffc 0 1px,#0000 1.6px),radial-gradient(circle at 9% 44%,#ffffff8c 0 .7px,#0000 1.2px),radial-gradient(circle at 27% 51%,#ffffffb3 0 1px,#0000 1.5px),radial-gradient(circle at 39% 62%,#ffffff80 0 .8px,#0000 1.3px),radial-gradient(circle at 56% 47%,#fffc 0 1.2px,#0000 1.8px),radial-gradient(circle at 66% 59%,#fff9 0 .7px,#0000 1.2px),radial-gradient(circle at 82% 53%,#ffffffbf 0 1.1px,#0000 1.7px),radial-gradient(circle at 91% 67%,#ffffffa6 0 .9px,#0000 1.4px),radial-gradient(circle at 17% 71%,#ffffffd9 0 1px,#0000 1.6px),radial-gradient(circle at 48% 78%,#ffffff8c 0 .8px,#0000 1.3px);display:block;position:absolute;inset:0}.verse-modal.night .daily-sun{background:#f8fafc;animation:1.05s cubic-bezier(.2,.9,.2,1) both dailyMoonRise;box-shadow:0 0 0 10px #bfdbfe29,0 0 34px #bfdbfe8c}.verse-modal .daily-sun{z-index:1;width:112px;height:112px;top:44px;right:34px;box-shadow:0 0 0 24px #facc1529,0 0 70px #facc1594}.verse-modal.night .daily-sun{box-shadow:0 0 0 22px #bfdbfe24,0 0 70px #bfdbfe80}.verse-modal.night .daily-sun:after{content:"";background:#1d4ed8;border-radius:50%;width:104px;height:104px;position:absolute;top:-6px;right:-9px}.verse-modal.night .daily-cloud{background:#dbeafe52}.verse-modal .daily-cloud{height:28px}.verse-modal .daily-cloud:before{width:40px;height:40px;left:24px}.verse-modal .daily-cloud:after{width:52px;height:52px;right:24px}.verse-modal .daily-cloud-one{opacity:.7;width:132px;top:92px;right:150px}.verse-modal .daily-cloud-two{opacity:.76;z-index:2;width:118px;top:76px;right:12px}.verse-modal.night .daily-hill-back{opacity:.78;background:#2563eb}.verse-modal.night .daily-hill-front,.verse-modal.night .daily-sky:after{background:#15803d}.verse-modal .daily-hill-back{bottom:48px}.verse-modal .daily-hill-front{bottom:30px}.verse-modal .daily-sky:after{content:"";background:#16a34a;height:34px;position:absolute;bottom:0;left:0;right:0}.verse-modal.night .daily-sky:after{background:#15803d}.verse-modal-overlay{z-index:3;pointer-events:none;background:linear-gradient(#0000 0% 14%,#0000002e 34%,#00000061 100%);position:absolute;inset:0}.verse-modal-back{top:max(20px, env(safe-area-inset-top));z-index:20;color:#fff;cursor:pointer;background:#ffffff47;border:none;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;transition:background .15s;display:flex;position:absolute;left:20px}.verse-modal-back:active{background:#ffffff61}.verse-modal-scroll{bottom:calc(86px + env(safe-area-inset-bottom));z-index:10;flex-direction:column;padding:24px 26px 0;display:flex;position:absolute;top:20%;left:0;right:0;overflow:hidden}.verse-modal-header{flex-shrink:0}.verse-modal-body{flex:1;padding-bottom:16px;overflow-y:auto}.verse-modal-tag{font-size:var(--font-xs);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#fff3;border-radius:999px;margin-bottom:16px;padding:5px 12px;font-weight:800;display:inline-flex}.verse-modal-verse{font-size:var(--font-lg);color:#fff;letter-spacing:-.3px;text-shadow:0 1px 12px #0e74904d;margin:0 0 10px;font-weight:800;line-height:1.35}.verse-modal.night .verse-modal-verse{text-shadow:0 1px 12px #00003c66}.verse-modal-ref{font-size:var(--font-sm);color:#ffffffd1;margin:0;font-weight:700}.verse-modal-sep{background:#ffffff59;border-radius:999px;width:44px;height:2px;margin:20px 0}.verse-modal-expl{font-size:var(--font-sm);color:#ffffffe0;margin:0;line-height:1.72}@keyframes verseModalIn{0%{opacity:0}to{opacity:1}}@keyframes popupFloatIn{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.popup-float{animation:.3s cubic-bezier(.2,.9,.3,1) both popupFloatIn}.verse-gen-btn{z-index:3;color:#fff;cursor:pointer;background:#ffffff38;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex;position:absolute;bottom:12px;right:48px}.verse-gen-btn:active{background:#ffffff61}.verse-gen-btn.loading svg{animation:.8s linear infinite verseGenSpin}.daily-verse-card .verse-modal-generate{display:none}.verse-modal-generate{top:max(20px, env(safe-area-inset-top));z-index:20;color:#fff;cursor:pointer;background:#ffffff47;border:none;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;transition:background .15s;display:flex;position:absolute;right:20px}.verse-modal-generate:active{background:#ffffff61}.verse-modal-generate.loading svg{animation:.8s linear infinite verseGenSpin}@keyframes verseGenSpin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite verseGenSpin}button{-webkit-tap-highlight-color:transparent}.input-header::placeholder{color:#fff9}.header-select{color:#fff;width:100%;font-size:var(--font-sm);cursor:pointer;appearance:none;background:#ffffff2e;border:none;border-radius:12px;outline:none;flex:1;padding:10px 12px;font-family:inherit}.header-select:focus{background:#ffffff40;border:none;outline:none}.header-btn{color:#fff;font-size:var(--font-sm);cursor:pointer;background:#ffffff2e;border:none;border-radius:12px;flex-shrink:0;padding:10px 14px;font-family:inherit;font-weight:700}.header-btn-sm{color:#fff;font-size:var(--font-sm);cursor:pointer;background:#ffffff2e;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-weight:700;display:flex}.header-search-input{width:100%;font-size:var(--font-sm);color:#fff;box-sizing:border-box;background:#ffffff2e;border:none;border-radius:12px;outline:none;padding:10px 14px 10px 34px;font-family:inherit}.header-search-input:focus{background:#ffffff40;border:none;outline:none}.header-search-input::placeholder{color:#fff9}.header-search-icon{color:#ffffff80;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.textured-page-header{color:inherit;box-shadow:none;position:relative;overflow:hidden;background:var(--bg-body)!important;border-bottom:0!important}.textured-page-header:before{content:"";opacity:0;pointer-events:none;background:0 0;position:absolute;inset:0}.textured-page-header>*{z-index:1;position:relative}.textured-page-header .header-title{color:inherit}.textured-page-header div,.textured-page-header span,.textured-page-header svg{color:inherit;stroke:currentColor}.textured-page-header .header-subtitle{color:inherit}.textured-page-header .header-action{box-shadow:none}.textured-page-header .header-action svg{stroke:currentColor}.textured-page-header input,.textured-page-header select{color:inherit}.textured-page-header input::placeholder,.textured-page-header .tx-search-wrapper .tx-search-input::placeholder{color:var(--text-muted)}.app{max-width:680px;padding:0;padding-bottom:max(1rem, env(safe-area-inset-bottom));margin:0 auto}.app-hero{background:var(--hero-bg);padding:18px 16px 20px;padding-top:max(18px, env(safe-area-inset-top))}.app-topbar{align-items:center;gap:10px;margin-bottom:16px;display:flex}.app-topbar h1{font-size:var(--font-md);color:#fff;margin:0;font-weight:700}.app-topbar p{font-size:var(--font-xs);color:#ffffff8c;margin:0}.hero-stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hero-stat{cursor:pointer;background:#ffffff24;border-radius:14px;padding:12px 14px;transition:background .15s}.hero-stat:active{background:#ffffff38}.hero-stat-label{font-size:var(--font-xs);color:#ffffff8c;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-weight:600}.hero-stat-value{font-size:var(--font-md);font-weight:700}.green{color:#4ade80}.red{color:#fc8fae}.solde-card{background:var(--card-bg);box-shadow:var(--card-shadow);border-radius:16px;justify-content:space-between;align-items:center;margin:14px 16px 0;padding:16px;display:flex}.solde-label{font-size:var(--font-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-weight:600}.solde-value{font-size:var(--font-lg);font-weight:700}.solde-icon{width:42px;height:42px;font-size:var(--font-md);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.card{background:var(--card-bg);box-shadow:var(--card-shadow);border-radius:16px;margin:8px 16px 0;padding:16px}.budget-page .card{margin:0 20px}.budget-page .card:has(.tx-search-wrapper){padding-top:18px;padding-bottom:18px}.card-title{font-size:var(--font-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;font-weight:700}.form-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:2px;display:grid}.form-group{margin-bottom:10px}.form-group label{font-size:var(--font-xs);color:var(--text-secondary);margin-bottom:4px;font-weight:600;display:block}input,select{border:1.5px solid var(--border-input);background:var(--input-bg);width:100%;color:var(--text-primary);font-size:var(--font-sm);border-radius:10px;padding:10px 12px;transition:border-color .15s,background .15s}input:focus,select:focus{background:var(--input-focus-bg);border-color:#5b4fcf;outline:none}.motif-row{gap:8px;display:flex}.motif-row select{flex:1}.btn-primary{background:var(--btn-primary-bg);color:#fff;width:100%;font-weight:700;font-size:var(--font-sm);cursor:pointer;border:none;border-radius:12px;padding:13px;font-family:inherit;transition:opacity .15s}.btn-primary:active{opacity:.82}.budget-readonly-note{color:var(--text-secondary);font-size:var(--font-xs);background:#94a3b824;border-radius:12px;margin:.65rem 0 .9rem;padding:.72rem .85rem;line-height:1.35}.budget-readonly input:disabled,.budget-readonly select:disabled,.budget-page input:disabled,.budget-page select:disabled,.budget-page button:disabled{cursor:not-allowed}.budget-readonly input:disabled,.budget-readonly select:disabled,.budget-page .form-input:disabled{opacity:.58;filter:grayscale(.35)}.budget-page .type-btn:disabled,.budget-page .btn-primary:disabled,.budget-page .btn-secondary:disabled,.budget-page .btn-danger:disabled{opacity:.45;filter:grayscale(.55)}.btn-secondary{background:var(--btn-secondary-bg);border:1.5px solid var(--border-input);color:var(--text-secondary);font-weight:600;font-size:var(--font-sm);cursor:pointer;border-radius:10px;padding:10px 14px;font-family:inherit}.btn-motif,.btn-export{background:var(--btn-secondary-bg);border:1.5px solid var(--border-input);font-weight:700;font-size:var(--font-sm);cursor:pointer;color:var(--text-primary);border-radius:12px;padding:13px;font-family:inherit}.tx-item{border-bottom:1px solid var(--border-light);cursor:pointer;align-items:center;gap:10px;padding:11px 0;transition:opacity .1s;display:flex}.tx-item:last-child{border-bottom:none}.tx-item:active{opacity:.65}.tx-icon{width:32px;height:32px;font-weight:700;font-size:var(--font-sm);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tx-icon.entree{background:var(--teal-d);color:var(--teal)}.tx-icon.depense{background:var(--coral-d);color:var(--coral)}.tx-info{flex:1;min-width:0}.tx-motif{font-size:var(--font-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.tx-date{font-size:var(--font-xs);color:var(--text-secondary);margin-top:1px}.tx-amount{font-weight:700;font-size:var(--font-sm);flex-shrink:0;margin-left:auto}.tx-amount.entree{color:var(--teal)}.tx-amount.depense{color:var(--coral)}.btn-del{background:var(--del-btn-bg);cursor:pointer;color:#d63b5e;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s;display:flex}.btn-del:hover{background:#fddde6}.filter-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.filter-row .btn-export{grid-column:span 2}.budget-export-primary{background:var(--btn-primary-bg);color:#fff;border:none;justify-content:center;align-items:center;gap:6px;display:flex}.modal-overlay{z-index:300;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#12121f8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--card-bg);border-radius:20px;width:90%;max-width:360px;max-height:80vh;padding:20px;overflow-y:auto;box-shadow:0 24px 60px #00000047}.ai-summary-modal{flex-direction:column;width:min(92vw,460px);max-width:460px;max-height:min(78vh,640px);padding:0;display:flex;overflow:hidden}.ai-summary-header{border-bottom:1px solid var(--border-light);align-items:flex-start;gap:12px;margin-bottom:0;padding:18px 18px 14px}.ai-summary-header .dialog-title{overflow-wrap:anywhere;line-height:1.25}.ai-summary-body{flex:1;min-height:0;padding:16px 18px 18px;overflow-y:auto}.ai-summary-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:180px;display:flex}.ai-summary-text{font-size:var(--font-sm);color:var(--text-primary);white-space:pre-wrap;margin:0;line-height:1.75}@media (width<=420px){.ai-summary-modal{border-radius:18px;width:calc(100vw - 28px);max-height:76vh}.ai-summary-header{padding:16px 16px 12px}.ai-summary-body{padding:14px 16px 16px}}.loading,.empty{text-align:center;color:var(--text-secondary);font-size:var(--font-sm);padding:20px}.type-toggle{background:var(--input-bg);border-radius:12px;grid-template-columns:1fr 1fr;margin-bottom:14px;padding:3px;display:grid}.type-btn{cursor:pointer;font-size:var(--font-sm);color:var(--text-secondary);background:0 0;border:none;border-radius:9px;padding:10px;font-family:inherit;font-weight:600;transition:background .15s,color .15s}.type-btn.active-entree{background:var(--teal-d);color:var(--teal)}.type-btn.active-depense{background:var(--coral-d);color:var(--coral)}.tx-user{font-size:var(--font-xs);color:var(--text-secondary);align-items:center;gap:5px;margin-top:3px;font-weight:600;display:flex}.tx-user-avatar{object-fit:cover;border:1px solid #5b4fcf;border-radius:50%;flex-shrink:0;width:14px;height:14px}.tx-user-avatar-fallback{color:#fff;background:#5b4fcf;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;font-weight:700;display:flex}.tx-user span{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.page-container{background:var(--bg-body);flex-direction:column;min-height:100vh;display:flex}.page-container-locked{background:var(--bg-body);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.page-header{padding:1rem 1rem .75rem;padding-top:max(1rem, env(safe-area-inset-top));flex-shrink:0}.page-content{flex:1;padding:1rem;overflow-y:auto}.page-back-btn{cursor:pointer;color:#fff;font-size:var(--font-base);background:#ffffff2e;border:none;border-radius:10px;flex-shrink:0;padding:8px 12px;font-family:inherit}.page-title{font-size:var(--font-md);color:#fff;margin:0;font-weight:700}.page-subtitle{font-size:var(--font-xs);color:#ffffffa6;margin:0}.page-export-btn{cursor:pointer;color:#fff;font-family:inherit;font-size:var(--font-sm);background:#ffffff2e;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-weight:600;display:flex}.search-wrapper{position:relative}.search-input{width:100%;font-size:var(--font-sm);color:#fff;box-sizing:border-box;background:#ffffff2e;border:none;border-radius:12px;outline:none;padding:10px 14px 10px 36px;font-family:inherit}.search-input:focus{background:#ffffff40;outline:none}.search-icon{color:#ffffff80;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.form-input{border:1.5px solid var(--border-input);width:100%;font-size:var(--font-sm);background:var(--input-bg);color:var(--text-primary);box-sizing:border-box;border-radius:12px;outline:none;padding:11px 14px;font-family:inherit}.list-item{background:var(--card-bg);cursor:pointer;box-shadow:var(--card-shadow);border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.list-item-avatar{width:44px;height:44px;font-weight:700;font-size:var(--font-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.empty-state{text-align:center;color:var(--text-secondary);font-size:var(--font-sm);padding:2rem}.tx-search-wrapper{margin-bottom:14px;position:relative}.tx-search-wrapper .tx-search-input{width:100%;font-size:var(--font-sm);background:var(--input-bg);color:var(--text-primary);border:none;border-radius:10px;outline:none;padding:10px 12px;font-family:inherit}.tx-search-wrapper .tx-search-icon{color:var(--text-secondary);pointer-events:none;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.tx-search-wrapper .tx-search-icon svg{color:var(--text-secondary)}.tx-search-wrapper .tx-search-input::-webkit-search-cancel-button{display:none}.tx-search-wrapper .tx-search-clear{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;padding:6px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}[data-theme=dark] .tx-search-wrapper .tx-search-input{color:#eeeef5;background:#181b2e}[data-theme=dark] .tx-search-wrapper .tx-search-icon,[data-theme=dark] .tx-search-wrapper .tx-search-icon svg,[data-theme=dark] .tx-search-wrapper .tx-search-clear{color:#7a7d9a}.tx-count{font-size:var(--font-xs);color:var(--text-secondary);margin-bottom:12px;font-weight:600}.dialog-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.dialog-title{font-size:var(--font-base);color:var(--text-primary);margin:0;font-weight:700}.dialog-close-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;display:flex}.dialog-content{flex-direction:column;gap:12px;margin-bottom:1.25rem;display:flex}.dialog-footer{gap:10px;margin-top:1.5rem;display:flex}.bottom-sheet-overlay{z-index:300;background:#00000073;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet{background:var(--card-bg);width:100%;padding:1.5rem;padding-bottom:max(1.5rem, env(safe-area-inset-bottom));z-index:301;border-radius:20px 20px 0 0;max-height:90vh;position:relative;overflow-y:auto}.bottom-sheet-handle{background:var(--border-light);border-radius:2px;width:36px;height:4px;margin:0 auto 1.5rem}.btn-danger{color:#be123c;cursor:pointer;font-size:var(--font-xs);background:#fde8e8;border:none;border-radius:8px;padding:6px 10px;font-family:inherit;font-weight:700}.btn-danger:active{background:#fbced6}.btn-icon{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;padding:0;font-family:inherit;display:flex}.avatar-circle{width:36px;height:36px;font-weight:700;font-size:var(--font-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.badge{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.06em;border-radius:20px;padding:2px 8px;font-weight:700}.badge-default{background:var(--input-bg);color:var(--text-muted)}.badge-success{color:#0d9370;background:#e6faf5}.badge-danger{color:#d63b5e;background:#fef0f4}.form-label{font-size:var(--font-xs);color:var(--text-secondary);margin-bottom:4px;font-weight:600;display:block}.label-helper{font-size:var(--font-xs);color:var(--text-muted);margin-bottom:3px}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-row{align-items:center;display:flex}.flex-start{align-items:flex-start;gap:12px;display:flex}.flex-col{flex-direction:column;gap:12px;display:flex}.flex-col-center{flex-direction:column;align-items:center;gap:12px;display:flex}.icon-label{font-size:var(--font-xs);color:var(--text-secondary);align-items:center;gap:6px;display:flex}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.min-w-0{min-width:0}.flex-1-min{flex:1;min-width:0}.w-full{width:100%}.h-full{height:100%}.text-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gap-4{gap:4px}.gap-5{gap:5px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-14{gap:14px}.mb-1{margin-bottom:1px}.mb-2{margin-bottom:2px}.mb-3{margin-bottom:3px}.mb-4{margin-bottom:4px}.mb-6{margin-bottom:6px}.mb-8{margin-bottom:8px}.mb-10{margin-bottom:10px}.mb-12{margin-bottom:12px}.mb-14{margin-bottom:14px}.mb-16{margin-bottom:16px}.mt-0{margin-top:0}.mt-1{margin-top:1px}.mt-2{margin-top:2px}.mt-8{margin-top:8px}.mt-10{margin-top:10px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.px-0{padding:0}.text-10,.text-11,.text-12{font-size:var(--font-xs)}.text-13,.text-14,.text-15{font-size:var(--font-sm)}.text-16{font-size:var(--font-base)}.text-17,.text-18,.text-20{font-size:var(--font-md)}.text-22,.text-24{font-size:var(--font-lg)}.text-26,.text-28{font-size:var(--font-xl)}.font-400{font-weight:400}.font-500{font-weight:500}.font-600{font-weight:600}.font-700{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-white{color:#fff}.text-center{text-align:center}.text-left{text-align:left}.text-success{color:#0d9370}.text-danger{color:#d63b5e}.text-teal{color:#5eead4}.text-white-40{color:#fff6}.text-white-45{color:#ffffff73}.text-white-50{color:#ffffff80}.text-white-55{color:#ffffff8c}.text-white-65{color:#ffffffa6}.bg-primary{background:var(--btn-primary-bg)}.bg-secondary{background:var(--btn-secondary-bg)}.bg-surface{background:var(--surface-alt)}.bg-input{background:var(--input-bg)}.bg-card{background:var(--card-bg)}.bg-white-10{background:#ffffff1a}.bg-white-08{background:#ffffff14}.bg-white-18{background:#ffffff2e}.bg-teal-15{background:#5eead426}.bg-teal-20{background:#5eead433}.rounded-6{border-radius:6px}.rounded-8{border-radius:8px}.rounded-10{border-radius:10px}.rounded-12{border-radius:12px}.rounded-14{border-radius:14px}.rounded-16{border-radius:16px}.rounded-18{border-radius:18px}.rounded-20{border-radius:20px}.rounded-50{border-radius:50%}.p-12{padding:12px}.p-14{padding:14px}.p-16{padding:16px}.p-20{padding:20px}.px-12{padding-left:12px;padding-right:12px}.px-14{padding-left:14px;padding-right:14px}.py-12{padding-top:12px;padding-bottom:12px}.object-cover{object-fit:cover}.border-none{border:none}.border-input{border:1.5px solid var(--border-input)}.border-light{border:1px solid var(--border-light)}.inline-block{display:inline-block}.block{display:block}.none{display:none}.outline-none{outline:none}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.w-32{width:32px}.w-36{width:36px}.w-52{width:52px}.w-56{width:56px}.w-64{width:64px}.w-80{width:80px}.w-90{width:90px}.h-22{height:22px}.h-28{height:28px}.h-32{height:32px}.h-36{height:36px}.h-42{height:42px}.h-52{height:52px}.h-56{height:56px}.h-64{height:64px}.h-80{height:80px}.h-90{height:90px}.w-15-h-15{width:15px;height:15px}.w-32-h-32{width:32px;height:32px}.w-34-h-34{width:34px;height:34px}.w-36-h-36{width:36px;height:36px}.w-42-h-42{width:42px;height:42px}.w-44-h-44{width:44px;height:44px}.w-48-h-48{width:48px;height:48px}.w-52-h-52{width:52px;height:52px}.w-56-h-56{width:56px;height:56px}.w-64-h-64{width:64px;height:64px}.w-80-h-80{width:80px;height:80px}.w-90-h-90{width:90px;height:90px}.w-h-full{width:100%;height:100%}.m-auto{margin:0 auto}.mx-auto{margin-left:auto;margin-right:auto}.m-0-auto-16{margin:0 auto 16px}.m-0-auto-24{margin:0 auto 24px}.leading-tight{line-height:1.2}.leading-relaxed{line-height:1.5}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}.top-0{top:0}.app-loader-screen{background:var(--bg-body);justify-content:center;align-items:center;min-height:100vh;display:flex}.app-loader-icon{border:3px solid #10b98124;border-top-color:#10b981;border-radius:50%;width:42px;height:42px;animation:.85s linear infinite appLoaderSpin;position:relative}.app-loader-icon:after{content:"";background:#34d399;border-radius:50%;width:9px;height:9px;position:absolute;top:3px;right:3px;box-shadow:0 0 14px #34d399cc}@keyframes appLoaderSpin{to{transform:rotate(360deg)}}.icon-circle-32{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.icon-circle-52{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.login-page{background:#eef6f4;min-height:100vh;padding:0}.login-container{text-align:center;width:100%;max-width:400px}.login-centered{justify-content:center;align-items:center;padding:1rem;display:flex}.login-shell{width:100%;max-width:520px;min-height:100vh;margin:0 auto;padding:0 0 24px}.login-shell .login-container{z-index:2;margin:-34px auto 0;padding:0 18px;position:relative}.login-hero{background-position:42% 0;background-size:cover;border-radius:0 0 34px 34px;width:100%;height:54vh;min-height:360px;max-height:500px;position:relative;overflow:hidden;box-shadow:0 16px 34px #0f172a24}.login-hero-overlay{background:radial-gradient(115% 82% at 0 100%,#064e3bdb 0%,#064e3b75 38%,#064e3b00 72%),linear-gradient(#065f461a 0%,#065f4600 42%);position:absolute;inset:0}.login-hero-inner{height:100%;padding:max(18px, env(safe-area-inset-top)) 22px 68px;flex-direction:column;justify-content:flex-end;align-items:flex-start;display:flex;position:relative}.login-hero-title{max-width:310px;font-size:var(--font-xl);color:#fff;text-shadow:0 8px 20px #0f172a57;letter-spacing:0;align-items:center;gap:8px;margin:0;font-weight:800;line-height:1.08;display:inline-flex}.login-verified-badge{background:#1877f2;border-radius:50%;flex:none;width:20px;height:20px;position:relative;top:2px;box-shadow:0 4px 12px #1877f259}.login-verified-badge:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:10px;position:absolute;top:4px;left:6px;transform:rotate(45deg)}.login-hero-subtitle{color:#ffffffe0;font-size:var(--font-xs);letter-spacing:0;text-transform:uppercase;background:#fff3;border-radius:999px;margin:0 0 4px;padding:5px 10px;font-weight:700}.login-form-card{border:1px solid #0f172a0f;box-shadow:0 18px 42px #0f172a1f;background:#fff!important}.login-form-card .login-tab-row{background:#eef6f4}.login-form-card .login-tab{color:#64748b}.login-form-card .login-tab-active{color:#fff;background:#10b981}.login-form-card .login-label{color:#64748b}.login-form-card .login-input{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0}.login-form-card .login-input:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}.login-form-card .login-input::placeholder{color:#94a3b8}.login-form-card .login-eye-btn,.login-form-card .login-forgot-btn{color:#10b981}.success-icon{border-radius:50%;width:80px;height:80px;margin:0 auto 24px;overflow:hidden}.success-message{text-align:left;background:#ffffff0f;border-radius:20px;margin-bottom:1.5rem;padding:1.5rem}.success-message-item{align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.success-message-item:last-child{margin-bottom:0}.login-input{width:100%;font-size:var(--font-sm);color:#fff;box-sizing:border-box;background:#ffffff1f;border:none;border-radius:12px;outline:none;margin-bottom:12px;padding:11px 14px;font-family:inherit}.login-input:focus{background:#fff3;outline:none}.login-input::placeholder{color:#fff6}.login-label{font-size:var(--font-xs);color:#ffffff80;text-align:left;margin-bottom:4px;font-weight:600;display:block}.login-input{text-align:left}.login-eyebrow{font-size:var(--font-xs);color:#5eead4;letter-spacing:.1em;text-transform:uppercase;font-weight:600}.login-btn-primary{width:100%;font-weight:700;font-size:var(--font-sm);cursor:pointer;color:#1a1040;background:#5eead4;border:none;border-radius:12px;padding:13px;font-family:inherit}.login-btn-secondary{width:100%;font-weight:700;font-size:var(--font-sm);cursor:pointer;color:#ffffffb3;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;padding:13px;font-family:inherit}.login-btn-back{width:100%;font-weight:600;font-size:var(--font-sm);cursor:pointer;color:#fff6;background:0 0;border:1px solid #ffffff1a;border-radius:12px;padding:11px;font-family:inherit}.login-tab-row{background:#ffffff14;border-radius:12px;grid-template-columns:1fr 1fr;margin-bottom:1.5rem;padding:3px;display:grid}.login-tab{cursor:pointer;font-weight:700;font-size:var(--font-sm);color:#fff6;background:0 0;border:none;border-radius:9px;padding:9px;font-family:inherit}.login-tab-active{color:#fff;background:#2d1f6e}.login-alert{font-size:var(--font-xs);border-radius:10px;margin-bottom:12px;padding:10px 14px}.login-alert-error{color:#fb9ea0;background:#fb9ea026}.login-alert-success{color:#5eead4;background:#5eead426}.login-eye-btn{cursor:pointer;color:#fff6;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-msg-title{font-size:var(--font-sm);color:#fff;margin-bottom:3px;font-weight:600}.login-msg-desc{font-size:var(--font-xs);color:#ffffff73;line-height:1.5}.login-forgot-btn{cursor:pointer;color:#5eead4b3;font-size:var(--font-xs);background:0 0;border:none;padding:0;font-family:inherit}.login-blessing{background:#5eead414;border:1px solid #5eead433;border-radius:14px;margin-bottom:1.5rem;padding:14px 18px}.toast{font-size:var(--font-sm);z-index:200;white-space:nowrap;background:#1a1a2e;border-radius:12px;padding:10px 20px;font-weight:700;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000004d}.home-icon-btn{color:#fff;cursor:pointer;background:#ffffff29;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.home-notification-badge{color:#fff;border:2px solid var(--bg-body);min-width:17px;height:17px;font-size:var(--font-xs);text-align:center;background:#e8445a;border-radius:999px;padding:0 4px;font-weight:800;line-height:13px;position:absolute;top:-3px;right:-3px}.notification-item{background:var(--card-bg);width:100%;box-shadow:var(--card-shadow);color:inherit;cursor:pointer;border:none;border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:8px;padding:13px;font-family:inherit;display:flex}.notification-icon{width:38px;height:38px;color:var(--btn-primary-bg);background:#5b4fcf1f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notification-title{color:var(--text-primary);font-size:var(--font-sm);font-weight:700;line-height:1.25}.notification-detail{color:var(--text-secondary);font-size:var(--font-xs);margin-top:3px;line-height:1.35}.notification-meta{color:var(--text-muted);font-size:var(--font-xs);align-items:center;gap:6px;margin-top:7px;font-weight:600;display:flex}.famp-floating-btn{right:18px;bottom:calc(82px + env(safe-area-inset-bottom));color:#fff;cursor:pointer;z-index:100;background:#10b981;border:none;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex;position:fixed;box-shadow:0 18px 34px #0f172a38,0 10px 24px #10b9816b,inset 0 1px #ffffff47}.famp-floating-btn:active{transform:scale(.96)}.famp-page{min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex}.famp-header{z-index:20;padding:max(16px, env(safe-area-inset-top)) 18px 14px;background:color-mix(in srgb, var(--bg-body) 92%, transparent);-webkit-backdrop-filter:blur(16px);align-items:center;gap:12px;display:flex;position:sticky;top:0}.famp-back{border:1px solid var(--border-color);background:var(--card-bg);width:42px;height:42px;color:var(--text-secondary);cursor:pointer;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.famp-title-wrap{flex:1;min-width:0}.famp-kicker{font-size:var(--font-xs);color:#10b981;text-transform:uppercase;letter-spacing:0;margin-bottom:2px;font-weight:800}.famp-title-wrap h1{color:var(--text-primary);font-size:var(--font-lg);margin:0;font-weight:800;line-height:1.1}.famp-quota{color:#10b981;font-size:var(--font-xs);white-space:nowrap;background:#10b9811f;border-radius:999px;padding:7px 10px;font-weight:800}.famp-chat{padding:12px 18px calc(154px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.famp-message-row{gap:9px;margin-bottom:12px;display:flex}.famp-message-row.user{justify-content:flex-end}.famp-avatar{color:#10b981;background:#10b98124;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-top:2px;display:flex}.famp-bubble{white-space:pre-wrap;max-width:min(82%,430px);line-height:1.55;font-size:var(--font-sm);border-radius:18px;padding:12px 14px;box-shadow:0 10px 24px #0f172a14}.famp-bubble.assistant{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color);border-top-left-radius:6px}.famp-bubble.user{color:#fff;background:#10b981;border-top-right-radius:6px}.famp-bubble.quota{color:#f43f5e;background:#f43f5e1a;border-color:#f43f5e2e}.assistant-action-card{background:var(--card-bg);border:1px solid #10b9812e;border-radius:6px 18px 18px;max-width:min(82%,430px);padding:14px;box-shadow:0 12px 28px #0f172a1a}.assistant-action-kicker{color:#10b981;font-size:var(--font-xs);text-transform:uppercase;letter-spacing:0;margin-bottom:4px;font-weight:800}.assistant-action-title{color:var(--text-primary);font-size:var(--font-sm);margin-bottom:12px;font-weight:800}.assistant-action-details{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.assistant-action-row{background:#10b98112;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:14px;padding:8px 10px;display:flex}.assistant-action-row span{color:var(--text-secondary);font-size:var(--font-xs);font-weight:700}.assistant-action-row strong{color:var(--text-primary);font-size:var(--font-xs);text-align:right;word-break:break-word;font-weight:800}.assistant-action-row strong.missing{color:#f43f5e}.assistant-action-note{color:var(--text-muted);font-size:var(--font-xs);line-height:1.4}.assistant-action-note.success{color:#10b981;font-weight:800}.assistant-action-buttons{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.assistant-action-buttons button{height:38px;font:inherit;font-size:var(--font-sm);cursor:pointer;border:none;border-radius:12px;font-weight:800}.assistant-action-buttons button:disabled{opacity:.65;cursor:default}.assistant-action-buttons .confirm{color:#fff;background:#10b981}.assistant-action-buttons .cancel{color:var(--text-secondary);background:#64748b1f}.famp-bubble.typing{align-items:center;gap:5px;min-width:62px;display:flex}.famp-bubble.typing span{opacity:.35;background:#10b981;border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite fampTyping}.famp-bubble.typing span:nth-child(2){animation-delay:.14s}.famp-bubble.typing span:nth-child(3){animation-delay:.28s}@keyframes fampTyping{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.famp-input-bar{left:50%;bottom:calc(82px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--card-bg) 94%, transparent);border:1px solid var(--border-color);z-index:40;border-radius:22px;gap:8px;width:min(100% - 28px,500px);padding:8px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 16px 42px #0f172a29}.famp-input-bar input{min-width:0;height:42px;color:var(--text-primary);font:inherit;background:0 0;border:none;outline:none;flex:1;padding:0 10px}.famp-input-bar input::placeholder{color:var(--text-muted)}.famp-input-bar button{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.famp-input-bar button:disabled{opacity:.45;cursor:default}.staff-messages-page{height:100vh;min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex;overflow:hidden}.staff-messages-header{z-index:90;flex-shrink:0;position:sticky;top:0}.staff-selection-header{background:var(--card-bg);border-bottom:1px solid var(--border-input);gap:10px}.staff-selection-title{color:var(--text-primary);font-size:var(--font-md);flex:1;font-weight:800}.staff-header-back,.staff-header-avatar,.staff-header-icon{border:1px solid var(--border-color);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.staff-header-back{background:var(--card-bg);color:var(--text-primary);cursor:pointer}.staff-header-avatar{color:#10b981;cursor:pointer;background:#10b98124;border-radius:50%;padding:0;overflow:hidden}.staff-header-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.staff-header-icon{cursor:pointer;color:var(--text-primary);background:var(--card-bg)}.staff-header-icon.active{color:#10b981;background:#10b98121}.staff-announcement-action{color:#10b981;height:34px;font-family:inherit;font-size:var(--font-xs);cursor:pointer;background:#10b9811f;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 10px;font-weight:900;display:inline-flex}@media (width<=390px){.staff-announcement-action span{display:none}.staff-announcement-action{justify-content:center;width:38px;height:38px;padding:0}}.staff-header-title{flex:1;min-width:0}.staff-header-title p{font-size:var(--font-xs);color:#10b981;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-weight:800;overflow:hidden}.staff-header-title h1{font-size:var(--font-lg);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:800;line-height:1.1;overflow:hidden}.staff-message-search{background:var(--card-bg);border:1px solid var(--border-input);height:38px;color:var(--text-muted);border-radius:19px;flex-shrink:0;align-items:center;gap:9px;margin:0 14px 8px;padding:0 13px;display:flex}.staff-message-search button{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.staff-message-search input{min-width:0;color:var(--text-primary);font-family:inherit;font-size:var(--font-sm);background:0 0;border:none;outline:none;flex:1}.staff-pinned-card{background:#10b9811a;border:1px solid #10b9812e;border-radius:16px;flex-shrink:0;margin:0 14px 8px;padding:10px}.staff-pinned-label{color:#10b981;font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;margin-bottom:8px;font-weight:800;display:flex}.staff-message-list{padding:12px 14px var(--staff-composer-space,78px);scroll-padding-bottom:var(--staff-composer-space,78px);flex:1;overflow-y:auto}.staff-empty-state{color:var(--text-secondary);text-align:center;font-size:var(--font-sm);padding:2rem 1rem}.staff-load-more{border:1px solid var(--border-input);background:var(--card-bg);color:var(--text-secondary);font-family:inherit;font-size:var(--font-xs);cursor:pointer;border-radius:999px;margin:2px auto 12px;padding:8px 14px;font-weight:700;display:block}.staff-message-row{align-items:flex-end;gap:8px;margin-bottom:12px;display:flex;position:relative}.staff-message-row.has-reactions-row{margin-bottom:24px}.staff-message-row.has-read-avatars{margin-bottom:26px}.staff-message-row.has-read-avatars:has(.staff-reactions-summary){margin-bottom:42px}.staff-message-row.mine{justify-content:flex-end}.staff-message-row.pinned{margin-bottom:0}.staff-message-avatar{color:#10b981;width:28px;height:28px;font-weight:800;font-size:var(--font-sm);background:#10b98124;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.staff-message-avatar img{object-fit:cover;width:100%;height:100%}.staff-message-bubble-wrap{min-width:0;max-width:min(82%,430px)}.staff-message-row.mine .staff-message-bubble-wrap{flex-direction:column;align-items:flex-end;display:flex}.staff-message-bubble-shell{max-width:100%;display:inline-block;position:relative}.staff-message-meta{color:var(--text-muted);font-size:var(--font-xs);flex-wrap:wrap;align-items:center;gap:6px;margin:0 2px 4px;display:flex}.staff-message-row.mine .staff-message-meta{justify-content:flex-end}.staff-message-meta span{color:var(--text-secondary);font-weight:400}.staff-message-meta em{color:#10b981;font-style:normal;font-weight:700}.staff-message-bubble{background:var(--card-bg);border:1px solid var(--border-color);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;border-radius:18px 18px 18px 6px;width:fit-content;max-width:100%;padding:12px 14px;position:relative;box-shadow:0 10px 24px #0f172a14}.staff-message-bubble.has-reactions{padding-bottom:8px}.staff-message-bubble.multiline{min-width:min(184px,58vw)}.staff-message-bubble.mine{color:#fff;background:#10b981;border-color:#0000;border-radius:18px 18px 6px}.staff-message-bubble p{white-space:pre-wrap;word-break:break-word;font-size:var(--font-base);margin:0;line-height:1.55}.staff-message-bubble a{color:#2563eb;font-weight:700;text-decoration:underline}.staff-message-bubble.mine a{color:#bfdbfe}.staff-message-row.selected .staff-message-bubble{outline-offset:2px;outline:2px solid #10b98152}.staff-announcement-row{align-items:flex-end;gap:8px;width:100%;margin:0 0 18px;display:flex;position:relative}.staff-announcement-row.has-reactions-row{margin-bottom:28px}.staff-announcement-row.has-read-avatars{margin-bottom:26px}.staff-announcement-row.has-read-avatars.has-reactions-row{margin-bottom:50px}.staff-announcement-row.pinned{width:100%;margin:6px 0 12px}.staff-announcement-avatar{color:#10b981;width:28px;height:28px;font-size:var(--font-sm);background:#10b98124;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:16px;font-weight:800;display:flex;overflow:hidden}.staff-announcement-avatar img{object-fit:cover;width:100%;height:100%}.staff-announcement-content{flex:auto;min-width:0;max-width:min(82%,430px);position:relative}.staff-announcement-meta{margin:0 2px 4px}.staff-announcement-meta span,.staff-announcement-meta small{font-weight:400}.staff-announcement-card{background:var(--card-bg);border:1px solid var(--border-color);width:100%;min-width:min(220px,70vw);max-width:100%;color:var(--text-primary);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;border-radius:18px;padding:12px 14px;position:relative;overflow:hidden;box-shadow:0 10px 24px #0f172a14}[data-theme=dark] .staff-announcement-card{background:var(--card-bg);border-color:var(--border-color);box-shadow:0 10px 28px #00000038}.staff-announcement-card.pinned{border-color:#f59e0b73}.staff-announcement-pin{color:#b45309;font-size:var(--font-xs);background:#f59e0b21;border-radius:999px;align-items:center;gap:4px;padding:5px 8px;font-weight:800;display:inline-flex;position:absolute;top:12px;right:12px}.staff-announcement-label{color:#059669;text-transform:uppercase;letter-spacing:.08em;font-size:var(--font-xs);align-items:center;gap:6px;margin-bottom:8px;font-weight:900;display:inline-flex}.staff-announcement-card h2{font-size:var(--font-sm);letter-spacing:0;margin:0 0 7px;line-height:1.2}.staff-announcement-details{color:var(--text-secondary);font-size:var(--font-sm);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.55}.staff-announcement-details a{color:#2563eb;font-weight:800;text-decoration:underline}.staff-announcement-info{background:#0000000a;border:1px solid #00000012;border-radius:15px;gap:6px;margin-top:11px;padding:10px;display:grid}[data-theme=dark] .staff-announcement-info{background:#ffffff0d;border-color:#ffffff17}.staff-announcement-info span{color:var(--text-secondary);font-size:var(--font-xs);overflow-wrap:anywhere;word-break:break-word;align-items:flex-start;gap:7px;min-width:0;font-weight:700;line-height:1.35;display:inline-flex}.staff-announcement-info svg{color:var(--text-muted);flex-shrink:0;margin-top:1px}.staff-announcement-link-btn{background:var(--btn-primary-bg);color:#fff;width:100%;font-size:var(--font-sm);box-sizing:border-box;border-radius:12px;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:13px;font-family:inherit;font-weight:700;text-decoration:none;transition:opacity .15s;display:flex}.staff-announcement-link-btn:active{opacity:.82}.staff-presence-report-box{border:1px solid #0000;border-radius:13px;margin-top:10px;padding:10px 12px}.staff-presence-report-box.presents{background:#10b98114;border-color:#10b98133}.staff-presence-report-box.absents{background:#f43f5e12;border-color:#f43f5e2e}[data-theme=dark] .staff-presence-report-box.presents{background:#10b98121;border-color:#10b98142}[data-theme=dark] .staff-presence-report-box.absents{background:#f43f5e21;border-color:#f43f5e3d}.staff-presence-report-box-header{font-size:var(--font-xs);color:var(--text-primary);margin-bottom:5px;font-weight:800}.staff-presence-report-box.presents .staff-presence-report-box-header{color:#059669}.staff-presence-report-box.absents .staff-presence-report-box-header{color:#f43f5e}.staff-presence-report-names{font-size:var(--font-sm);color:var(--text-secondary);word-break:break-word;line-height:1.55}.staff-presence-report-rate{font-size:var(--font-xs);color:var(--text-secondary);margin-top:10px;font-weight:600}.staff-presence-report-rate strong{color:var(--text-primary)}.staff-budget-report-lines{flex-direction:column;gap:4px;margin-top:6px;display:flex}.staff-budget-report-line{font-size:var(--font-sm);color:var(--text-secondary);justify-content:space-between;align-items:baseline;gap:8px;display:flex}.staff-budget-report-line span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.staff-budget-report-line span:last-child{color:var(--text-primary);flex-shrink:0;font-weight:700}.staff-announcement-edit{gap:9px;display:grid}.staff-announcement-edit input,.staff-announcement-edit textarea{border:1px solid var(--border-input);background:var(--surface-alt);width:100%;color:var(--text-primary);font-family:inherit;font-size:var(--font-sm);box-sizing:border-box;border-radius:13px;outline:none;padding:10px 11px}.staff-announcement-edit textarea{resize:vertical;min-height:98px;line-height:1.45}.staff-announcement-edit-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.staff-announcement-footer{justify-content:flex-end;align-items:flex-end;margin-top:12px;display:flex}.staff-announcement-author{align-items:center;gap:8px;min-width:0;display:inline-flex}.staff-announcement-author>span{color:#fff;width:28px;height:28px;font-size:var(--font-xs);background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:900;display:inline-flex;overflow:hidden}.staff-announcement-author img{object-fit:cover;width:100%;height:100%}.staff-announcement-author div{min-width:0}.staff-announcement-author strong,.staff-announcement-author small{display:block}.staff-announcement-author strong{color:var(--text-primary);font-size:var(--font-xs);line-height:1.1}.staff-announcement-author small{color:var(--text-muted);font-size:var(--font-xs);margin-top:2px;line-height:1.1}.staff-announcement-reads{cursor:pointer;background:0 0;border:none;flex-direction:row-reverse;align-items:center;padding:0;display:flex}.staff-announcement-reads span,.staff-announcement-reads em{border:2px solid var(--card-bg);color:#fff;width:22px;height:22px;font-size:var(--font-xs);background:#10b981;border-radius:50%;justify-content:center;align-items:center;margin-left:-6px;font-style:normal;font-weight:900;display:flex;overflow:hidden}.staff-announcement-reads img{object-fit:cover;width:100%;height:100%}.staff-announcement-seen{color:var(--text-muted);font-size:var(--font-xs);margin-top:8px}.staff-announcement-row .staff-reactions-summary{bottom:-13px;right:14px}.staff-announcement-row.has-reactions-row .staff-read-row{bottom:-36px}.staff-message-deleted{color:var(--text-muted);font-style:italic;font-size:var(--font-sm)}.staff-message-edit textarea{resize:vertical;width:100%;min-height:78px;color:inherit;background:#ffffff24;border:none;border-radius:12px;outline:none;padding:10px;font-family:inherit}.staff-message-edit-actions{gap:8px;margin-top:8px;display:flex}.staff-message-edit-actions button{font-size:var(--font-xs);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:5px;padding:7px 10px;font-family:inherit;font-weight:800;display:inline-flex}.staff-message-edit-actions button:first-child{color:#fff;background:#10b981}.staff-message-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.staff-context-overlay{z-index:300;background:0 0;position:fixed;inset:0}.staff-reaction-picker{background:var(--card-bg);border:1px solid var(--border-input,#00000014);z-index:301;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:999px;align-items:center;gap:2px;padding:6px 10px;animation:.16s cubic-bezier(.34,1.56,.64,1) picker-pop;display:flex;box-shadow:0 8px 24px #00000029,0 2px 6px #00000014}@keyframes picker-pop{0%{opacity:0;transform:scale(.7)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.staff-reaction-picker button{cursor:pointer;font-size:var(--font-md);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;padding:3px 4px;line-height:1;transition:transform .12s cubic-bezier(.34,1.56,.64,1),background .1s}.staff-reaction-picker button:hover{background:#0000000d;transform:scale(1.35)translateY(-2px)}.staff-reaction-picker button:active{transform:scale(1.2)}.staff-reaction-picker button.active{background:#10b9812e}.staff-context-panel{background:var(--card-bg);padding:max(env(safe-area-inset-top), 8px) 12px 10px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-bottom-right-radius:16px;border-bottom-left-radius:16px;animation:.18s ctx-slide-down;position:absolute;top:0;left:0;right:0;box-shadow:0 4px 20px #00000024}@keyframes ctx-slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.staff-context-actions{justify-content:space-around;display:flex}.staff-context-actions button{cursor:pointer;color:var(--text-1);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:6px 10px;transition:background .1s;display:flex}.staff-context-actions button:active{background:#00000012}.staff-context-actions button.danger{color:#ef4444}.staff-context-actions button span{font-size:var(--font-xs);font-weight:500}.staff-announcement-modal{z-index:320;padding:16px;padding-bottom:calc(max(16px, env(safe-area-inset-bottom)) + 68px);background:#0f172a61;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.staff-announcement-sheet{background:var(--card-bg);border:1px solid var(--border-input);width:min(100%,520px);max-height:min(86vh,680px);padding:18px;padding-bottom:max(18px, env(safe-area-inset-bottom));border-radius:26px;overflow-y:auto;box-shadow:0 28px 70px #00000047}.staff-announcement-sheet-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.staff-announcement-sheet-head span{color:#10b981;text-transform:uppercase;letter-spacing:.08em;font-size:var(--font-xs);align-items:center;gap:6px;font-weight:900;display:inline-flex}.staff-announcement-sheet-head h2{font-size:var(--font-lg);margin:4px 0 0;line-height:1.12}.staff-announcement-sheet-head button{background:var(--surface-alt);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.staff-announcement-error{color:#ef4444;font-size:var(--font-sm);background:#ef44441f;border-radius:14px;margin-bottom:12px;padding:10px 12px;font-weight:700}.staff-announcement-field{margin-bottom:12px;display:block}.staff-announcement-field span{color:var(--text-secondary);font-size:var(--font-xs);margin-bottom:6px;font-weight:800;display:block}.staff-announcement-field input,.staff-announcement-field textarea{border:1px solid var(--border-input);background:var(--surface-alt);width:100%;color:var(--text-primary);font-family:inherit;font-size:var(--font-sm);box-sizing:border-box;border-radius:16px;outline:none;padding:12px 13px}.staff-announcement-field textarea{resize:vertical;min-height:124px;line-height:1.45}.staff-announcement-field small{text-align:right;color:var(--text-muted);font-size:var(--font-xs);margin-top:4px;display:block}.staff-announcement-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.staff-announcement-form-actions{grid-template-columns:1fr 1.4fr;gap:10px;margin-top:16px;display:grid}.staff-announcement-form-actions button{min-height:46px;font-family:inherit;font-size:var(--font-sm);cursor:pointer;border:none;border-radius:16px;font-weight:900}.staff-announcement-form-actions button:first-child{background:var(--surface-alt);color:var(--text-secondary)}.staff-announcement-form-actions button:last-child{color:#fff;background:#10b981;justify-content:center;align-items:center;gap:7px;display:inline-flex}.staff-announcement-form-actions button:disabled{opacity:.55;cursor:default}.staff-reactions-summary{z-index:2;background:#fff;border:1px solid #0f172a14;border-radius:999px;align-items:center;gap:0;padding:2px 4px;display:flex;position:absolute;bottom:-12px;right:10px;box-shadow:0 5px 14px #0f172a24}.staff-read-row{z-index:1;align-items:center;gap:6px;display:flex;position:absolute;bottom:-20px;right:0}.staff-message-row:has(.staff-reactions-summary) .staff-read-row{bottom:-36px}.staff-read-details{font-size:var(--font-xs);color:var(--text-muted);white-space:nowrap}.staff-read-avatars{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.staff-read-avatars span{color:#fff;background:#10b981;border:none;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;margin-left:2px;font-size:8px;font-weight:800;line-height:1;display:flex;overflow:hidden}.staff-read-avatars img{object-fit:cover;width:100%;height:100%}.staff-reactions-summary button,.staff-message-tools button,.staff-read-indicator{border:1px solid var(--border-input);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;font-family:inherit}.staff-reactions-summary button{min-height:18px;font-size:var(--font-sm);color:#111827;background:0 0;border:none;border-radius:999px;align-items:center;gap:1px;padding:0 2px;display:inline-flex}.staff-reactions-summary button.active{color:#111827;background:0 0}.staff-reactions-summary strong{font-size:var(--font-xs);line-height:1}.staff-message-tools{flex-shrink:0;gap:4px;display:flex}.staff-message-tools button{border-radius:9px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.staff-read-indicator{font-size:var(--font-xs);color:var(--text-muted);background:0 0;border:none;margin-top:5px;padding:0 2px}.staff-message-row.mine .staff-read-indicator{margin-left:auto;display:block}.staff-message-composer{left:50%;bottom:calc(max(10px, env(safe-area-inset-bottom)) + 68px);z-index:85;background:color-mix(in srgb, var(--card-bg) 94%, transparent);border:1px solid var(--border-color);border-radius:22px;width:min(100% - 28px,500px);padding:8px;position:fixed;transform:translate(-50%);box-shadow:0 16px 42px #0f172a29}.staff-composer-row{align-items:flex-end;gap:8px;display:flex}.staff-composer-row textarea{resize:none;min-width:0;min-height:42px;max-height:108px;color:var(--text-primary);font:inherit;font-size:var(--font-sm);scrollbar-width:none;background:0 0;border:none;outline:none;flex:1;padding:9px 10px;line-height:1.55;overflow-y:auto}.staff-composer-row textarea::-webkit-scrollbar{display:none}.staff-composer-row textarea::placeholder{color:var(--text-muted)}.staff-composer-row button{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.staff-composer-row button:disabled{opacity:.45;cursor:default}.staff-mention{color:#2563eb;font-weight:700}.staff-message-bubble.mine .staff-mention{color:#bfdbfe}.staff-mention-menu{background:var(--card-bg);border:1px solid var(--border-input);border-radius:16px;margin:0 0 8px;overflow:hidden;box-shadow:0 14px 34px #0f172a26}.staff-mention-menu button{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:9px;padding:9px 11px;font-family:inherit;display:flex}.staff-mention-menu button+button{border-top:1px solid var(--border-input)}.staff-mention-menu button>span{color:#10b981;background:#10b98121;border-radius:10px;justify-content:center;align-items:center;width:30px;height:30px;font-weight:800;display:flex}.staff-mention-menu strong,.staff-mention-menu small{display:block}.staff-mention-menu strong{font-size:var(--font-sm)}.staff-mention-menu small{color:var(--text-muted);font-size:var(--font-xs);margin-top:1px}.bottom-nav{width:100%;padding:6px 8px calc(6px + env(safe-area-inset-bottom));z-index:90;box-sizing:border-box;background:#f4f5fbf7;border-top:1px solid #00000014;gap:4px;transition:background .35s,border-color .35s;display:flex;position:fixed;bottom:0;left:0;overflow:hidden;box-shadow:0 -4px 16px #1a1c2e12}@media (width>=640px){.bottom-nav{width:560px;left:50%;transform:translate(-50%)}}[data-theme=dark] .bottom-nav{background:#111422fa;border-color:#ffffff12;box-shadow:0 -4px 16px #0000004d}.bottom-nav-item{z-index:1;min-width:0;height:48px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-family:inherit;transition:color .22s;display:flex;position:relative}.bottom-nav-icon{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .32s,color .24s,transform .28s cubic-bezier(.2,.9,.2,1);display:flex}.bottom-nav-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:400;line-height:1;transition:opacity .22s;overflow:hidden}.bottom-nav-item.active{color:var(--bottom-nav-active)}.bottom-nav-item.active .bottom-nav-icon{background:var(--bottom-nav-active);color:#fff;box-shadow:0 6px 18px color-mix(in srgb, var(--bottom-nav-active) 42%, transparent), inset 0 1px 0 #ffffff52}.bottom-nav-item.active .bottom-nav-label{opacity:1}.bottom-nav-item:active .bottom-nav-icon{transform:scale(.94)}@keyframes bottom-nav-ripple{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--bottom-nav-active) 34%, transparent), inset 0 1px 0 #ffffff52;transform:scale(.86)}58%{box-shadow:0 0 0 8px color-mix(in srgb, var(--bottom-nav-active) 0%, transparent), 0 6px 18px color-mix(in srgb, var(--bottom-nav-active) 42%, transparent), inset 0 1px 0 #ffffff52;transform:scale(1.08)}to{box-shadow:0 6px 18px color-mix(in srgb, var(--bottom-nav-active) 42%, transparent), inset 0 1px 0 #ffffff52;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=768px){body{transition:none}.daily-verse-card,.modal,.ai-summary-modal{backface-visibility:visible;transform:none}.bottom-nav{backface-visibility:visible}.daily-verse-card:before,.daily-verse-card:after,.daily-sky:before,.daily-sky:after,.daily-stars,.verse-modal-overlay{transition:none!important;animation:none!important}.daily-verse-card:after{opacity:.24}.daily-verse-card.night:after{opacity:.2}.daily-stars{display:none!important}.daily-verse-text,.verse-modal-verse{text-shadow:none}.bottom-nav{background:#f7f8fc;box-shadow:0 10px 28px #1a1c2e24}.bottom-nav:before,.bottom-nav:after{display:none}[data-theme=dark] .bottom-nav{background:#171a2a;box-shadow:0 10px 28px #00000070}.modal-overlay{-webkit-backdrop-filter:none;background:#0c0e1894}}body[data-verse-modal-visible] .bottom-nav{opacity:0;pointer-events:none;transform:translate(-50%)translateY(12px)}body:has(.bottom-sheet-overlay) .bottom-nav{opacity:0;pointer-events:none;transform:translate(-50%)translateY(12px)}body:has(.modal-overlay) .bottom-nav{opacity:0;pointer-events:none;transform:translate(-50%)translateY(12px)}body[data-bottom-nav=true] .page-container{padding-bottom:calc(64px + env(safe-area-inset-bottom))!important}:is(body[data-bottom-nav=true] .page-container:has(.scroll-bottom-safe),body[data-bottom-nav=true] .page-container:has(.presence-list-scroll)){padding-bottom:0!important}body[data-bottom-nav=true] .page-content,body[data-bottom-nav=true] .scroll-bottom-safe{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}body[data-bottom-nav=true] .page-with-fab{padding-bottom:calc(116px + env(safe-area-inset-bottom))!important}body[data-bottom-nav=true] .page-with-fab .page-content{padding-bottom:calc(160px + env(safe-area-inset-bottom))!important}body[data-bottom-nav=true] .presence-list-scroll{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}body[data-bottom-nav=true] .page-fab{bottom:calc(84px + env(safe-area-inset-bottom))!important}.tx-receipt-btn{color:#10b981;cursor:pointer;background:#10b9811a;border:1px solid #10b9814d;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .15s;display:flex}.tx-receipt-btn:active{opacity:.65}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=380px){.bottom-nav{border-radius:21px;height:58px;padding:5px}.bottom-nav-item{height:48px}.bottom-nav-icon{width:30px;height:30px}.bottom-nav-label{font-size:8px}}@media (width>=1024px){body[data-desktop-layout=true]{background:#f5f7fb;overflow:hidden}[data-theme=dark] body[data-desktop-layout=true]{background:#08090f}body[data-desktop-layout=true] .bottom-nav{display:none!important}.desktop-shell{color:#1f2937;background:#f5f7fb;grid-template-columns:260px minmax(0,1fr);height:100vh;min-height:100vh;display:grid;overflow:hidden}[data-theme=dark] .desktop-shell{color:var(--text-primary);background:#08090f}.desktop-sidebar{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;gap:22px;height:100vh;padding:22px 16px;display:flex}[data-theme=dark] .desktop-sidebar{background:#111422;border-color:#ffffff12}.desktop-brand{align-items:center;gap:12px;padding:8px 8px 14px;display:flex}.desktop-brand-mark{color:#fff;letter-spacing:0;background:linear-gradient(135deg,#0cc0df,#16b5a3);border-radius:16px;justify-content:center;align-items:center;width:46px;height:46px;font-weight:900;display:flex;box-shadow:0 14px 30px #0cc0df3d}.desktop-brand strong,.desktop-brand span{display:block}.desktop-brand strong{color:var(--text-primary);font-size:14px}.desktop-brand span{color:var(--text-secondary);margin-top:2px;font-size:12px}.desktop-nav{flex-direction:column;flex:1;gap:6px;padding-right:2px;display:flex;overflow-y:auto}.desktop-nav-item,.desktop-logout{min-height:42px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:14px;align-items:center;gap:11px;padding:0 13px;font-size:14px;font-weight:700;text-decoration:none;transition:background .18s,color .18s,transform .18s;display:flex}.desktop-nav-item:hover,.desktop-logout:hover{color:#0f9db5;background:#0cc0df14}.desktop-nav-item.active{color:#0794ad;background:linear-gradient(135deg,#0cc0df29,#ffbd592e);box-shadow:inset 0 0 0 1px #0cc0df29}.desktop-logout{color:#ef4444;background:#ef444414;width:100%}.desktop-main{flex-direction:column;min-width:0;height:100vh;display:flex;overflow:hidden}.desktop-topbar{z-index:120;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f5f7fbe6;border-bottom:1px solid #e5e7ebe6;flex-shrink:0;grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:24px;height:76px;padding:0 28px;display:grid;position:relative}[data-theme=dark] .desktop-topbar{background:#08090fdb;border-color:#ffffff12}.desktop-topbar-primary{grid-template-columns:minmax(128px,max-content) minmax(180px,1fr) auto;align-items:center;gap:18px;min-width:0;display:grid}.desktop-topbar-title{min-width:0}.desktop-topbar-title strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-weight:900;line-height:1.1;display:block;overflow:hidden}.desktop-page-kicker{color:#0cc0df;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900}.desktop-topbar-brand strong{color:var(--text-primary);letter-spacing:0;margin:4px 0 0;font-size:17px;line-height:1.1;display:block}.desktop-search{color:#9ca3af;background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:10px;height:44px;padding:0 14px;display:flex}.desktop-search-wrap{width:100%;min-width:0;position:relative}[data-theme=dark] .desktop-search{background:#111422;border-color:#ffffff14}.desktop-search input{min-width:0;color:var(--text-primary);font:inherit;background:0 0;border:none;outline:none;flex:1;font-size:14px}.desktop-search-results{z-index:320;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:8px;position:absolute;top:calc(100% + 10px);left:0;right:0;box-shadow:0 22px 52px #0f172a24}[data-theme=dark] .desktop-search-results{background:#111422;border-color:#ffffff14}.desktop-search-results button,.desktop-search-empty{width:100%;min-height:42px;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:13px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 10px;font-size:13px;font-weight:800;display:grid}.desktop-search-results button:hover{background:#0cc0df1a}.desktop-search-results small{color:var(--text-muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:11px;font-weight:700;overflow:hidden}.desktop-search-results span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.desktop-search-results em{color:#0cc0df;letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:10px;font-style:normal;font-weight:900;display:block}.desktop-search-empty{color:var(--text-secondary);cursor:default;display:flex}.desktop-top-actions{justify-content:flex-end;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.desktop-page-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.desktop-toolbar-btn{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#0cc0df;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:0 12px 26px #0cc0df2e}.desktop-toolbar-btn.secondary{color:#6b7280;width:44px;box-shadow:none;background:#fff;border:1px solid #e5e7eb;padding:0}[data-theme=dark] .desktop-toolbar-btn.secondary{color:var(--text-secondary);background:#111422;border-color:#ffffff14}.desktop-toolbar-btn:disabled{opacity:.55;cursor:default;box-shadow:none}.desktop-create-wrap{position:relative}.desktop-create-btn,.desktop-icon-btn{height:42px;font:inherit;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.desktop-create-btn{color:#fff;background:#0cc0df;padding:0 14px;box-shadow:0 12px 26px #0cc0df38}.desktop-create-btn:focus,.desktop-create-btn:focus-visible,.desktop-icon-btn:focus,.desktop-icon-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #0cc0df2e,0 12px 26px #0cc0df38}.desktop-icon-btn{color:#64748b;background:#ffffffd1;border:1px solid #e5e7eb;border-radius:14px;width:40px;height:40px;box-shadow:0 10px 22px #0f172a0a}[data-theme=dark] .desktop-icon-btn{color:var(--text-secondary);background:#111422;border-color:#ffffff14}.desktop-user-chip{background:#ffffffe6;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:9px;width:226px;min-width:0;height:46px;padding:5px 12px 5px 5px;display:flex;overflow:hidden;box-shadow:0 10px 22px #0f172a0a}[data-theme=dark] .desktop-user-chip{background:#111422;border-color:#ffffff14}.desktop-user-chip>span{color:#1f2937;background:#ffbd59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:900;display:flex;overflow:hidden}.desktop-user-chip>span img{object-fit:cover;width:100%;height:100%;display:block}.desktop-user-chip>div{flex:1;min-width:0}.desktop-user-chip strong,.desktop-user-chip small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.desktop-user-chip strong{color:var(--text-primary);font-size:12.5px;line-height:1.1}.desktop-user-chip small{color:var(--text-secondary);font-size:10.5px;line-height:1.15}.desktop-quick-menu{z-index:300;background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:230px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 22px 52px #0f172a24}[data-theme=dark] .desktop-quick-menu{background:#111422;border-color:#ffffff14}.desktop-quick-menu a,.desktop-quick-menu button{width:100%;min-height:38px;color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:9px;padding:0 10px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.desktop-quick-menu a:hover,.desktop-quick-menu button:hover{background:#0cc0df1a}.desktop-workspace{z-index:1;flex:1;grid-template-columns:minmax(0,1fr) 320px;gap:24px;min-height:0;padding:24px 28px 28px;display:grid;position:relative;overflow:hidden}.desktop-content{scrollbar-width:thin;border-radius:24px;min-width:0;height:100%;overflow-y:auto}.desktop-right-panel{flex-direction:column;gap:16px;min-height:0;display:flex;overflow-y:auto}.desktop-right-panel.desktop-verse-panel{overflow:hidden}.desktop-right-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:18px;box-shadow:0 18px 42px #0f172a0f}[data-theme=dark] .desktop-right-card{background:#111422;border-color:#ffffff12}.desktop-right-card h3{color:var(--text-primary);margin:0 0 12px;font-size:15px}.desktop-right-card a{min-height:38px;color:var(--text-secondary);border-radius:12px;align-items:center;gap:9px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.desktop-welcome-card{color:#fff;background:linear-gradient(135deg,#0cc0df,#16b5a3);border:none;justify-content:space-between;align-items:flex-start;display:flex}.desktop-welcome-card span,.desktop-welcome-card p{color:#ffffffc7}.desktop-welcome-card h3{color:#fff;margin:6px 0}.desktop-verse-card{background:radial-gradient(circle at 100% 0,#ffbd593d,#0000 42%),linear-gradient(135deg,#fff,#f8fdff);flex-direction:column;height:100%;min-height:260px;display:flex;overflow:hidden}[data-theme=dark] .desktop-verse-card{background:radial-gradient(circle at 100% 0,#0cc0df29,#0000 42%),linear-gradient(135deg,#111422,#0c1020)}.desktop-verse-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.desktop-verse-head span{color:#0b9eb7;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:900;display:inline-flex}.desktop-verse-head button{color:#0b9eb7;cursor:pointer;background:#0cc0df1f;border:none;border-radius:12px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.desktop-verse-head button:disabled{opacity:.55;cursor:wait}.desktop-verse-head button:disabled svg{animation:.8s linear infinite spin}.desktop-verse-text{color:var(--text-primary);margin:0 0 14px;font-size:16px;font-weight:800;line-height:1.55}.desktop-verse-card strong{color:#0b9eb7;margin-bottom:12px;display:block}.desktop-verse-card small{color:var(--text-secondary);font-size:13px;line-height:1.65;display:block}.desktop-verse-expl{scrollbar-width:none;-ms-overflow-style:none;flex:auto;min-height:0;padding-right:2px;overflow-y:auto}.desktop-verse-expl::-webkit-scrollbar{width:0;height:0;display:none}.desktop-verse-empty{color:var(--text-secondary);gap:10px;font-size:13px;line-height:1.5;display:grid}.desktop-page-intro,.desktop-section-card,.desktop-stat-card{background:#fff;border:1px solid #e5e7eb;box-shadow:0 18px 42px #0f172a0f}[data-theme=dark] .desktop-page-intro,[data-theme=dark] .desktop-section-card,[data-theme=dark] .desktop-stat-card{background:#111422;border-color:#ffffff12}.desktop-page-intro{border-radius:28px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:24px;display:flex}.desktop-page-intro span{color:#0cc0df;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900}.desktop-page-intro h2{color:var(--text-primary);margin:5px 0;font-size:28px}.desktop-page-intro p{color:var(--text-secondary);margin:0;font-size:14px}.desktop-page-intro button,.desktop-section-head button{color:#0b9eb7;font:inherit;cursor:pointer;background:#0cc0df1f;border:none;border-radius:14px;padding:10px 14px;font-size:13px;font-weight:900}.desktop-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.desktop-stat-card{text-align:left;width:100%;min-height:126px;font:inherit;cursor:pointer;border-radius:24px;align-items:flex-start;gap:14px;padding:18px;display:flex}.desktop-stat-icon{background:color-mix(in srgb, var(--stat-color) 14%, transparent);width:46px;height:46px;color:var(--stat-color);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.desktop-stat-body span,.desktop-stat-body strong,.desktop-stat-body small{display:block}.desktop-stat-body span{color:var(--text-secondary);font-size:13px;font-weight:800}.desktop-stat-body strong{color:var(--text-primary);margin-top:8px;font-size:24px;line-height:1.08}.desktop-stat-body small{color:var(--text-muted);margin-top:7px;font-size:12px}.desktop-dashboard-grid{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.desktop-section-card{border-radius:24px;padding:18px;overflow:hidden}.desktop-wide-card{grid-row:span 2}.desktop-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.desktop-section-head h2{color:var(--text-primary);margin:0;font-size:16px}.desktop-budget-summary{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.desktop-budget-summary div{background:var(--surf2);border-radius:18px;padding:14px}.desktop-budget-summary span,.desktop-budget-summary strong{display:block}.desktop-budget-summary span{color:var(--text-secondary);font-size:12px;font-weight:800}.desktop-budget-summary strong{margin-top:8px;font-size:18px}.positive{color:#22c55e!important}.negative{color:#ef4444!important}.desktop-next-event,.desktop-activity-row,.desktop-member-preview button{align-items:center;gap:12px;display:flex}.desktop-next-event{color:#b76b00;background:#ffbd5929;border-radius:18px;padding:14px}.desktop-next-event strong,.desktop-next-event span{display:block}.desktop-next-event strong{color:var(--text-primary)}.desktop-next-event span{color:var(--text-secondary);margin-top:3px;font-size:12px}.desktop-mini-metrics{gap:8px;margin-top:12px;display:flex}.desktop-mini-metrics span{background:var(--surf2);color:var(--text-secondary);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.desktop-activity-list,.desktop-member-preview{flex-direction:column;gap:8px;display:flex}.desktop-activity-row,.desktop-member-preview button{border:1px solid var(--border-light);background:var(--surf2);width:100%;min-height:54px;font:inherit;text-align:left;cursor:pointer;border-radius:16px;padding:9px 12px}.desktop-activity-row>span,.desktop-member-preview button>span{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-weight:900;display:flex}.desktop-activity-row>span.income{color:#22c55e;background:#22c55e1f}.desktop-activity-row>span.expense{color:#ef4444;background:#ef44441f}.desktop-member-preview button>span{color:#0b9eb7;background:#0cc0df1f}.desktop-activity-row div,.desktop-member-preview div{flex:1;min-width:0}.desktop-activity-row strong,.desktop-member-preview strong,.desktop-activity-row small,.desktop-member-preview small{display:block}.desktop-activity-row strong,.desktop-member-preview strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.desktop-activity-row small,.desktop-member-preview small{color:var(--text-muted);margin-top:2px;font-size:12px}.desktop-activity-row em{font-size:13px;font-style:normal;font-weight:900}.desktop-accent-card{color:#fff;background:linear-gradient(135deg,#0cc0df,#ffbd59);border:none;flex-direction:column;justify-content:center;gap:8px;min-height:150px;display:flex}.desktop-accent-card .desktop-section-head{display:none}.desktop-accent-card strong{font-size:34px}.desktop-empty{color:var(--text-secondary);text-align:center;padding:18px;font-size:13px}.desktop-table-wrap{overflow-x:auto}.desktop-table-wrap table{border-collapse:collapse;width:100%;font-size:13px}.desktop-table-wrap th,.desktop-table-wrap td{text-align:left;border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:11px 12px}.desktop-table-wrap th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.desktop-shell .sin{animation:none}.desktop-shell .page-container,.desktop-shell .page-container-locked,.desktop-shell .budget-page,.desktop-shell .sin[style*="100dvh"]{border-radius:26px;background:0 0!important;max-width:none!important;height:auto!important;min-height:auto!important;padding-bottom:0!important;position:relative!important;inset:auto!important;overflow:visible!important}.desktop-shell .textured-page-header{box-shadow:0 18px 42px #0f172a0f;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:26px!important;margin-bottom:16px!important;padding-top:20px!important}.desktop-shell .desktop-hide-page-header,.desktop-shell .desktop-page-header-main{display:none!important}[data-theme=dark] .desktop-shell .textured-page-header{background:#111422!important;border-color:#ffffff12!important}.desktop-shell .page-content,.desktop-shell .scroll-bottom-safe,.desktop-shell .presence-list-scroll{overflow:visible!important}.desktop-shell .page-container-locked .page-content,.desktop-shell .page-container .page-content{padding-bottom:0!important;padding-left:0!important;padding-right:0!important}.desktop-shell .bottom-sheet-overlay,.desktop-shell .modal-overlay,.desktop-shell .staff-announcement-modal,.desktop-shell .staff-context-overlay,body[data-desktop-layout=true] .bottom-sheet-overlay,body[data-desktop-layout=true] .modal-overlay,body[data-desktop-layout=true] .staff-announcement-modal,body[data-desktop-layout=true] .staff-context-overlay{z-index:5200!important;box-sizing:border-box!important;background:#0000008c!important;justify-content:center!important;align-items:center!important;padding:24px!important;position:fixed!important;inset:0!important;overflow:auto!important}.desktop-shell .staff-reaction-picker{z-index:5001!important}.desktop-shell .bottom-sheet,.desktop-shell .staff-announcement-sheet,body[data-desktop-layout=true] .bottom-sheet,body[data-desktop-layout=true] .staff-announcement-sheet{border-radius:24px!important;flex-direction:column!important;width:min(640px,100vw - 64px)!important;min-height:0!important;max-height:calc(100dvh - 64px)!important;display:flex!important;overflow:hidden!important;box-shadow:0 28px 90px #0f172a47!important}.desktop-shell .bottom-sheet,body[data-desktop-layout=true] .bottom-sheet{background:var(--card-bg)!important;padding:0!important}.desktop-shell .modal,body[data-desktop-layout=true] .modal{border-radius:24px!important;width:min(420px,100vw - 64px)!important;max-height:calc(100dvh - 64px)!important;overflow-y:auto!important;box-shadow:0 28px 90px #0f172a47!important}.desktop-shell .bottom-sheet-handle,body[data-desktop-layout=true] .bottom-sheet-handle{display:none!important}.desktop-shell .bottom-sheet>.dialog-title,.desktop-shell .modal>.dialog-title,.desktop-shell .staff-announcement-sheet>.dialog-title,body[data-desktop-layout=true] .bottom-sheet>.dialog-title,body[data-desktop-layout=true] .modal>.dialog-title,body[data-desktop-layout=true] .staff-announcement-sheet>.dialog-title{flex-shrink:0!important;margin:0!important;padding:24px 24px 16px!important}.desktop-shell .bottom-sheet>.dialog-content,.desktop-shell .staff-announcement-sheet>.dialog-content,body[data-desktop-layout=true] .bottom-sheet>.dialog-content,body[data-desktop-layout=true] .staff-announcement-sheet>.dialog-content{flex:auto!important;min-height:0!important;margin:0!important;padding:0 24px 18px!important;overflow-y:auto!important}.desktop-shell .bottom-sheet>.dialog-content,body[data-desktop-layout=true] .bottom-sheet>.dialog-content{scrollbar-gutter:stable}.desktop-shell .bottom-sheet>.dialog-footer,.desktop-shell .staff-announcement-sheet>.dialog-footer,body[data-desktop-layout=true] .bottom-sheet>.dialog-footer,body[data-desktop-layout=true] .staff-announcement-sheet>.dialog-footer{border-top:1px solid var(--border-light)!important;background:var(--card-bg)!important;flex-shrink:0!important;gap:10px!important;margin:0!important;padding:16px 24px 24px!important;display:flex!important}.desktop-shell .modal>.dialog-footer,body[data-desktop-layout=true] .modal>.dialog-footer{margin-top:18px!important}.desktop-shell .materiel-form-sheet>form,body[data-desktop-layout=true] .materiel-form-sheet>form{flex-direction:column!important;flex:auto!important;min-height:0!important;display:flex!important}.desktop-shell .materiel-form-sheet>form>.dialog-content,body[data-desktop-layout=true] .materiel-form-sheet>form>.dialog-content{scrollbar-gutter:stable;flex:auto!important;min-height:0!important;margin:0!important;padding:0 24px 18px!important;overflow-y:auto!important}.desktop-shell .materiel-form-sheet>form>.dialog-footer,body[data-desktop-layout=true] .materiel-form-sheet>form>.dialog-footer{border-top:1px solid var(--border-light)!important;background:var(--card-bg)!important;flex-shrink:0!important;gap:10px!important;margin:0!important;padding:16px 24px 24px!important;display:flex!important}.desktop-shell .verse-modal{z-index:6000!important}.desktop-content:has(.staff-messages-page){overflow:hidden!important}.desktop-shell .staff-messages-page{border-radius:24px;height:100%!important;min-height:0!important;overflow:hidden!important}.desktop-shell .staff-message-list{flex:auto!important;min-height:0!important;padding-bottom:18px!important;scroll-padding-bottom:18px!important;overflow-y:auto!important}.desktop-shell .staff-message-composer{border-radius:20px!important;flex-shrink:0!important;width:100%!important;max-width:none!important;margin:0!important;position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important;box-shadow:0 -12px 34px #0f172a14!important}}.documents-materials-tabs{position:relative;overflow:hidden}.documents-materials-indicator{background:var(--teal);pointer-events:none;border-radius:14px;width:calc(50% - 6px);transition:transform .24s cubic-bezier(.2,.9,.2,1);position:absolute;top:6px;bottom:6px;left:6px;transform:translate(0);box-shadow:0 8px 18px #0f172a14}.documents-materials-tabs[data-active=documents] .documents-materials-indicator{transform:translate(100%)}.documents-panel-header{margin-bottom:14px}.documents-panel-add-btn{white-space:nowrap}.materiel-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.materiel-stat-card{flex-direction:row;justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.materiel-stat-label{font-size:11px;line-height:1.2}.materiel-stat-value{flex-shrink:0;line-height:1.2}.materiel-cards-grid{gap:12px;display:grid}.materiel-card{width:100%;transition:transform .18s,box-shadow .18s,border-color .18s}.materiel-card:hover{transform:translateY(-1px);box-shadow:0 18px 36px #0f172a14!important}.materiel-form-grid,.materiel-detail-grid{grid-template-columns:1fr;gap:12px;display:grid}.materiel-form-sheet{flex-direction:column;display:flex;overflow:hidden}.materiel-form-sheet>form{flex:auto;min-height:0;flex-direction:column!important;display:flex!important}.materiel-form-sheet>form>.dialog-content{scrollbar-gutter:stable;flex:auto;min-height:0;margin-bottom:0;padding-bottom:14px;overflow-y:auto}.materiel-form-sheet>form>.dialog-footer{border-top:1px solid var(--border-light);background:var(--card-bg);flex-shrink:0;margin-top:0;padding-top:12px}.member-form-sheet>.dialog-title{flex-shrink:0;margin:0;padding-bottom:16px}.member-form-sheet>.dialog-content{scrollbar-gutter:stable;flex:auto;min-height:0;margin-bottom:0;padding-bottom:14px;overflow-y:auto}.member-form-sheet>.dialog-footer{border-top:1px solid var(--border-light);background:var(--card-bg);flex-shrink:0;margin-top:0;padding-top:12px}.fixed-footer-sheet{flex-direction:column;display:flex;overflow:hidden}.fixed-footer-sheet>.dialog-title{flex-shrink:0;margin:0;padding-bottom:16px}.fixed-footer-sheet>.dialog-content{scrollbar-gutter:stable;flex:auto;min-height:0;margin-bottom:0;padding-bottom:14px;overflow-y:auto}.fixed-footer-sheet>.dialog-footer{border-top:1px solid var(--border-light);background:var(--card-bg);flex-shrink:0;margin-top:0;padding-top:12px}.materiel-photo-actions{gap:8px;display:flex}.materiel-photo-btn{flex:1;justify-content:center;align-items:center;min-height:42px;display:flex}.materiel-primary-btn,.materiel-footer-btn{min-height:42px;font-family:inherit;font-size:var(--font-sm);border-radius:12px}.materiel-primary-btn{background:var(--btn-primary-bg);color:#fff;cursor:pointer;border:none;flex:2;padding:13px 16px;font-weight:700}.materiel-danger-btn{color:#f43f5e;min-height:42px;font-weight:700;font-size:var(--font-sm);cursor:pointer;background:#f43f5e1a;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:13px 16px;font-family:inherit;display:flex}.materiel-footer-btn{flex:1;padding:13px 16px}.materiel-primary-btn:disabled,.materiel-danger-btn:disabled,.materiel-footer-btn:disabled{opacity:.6;cursor:not-allowed}.presence-edit-footer{flex-direction:column;gap:10px}.presence-edit-footer-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.presence-edit-footer-row .materiel-primary-btn,.presence-edit-footer-row .materiel-danger-btn{flex:1}.materiel-action-footer{margin-top:18px!important}.materiel-detail-grid>div{background:var(--surf2);border:1px solid var(--border-light);border-radius:14px;min-width:0;padding:12px 14px}.materiel-detail-photo{border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;display:flex;overflow:hidden}.materiel-detail-photo img{object-fit:cover;width:100%;height:100%}.materiel-detail-grid strong{color:var(--text-secondary);margin-bottom:4px;font-size:12px;display:block}.materiel-detail-modal .dialog-footer{background:0 0!important;border-top:none!important;padding-bottom:0!important;padding-left:0!important;padding-right:0!important}.materiel-detail-modal{flex-direction:column!important;display:flex!important;overflow:hidden!important}.materiel-detail-content{flex:auto;min-height:0;padding-right:2px;overflow-y:auto}.materiel-detail-footer{flex-shrink:0;border-top:1px solid var(--border-light)!important;background:var(--card-bg)!important;justify-content:flex-end!important;align-items:center!important;margin-top:0!important;padding-top:12px!important;display:flex!important}.materiel-detail-footer-menu{flex-wrap:wrap;gap:8px;width:100%;display:flex}.materiel-detail-footer-main{align-items:center;gap:8px;width:100%;margin-left:0;display:inline-flex}.materiel-form-sheet .dialog-content{margin-bottom:0}[data-theme=dark] .documents-materials-tabs{background:#ffffff0d!important}[data-theme=dark] .documents-materials-indicator{box-shadow:0 12px 24px #00000038}@media (width<=767px){.documents-panel-header{grid-template-columns:1fr;align-items:stretch!important;display:grid!important}.documents-panel-add-btn{justify-content:center;width:100%}.documents-materials-tabs button span{font-size:12px}.materiel-stat-card{border-radius:13px!important;padding:9px 10px!important}.materiel-stat-label{font-size:10px!important}.materiel-stat-value{font-size:13px!important}.materiel-photo-actions{flex-direction:column}}@media (width>=768px){.materiel-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.materiel-form-grid,.materiel-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.materiel-cards-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (width>=1280px){.materiel-cards-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}body[data-desktop-layout=true] .materiel-cards-grid,.desktop-shell .materiel-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}@media (width>=1280px){.desktop-workspace,.desktop-topbar{grid-template-columns:minmax(0,1fr) 340px}}@media (width<=1180px) and (width>=1024px){.desktop-workspace{grid-template-columns:minmax(0,1fr)}.desktop-right-panel{display:none}.desktop-topbar{grid-template-columns:minmax(0,1fr) auto}.desktop-topbar-primary{grid-template-columns:minmax(100px,max-content) minmax(160px,1fr) auto;gap:14px}.desktop-user-chip{min-width:48px;padding-right:6px}.desktop-user-chip div{display:none}}