:root{--synca-purple:#7d4dff;--synca-mint:#34c759;--synca-mint-light:#1c1c1e0d;--cleared-border-color:#3c3c4338;--cleared-icon-color:#3c3c43d1;--bg-color:#f2f2f7;--card-bg-color:#fff;--panel-bg-color:#fff;--text-main:#1c1c1e;--text-secondary:#8e8e93;--border-color:#0000000d;--send-icon-arrow-color:#fff}@media (prefers-color-scheme:dark){:root{--bg-color:#000;--card-bg-color:#1c1c1e;--panel-bg-color:#2c2c2e;--text-main:#e5e5e7;--text-secondary:#86868b;--border-color:#ffffff14;--synca-mint-light:#ffffff0d;--cleared-border-color:#ebebf533;--cleared-icon-color:#ebebf5b3;--send-icon-arrow-color:#1c1c1e}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.auth-container{flex-direction:column;justify-content:center;align-items:center;gap:24px;height:100vh;display:flex}.auth-container h1{font-size:32px;font-weight:600}.auth-container p{color:var(--text-secondary);font-size:14px}#appleid-signin{width:240px;height:44px}.app-container{flex-direction:column;width:100%;height:100vh;display:flex;position:relative}.header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);z-index:10;justify-content:space-between;align-items:center;height:50px;padding:0 16px;display:flex}.header-title{font-size:16px;font-weight:600}.header-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;font-size:14px;transition:opacity .15s;display:flex}.header-btn:hover{opacity:.7}.category-toolbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:10px 16px;display:flex}.category-switcher{flex:auto;align-items:center;gap:8px;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.category-chip{color:var(--text-main);white-space:nowrap;background:#7878801f;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex;position:relative}.category-chip.has-badge{overflow:visible}.category-todo-badge{color:#fff;border:1px solid color-mix(in srgb, var(--panel-bg-color) 88%, transparent);text-align:center;font-variant-numeric:tabular-nums;pointer-events:none;background:#ff3b30;border-radius:999px;min-width:17px;height:17px;padding:0 5px;font-size:10px;font-weight:800;line-height:15px;position:absolute;top:-7px;right:-8px;box-shadow:0 1px 3px #0000002e}button.category-chip{cursor:pointer}.category-chip.active{border-color:#0000001f;box-shadow:inset 0 0 0 1px #ffffff2e}.category-chip.add-chip{justify-content:center;align-items:center;min-width:34px;padding:6px 10px;display:inline-flex}.category-add-btn{border:1px solid var(--border-color);background:color-mix(in srgb, var(--panel-bg-color) 82%, transparent);width:34px;height:34px;color:var(--text-main);cursor:pointer;border-radius:999px;flex:none;justify-content:center;align-items:center;transition:transform .15s,border-color .15s,background .15s;display:inline-flex}.category-add-btn:hover{background:color-mix(in srgb, var(--panel-bg-color) 94%, #7d4dff14);border-color:#7d4dff42;transform:translateY(-1px)}.category-chip.color-slate{background:#78788029}.category-chip.color-sky{background:#0a84ff29}.category-chip.color-mint{background:#30d15829}.category-chip.color-amber{background:#ff9f0a2e}.category-chip.color-coral{background:#ff69612e}.category-chip.color-violet{background:#af52de2e}.category-chip.color-rose{background:#ff375f29}.category-chip.color-ocean{background:#5ac8fa2e}.default-send-picker{color:var(--text-secondary);white-space:nowrap;flex-wrap:nowrap;flex:none;align-items:center;gap:8px;min-height:40px;font-size:12px;display:inline-flex}.default-send-picker.is-readonly{opacity:.68}.default-send-picker-label{flex:none}.default-send-picker-field{border:1px solid var(--border-color);background:color-mix(in srgb, var(--panel-bg-color) 92%, transparent);border-radius:12px;align-items:center;gap:8px;min-width:172px;padding:4px 10px;display:inline-flex}.default-send-picker select,.message-category-pill,.category-inline-input,.category-name-input{border:1px solid var(--border-color);background:var(--panel-bg-color);color:var(--text-main);border-radius:10px;padding:8px 10px}.default-send-picker select:disabled{opacity:1;cursor:default}.default-send-picker-value{min-width:0;color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:12px;font-weight:600;overflow:hidden}.message-list{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.empty-state{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding-bottom:80px;display:flex}.empty-state-icon{color:var(--text-secondary);opacity:.6}.empty-state-title{color:var(--text-main);font-size:24px;font-weight:600}.empty-state-slogan{color:var(--text-secondary);font-size:14px}.message-bubble{background-color:var(--card-bg-color);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:8px;padding:12px;transition:all .2s;display:flex;box-shadow:0 1px 2px #00000005}.message-bubble.cleared{background-color:var(--synca-mint-light);border-color:var(--cleared-border-color);opacity:.8}.message-bubble.cleared .message-content{color:var(--text-main);opacity:.5}.message-bubble.cleared .message-image{opacity:.6}.message-header{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.message-content{white-space:pre-wrap;word-break:break-word;font-size:15px;line-height:1.4}.message-link{color:#2563eb;cursor:pointer;text-decoration:none;transition:opacity .15s}.message-link:hover{opacity:.85;text-decoration:underline}.message-image{object-fit:cover;border-radius:8px;max-width:320px;max-height:450px}.file-card{border:1px solid var(--border-color);color:inherit;cursor:pointer;text-align:left;background:#78788014;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.file-card:hover{border-color:#7d4dff38}.file-card-icon{color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-card-meta{flex:1;min-width:0}.file-card-name{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.file-card-detail{color:var(--text-secondary);gap:8px;margin-top:4px;font-size:12px;display:flex}.actions{gap:12px;display:flex}.message-category-pill{appearance:none;padding:4px 10px;font-size:11px;font-weight:600}.action-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.action-btn:hover{color:var(--text-main)}.action-btn.cleared-icon{color:var(--cleared-icon-color)}.input-bar{border-top:1px solid var(--border-color);background-color:var(--bg-color);align-items:stretch;padding:12px 16px;display:flex}.input-shell{border:1px solid var(--border-color);background:color-mix(in srgb, var(--panel-bg-color) 94%, transparent);border-radius:20px;align-items:flex-end;gap:12px;width:100%;padding:10px 12px;display:flex;box-shadow:0 8px 24px #0000000a}.input-bar textarea{color:var(--text-main);resize:none;background-color:#0000;border:none;border-radius:0;outline:none;flex:1;min-height:40px;max-height:160px;padding:8px 0;font-family:inherit;font-size:15px;line-height:1.4;transition:opacity .2s;overflow-y:auto}.input-bar textarea.sending{opacity:.5;cursor:not-allowed}.input-bar .send-btn{color:var(--synca-purple);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:6px;padding:0;display:flex}.input-bar .send-btn:disabled{color:var(--text-secondary);opacity:.4;cursor:not-allowed}.photo-upload{cursor:pointer;color:var(--text-main);flex-shrink:0;align-items:center;margin-bottom:4px;display:flex;position:relative}.photo-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.file-upload{justify-content:center;width:22px}.tiled-layout .input-bar{background:0 0;border-top:none;padding:14px}.tiled-layout .category-toolbar{display:none}.category-board{flex:1;align-items:stretch;gap:16px;padding:16px;display:flex;overflow-x:auto}.category-column{min-width:420px;width:var(--category-column-width,420px);flex:0 0 var(--category-column-width,420px);border:1px solid var(--border-color);background:color-mix(in srgb, var(--card-bg-color) 90%, transparent);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.category-column-header{border-bottom:1px solid var(--border-color);padding:12px 14px}.category-column-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.category-column-actions{gap:4px;display:flex}.category-column-list{flex-direction:column;flex:1;gap:12px;padding:14px;display:flex;overflow-y:auto}.category-column-input{border-top:1px solid var(--border-color);background:color-mix(in srgb, var(--panel-bg-color) 90%, transparent);padding:0}.category-column-empty-hint{text-align:center;color:var(--text-secondary);margin-top:12px;font-size:13px}.column-section-label{margin-top:8px;margin-bottom:4px}.column-section-label span{color:var(--text-secondary);background:var(--border-color);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700}.modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--panel-bg-color);text-align:center;border-radius:22px;flex-direction:column;justify-content:center;width:min(90vw,380px);min-height:190px;padding:30px 28px 24px;animation:.2s ease-out modalScale;display:flex;box-shadow:0 10px 40px #0006}.modal-content-large{justify-content:flex-start;width:min(92vw,680px);min-height:auto;max-height:min(82vh,560px)}.modal-title{color:var(--text-main);margin-bottom:10px;font-size:18px;font-weight:600}.modal-message{color:var(--text-secondary);margin-bottom:0;font-size:14px;line-height:1.5}.modal-actions{gap:12px;margin-top:22px;display:flex}.modal-actions-with-leading{justify-content:space-between;align-items:center}.modal-primary-actions{flex:1;gap:12px;display:flex}.modal-actions-with-leading .modal-primary-actions{flex:0 420px}.modal-leading-action{color:var(--synca-purple);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:10px 0;font-size:13px;font-weight:700}.modal-leading-action:hover{filter:brightness(1.12)}.modal-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;flex:1;min-height:44px;padding:11px 16px;font-size:14px;font-weight:600;transition:all .2s}.modal-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.modal-btn:active{transform:translateY(0)}.modal-btn-cancel{color:var(--text-main);background:#8e8e9326}.modal-btn-confirm{background:var(--synca-purple);color:#fff;box-shadow:0 4px 12px #7d4dff40}.modal-btn-destructive{color:#fff;background:#ff3b30}.admin-layout{background-color:var(--bg-color);flex-direction:column;height:100vh;display:flex}.admin-nav{background:var(--bg-color);border-bottom:1px solid var(--border-color);white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;padding:0 8px;display:flex;overflow-x:auto}.admin-nav::-webkit-scrollbar{display:none}.admin-nav-item{color:var(--text-secondary);cursor:pointer;padding:12px 16px;font-size:14px;font-weight:500;transition:color .15s;position:relative}.admin-nav-item.active{color:var(--synca-purple)}.admin-nav-item.active:after{content:"";background-color:var(--synca-purple);height:2px;position:absolute;bottom:0;left:16px;right:16px}.admin-content{flex:1;padding:20px;overflow-y:auto}.admin-stats-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin-bottom:24px;display:grid}.admin-stat-card{background:var(--card-bg-color);border:1px solid var(--border-color);border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000d}.admin-stat-label{color:var(--text-secondary);margin-bottom:4px;font-size:12px}.admin-stat-value{font-size:20px;font-weight:600}.admin-table-container{background:var(--card-bg-color);border:1px solid var(--border-color);border-radius:12px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th{text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-secondary);background:#ffffff05;padding:12px;font-weight:500}.admin-table td{border-bottom:1px solid var(--border-color);padding:12px}.admin-table tr:last-child td{border-bottom:none}.admin-tag{background:var(--panel-bg-color);border:1px solid var(--border-color);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.admin-tag.unlimited{color:var(--synca-purple);background:#7d4dff1a}.admin-access-denied{color:#ff3b30;justify-content:center;align-items:center;height:100vh;font-size:18px;display:flex}.category-manager{text-align:left;flex-direction:column;gap:16px;display:flex}.category-panel,.category-card{border:1px solid var(--border-color);background:color-mix(in srgb, var(--card-bg-color) 92%, transparent);border-radius:18px;padding:16px}.category-panel-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.category-panel-header h4{color:var(--text-main);font-size:15px;font-weight:600}.category-panel-header p{color:var(--text-secondary);margin-top:4px;font-size:12px}.category-color-dot{border-radius:999px;flex:none;width:10px;height:10px}.category-color-dot.color-slate{background:#787880f2}.category-color-dot.color-sky{background:#0a84fff2}.category-color-dot.color-mint{background:#30d158f2}.category-color-dot.color-amber{background:#ff9f0af2}.category-color-dot.color-coral{background:#ff6961f2}.category-color-dot.color-violet{background:#af52def2}.category-color-dot.color-rose{background:#ff375ff2}.category-color-dot.color-ocean{background:#5ac8faf2}.category-add-action{min-height:42px;color:var(--text-main);cursor:pointer;background:linear-gradient(#7d4dff2e,#7d4dff1a);border:1px solid #7d4dff42;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.category-add-action:hover{filter:brightness(1.06)}.category-create-stack{text-align:left;flex-direction:column;gap:14px;display:flex}.category-name-input{flex:1}.category-swatch-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;display:grid}.category-swatch-grid-compact{grid-template-columns:repeat(8,28px)}.category-swatch{aspect-ratio:1;cursor:pointer;border:1px solid #0000;border-radius:14px;width:100%;transition:transform .15s,box-shadow .15s,border-color .15s}.category-swatch:hover{transform:translateY(-1px)}.category-swatch.active{border-color:#00000047;box-shadow:0 0 0 3px #7d4dff1f}.category-swatch.color-slate{background:#787880e0}.category-swatch.color-sky{background:#0a84ffeb}.category-swatch.color-mint{background:#30d158eb}.category-swatch.color-amber{background:#ff9f0aeb}.category-swatch.color-coral{background:#ff6961eb}.category-swatch.color-violet{background:#af52deeb}.category-swatch.color-rose{background:#ff375feb}.category-swatch.color-ocean{background:#5ac8faeb}.category-manager-list{flex-direction:column;gap:8px;max-height:min(360px,54vh);display:flex;overflow-y:auto}.category-manager-heading,.category-list-row{grid-template-columns:5px minmax(180px,1fr) minmax(150px,190px) 38px;align-items:center;gap:12px;display:grid}.category-manager-heading{color:var(--text-secondary);grid-template-columns:minmax(180px,1fr) minmax(150px,190px) 38px;padding:0 4px 4px 21px;font-size:12px;font-weight:800}.category-list-row{border:1px solid var(--border-color);background:linear-gradient(135deg, color-mix(in srgb, var(--card-bg-color) 92%, transparent), color-mix(in srgb, var(--panel-bg-color) 82%, transparent));border-radius:18px;min-height:58px;padding:9px 10px;box-shadow:0 8px 22px #0000000d}.category-row-accent{border-radius:999px;width:5px;height:34px}.category-row-accent.color-slate{background:#787880e0}.category-row-accent.color-sky{background:#0a84ffeb}.category-row-accent.color-mint{background:#30d158eb}.category-row-accent.color-amber{background:#ff9f0aeb}.category-row-accent.color-coral{background:#ff6961eb}.category-row-accent.color-violet{background:#af52deeb}.category-row-accent.color-rose{background:#ff375feb}.category-row-accent.color-ocean{background:#5ac8faeb}.category-list-row .category-inline-input{background:color-mix(in srgb, var(--panel-bg-color) 76%, transparent);border-radius:13px}.category-color-field{border:1px solid var(--border-color);background:#78788014;border-radius:12px;align-items:center;gap:8px;min-height:38px;padding:0 10px;display:flex}.category-color-select{width:100%;min-width:0;color:var(--text-main);font:inherit;background:0 0;border:none;outline:none}.category-row-delete{color:#ff3b30;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.category-row-delete:hover{background:#ff3b301a}.category-add-row-btn{border:1px dashed var(--border-color);min-height:44px;color:var(--text-main);cursor:pointer;background:#7878800f;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.category-add-row-btn:hover{background:#7878801a}.category-card{flex-direction:column;gap:12px;display:flex}.category-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.category-card-title{align-items:center;gap:8px;min-width:0;display:inline-flex}.category-system-badge{color:var(--text-secondary);background:#7878801f;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.category-readonly-row{border:1px solid var(--border-color);background:color-mix(in srgb, var(--panel-bg-color) 80%, transparent);min-height:42px;color:var(--text-secondary);border-radius:14px;align-items:center;gap:10px;padding:0 12px;font-size:13px;font-weight:600;display:flex}.category-inline-input{flex:1}.category-card-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.category-secondary-action,.category-danger-action{border:1px solid var(--border-color);min-height:38px;color:var(--text-main);cursor:pointer;background:#78788014;border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.category-danger-action{color:#ff3b30}@media (width<=600px){.admin-content{padding:12px}.admin-stats-grid{grid-template-columns:1fr 1fr}.category-toolbar{flex-direction:column;align-items:stretch}.default-send-picker{justify-content:space-between}.default-send-picker-field{flex:auto;min-width:0}.category-swatch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-manager-heading{display:none}.category-list-row{grid-template-columns:5px 1fr 38px}.category-color-field{grid-column:2/-1}.modal-actions-with-leading{flex-direction:column;align-items:stretch}.modal-actions-with-leading .modal-primary-actions{flex:1}.modal-leading-action{align-self:flex-start;padding:0}.category-card-actions{flex-direction:column;align-items:stretch}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}