*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}#app{min-height:100vh}.app-container{max-width:1400px;margin:0 auto;padding:12px}.compact-header{display:flex;gap:8px;padding:8px 12px;background:#f7fafc;border-top-left-radius:8px;border-top-right-radius:8px}.btn{padding:6px 14px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;outline:none}.btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}.btn-compact{padding:6px 12px;font-size:16px;min-height:32px}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5568d3}.btn-success{background:#48bb78;color:#fff}.btn-success:hover{background:#38a169}.btn-secondary{background:#e2e8f0;color:#4a5568}.btn-secondary:hover{background:#cbd5e0}.btn-icon{background:transparent;border:none;cursor:pointer;font-size:16px;padding:4px;transition:transform .2s}.btn-icon:hover{transform:scale(1.15)}.app-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden}.category-tabs-desktop{display:block}.category-tabs{display:flex;gap:6px;padding:8px 12px;background:#f7fafc;border-bottom:1px solid #e2e8f0;overflow-x:auto;align-items:center}.category-tab{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:6px;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;border:2px solid transparent;position:relative}.category-tab:hover{background:#edf2f7;transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.category-tab.active{background:#667eea;border-color:#5568d3;box-shadow:0 2px 8px #667eea4d}.tab-emoji{font-size:22px;line-height:1;-webkit-user-select:none;user-select:none}.tab-color,.tab-label{display:none}.category-actions{margin-left:auto;padding-left:8px;border-left:1px solid #e2e8f0;display:flex;gap:4px}.btn-action{padding:6px 10px;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:all .2s ease;background:#fff;border:1px solid #e2e8f0}.btn-action:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}.btn-edit-category:hover{background:#667eea;border-color:#667eea}.btn-delete-category:hover{background:#fc8181;border-color:#fc8181}.category-tabs-mobile{display:none;padding:8px 12px;background:#f7fafc;border-bottom:1px solid #e2e8f0}.category-select{flex:1;padding:8px 10px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:14px;font-weight:500;color:#2d3748;cursor:pointer}.category-select:focus{outline:none;border-color:#667eea}.category-actions-mobile{display:flex;gap:4px}.category-description-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 12px;background:#f7fafc;border-bottom:1px solid #e2e8f0;font-size:12px;color:#4a5568}.description-content{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.description-icon{font-size:13px;flex-shrink:0}.description-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic}.btn-hide-description{background:transparent;border:none;color:#a0aec0;cursor:pointer;font-size:13px;padding:2px 4px;transition:color .2s;flex-shrink:0}.btn-hide-description:hover{color:#718096}.show-description-bar{padding:4px 12px;background:#f7fafc;border-bottom:1px solid #e2e8f0}.btn-show-description{background:transparent;border:1px solid #e2e8f0;color:#718096;cursor:pointer;font-size:11px;padding:3px 8px;border-radius:5px;transition:all .2s}.btn-show-description:hover{background:#edf2f7;color:#4a5568;border-color:#cbd5e0}.main-content{padding:12px}.toolbar{margin-bottom:12px}.todo-list{min-height:300px}.empty-state{text-align:center;padding:40px 20px;color:#a0aec0;font-size:16px}.draggable-list{display:flex;flex-direction:column;gap:8px}.todo-item{display:flex;gap:10px;background:#f7fafc;border-radius:8px;padding:10px 12px;transition:all .2s ease;border:1px solid transparent}.todo-item:hover{background:#edf2f7;border-color:#e2e8f0;box-shadow:0 1px 4px #0000000f}.drag-handle{display:flex;align-items:center;cursor:move;color:#cbd5e0;font-size:16px;-webkit-user-select:none;user-select:none}.drag-handle:hover{color:#a0aec0}.todo-content{flex:1}.todo-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.todo-title{font-size:16px;font-weight:600;color:#2d3748;cursor:pointer}.todo-actions{display:flex;gap:6px}.todo-description{color:#4a5568;margin-bottom:8px;line-height:1.4;font-size:13px}.todo-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#718096}.todo-category{display:flex;align-items:center;gap:5px;padding:3px 8px;background:#fff;border-radius:5px}.category-indicator{width:10px;height:10px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #0000001a}.todo-date{padding:3px 8px;background:#fff;border-radius:5px}.due-date{color:#e53e3e;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:10px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d}.modal-close{position:absolute;top:12px;right:12px;background:transparent;border:none;font-size:28px;cursor:pointer;color:#a0aec0;line-height:1;z-index:1}.modal-close:hover{color:#718096}.form-container{padding:24px}.form-container h2{margin-bottom:18px;color:#2d3748;font-size:20px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#4a5568;font-size:13px}.form-control{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;transition:border-color .2s ease;font-family:inherit}.form-control:focus{outline:none;border-color:#667eea}textarea.form-control{resize:vertical;min-height:70px}.color-input-group{display:flex;gap:8px;align-items:center}.form-control-color{width:50px;height:36px;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer}.color-input-group .form-control{flex:1}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:2000}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-toast{position:fixed;bottom:20px;right:20px;background:#fc8181;color:#fff;padding:12px 16px;border-radius:6px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:10px;z-index:3000;animation:slideIn .3s ease;font-size:14px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.error-toast button{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;line-height:1}@media (max-width: 768px){.compact-header{padding:6px 10px}.category-tabs-desktop{display:none!important}.category-tabs-mobile{display:flex!important;gap:6px;align-items:center}.category-tab{min-width:44px;min-height:44px}.tab-emoji{font-size:26px}.btn-action{padding:8px 12px;font-size:18px;min-width:44px;min-height:44px}.todo-header{flex-direction:column;gap:6px}.todo-actions{align-self:flex-start}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.category-description-bar{padding:5px 10px;font-size:11px}.show-description-bar{padding:4px 10px}}.auth-container[data-v-8a8bb592]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-box[data-v-8a8bb592]{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;padding:40px;width:100%;max-width:420px}.auth-header[data-v-8a8bb592]{text-align:center;margin-bottom:30px}.auth-header h1[data-v-8a8bb592]{font-size:32px;color:#2d3748;margin-bottom:8px}.auth-header p[data-v-8a8bb592]{color:#718096;font-size:15px}.auth-form .form-group[data-v-8a8bb592]{margin-bottom:20px}.auth-form label[data-v-8a8bb592]{display:block;margin-bottom:8px;font-weight:600;color:#4a5568;font-size:14px}.auth-form .form-control[data-v-8a8bb592]{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;transition:border-color .2s ease}.auth-form .form-control[data-v-8a8bb592]:focus{outline:none;border-color:#667eea}.auth-form .form-control[data-v-8a8bb592]:disabled{background:#f7fafc;cursor:not-allowed}.error-message[data-v-8a8bb592]{background:#fff5f5;color:#e53e3e;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px;border:1px solid #feb2b2}.btn-full[data-v-8a8bb592]{width:100%;padding:14px;font-size:16px;font-weight:600}.btn-primary[data-v-8a8bb592]{background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-8a8bb592]:hover:not(:disabled){background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-primary[data-v-8a8bb592]:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-footer[data-v-8a8bb592]{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.auth-footer p[data-v-8a8bb592]{color:#718096;font-size:14px}.auth-footer a[data-v-8a8bb592]{color:#667eea;font-weight:600;text-decoration:none}.auth-footer a[data-v-8a8bb592]:hover{text-decoration:underline}@media (max-width: 480px){.auth-box[data-v-8a8bb592]{padding:30px 24px}.auth-header h1[data-v-8a8bb592]{font-size:28px}}.auth-container[data-v-68c27341]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-box[data-v-68c27341]{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;padding:40px;width:100%;max-width:420px}.auth-header[data-v-68c27341]{text-align:center;margin-bottom:30px}.auth-header h1[data-v-68c27341]{font-size:32px;color:#2d3748;margin-bottom:8px}.auth-header p[data-v-68c27341]{color:#718096;font-size:15px}.auth-form .form-group[data-v-68c27341]{margin-bottom:20px}.auth-form label[data-v-68c27341]{display:block;margin-bottom:8px;font-weight:600;color:#4a5568;font-size:14px}.auth-form .form-control[data-v-68c27341]{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;transition:border-color .2s ease}.auth-form .form-control[data-v-68c27341]:focus{outline:none;border-color:#667eea}.auth-form .form-control[data-v-68c27341]:disabled{background:#f7fafc;cursor:not-allowed}.form-hint[data-v-68c27341]{display:block;margin-top:6px;color:#a0aec0;font-size:12px}.error-message[data-v-68c27341]{background:#fff5f5;color:#e53e3e;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px;border:1px solid #feb2b2}.btn-full[data-v-68c27341]{width:100%;padding:14px;font-size:16px;font-weight:600}.btn-primary[data-v-68c27341]{background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-68c27341]:hover:not(:disabled){background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-primary[data-v-68c27341]:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-footer[data-v-68c27341]{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.auth-footer p[data-v-68c27341]{color:#718096;font-size:14px}.auth-footer a[data-v-68c27341]{color:#667eea;font-weight:600;text-decoration:none}.auth-footer a[data-v-68c27341]:hover{text-decoration:underline}@media (max-width: 480px){.auth-box[data-v-68c27341]{padding:30px 24px}.auth-header h1[data-v-68c27341]{font-size:28px}}.category-tabs[data-v-7dcbb963]{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;background:#f7fafc;border-bottom:1px solid #e2e8f0;overflow-x:auto;align-items:center}.category-tab[data-v-7dcbb963]{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:6px;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.category-tab[data-v-7dcbb963]:hover{background:#edf2f7;transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.category-tab.active[data-v-7dcbb963]{background:#667eea;border-color:#5568d3;box-shadow:0 2px 8px #667eea4d}.tab-emoji[data-v-7dcbb963]{font-size:22px;line-height:1;-webkit-user-select:none;user-select:none}.category-actions[data-v-7dcbb963]{margin-left:auto;padding-left:8px;border-left:2px solid #cbd5e0;display:flex;gap:6px}.btn-action[data-v-7dcbb963]{display:flex;align-items:center;gap:4px;padding:6px 10px;border:none;border-radius:6px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;background:#fff;border:2px solid #e2e8f0;color:#4a5568}.btn-action[data-v-7dcbb963]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}.btn-edit-category[data-v-7dcbb963]:hover{background:#667eea;border-color:#667eea;color:#fff}.btn-delete-category[data-v-7dcbb963]:hover{background:#fc8181;border-color:#fc8181;color:#fff}.category-description-bar[data-v-7dcbb963]{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 12px;background:#f7fafc;border-bottom:1px solid #e2e8f0;font-size:12px;color:#4a5568}.description-content[data-v-7dcbb963]{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.description-icon[data-v-7dcbb963]{font-size:13px;flex-shrink:0}.description-text[data-v-7dcbb963]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic}.btn-hide-description[data-v-7dcbb963]{background:transparent;border:none;color:#a0aec0;cursor:pointer;font-size:13px;padding:2px 4px;transition:color .2s;flex-shrink:0}.btn-hide-description[data-v-7dcbb963]:hover{color:#718096}.show-description-bar[data-v-7dcbb963]{padding:4px 12px;background:#f7fafc;border-bottom:1px solid #e2e8f0}.btn-show-description[data-v-7dcbb963]{background:transparent;border:1px solid #e2e8f0;color:#718096;cursor:pointer;font-size:11px;padding:3px 8px;border-radius:5px;transition:all .2s}.btn-show-description[data-v-7dcbb963]:hover{background:#edf2f7;color:#4a5568;border-color:#cbd5e0}@media (max-width: 768px){.category-tabs[data-v-7dcbb963]{gap:8px;padding:10px}.category-tab[data-v-7dcbb963]{min-width:44px;min-height:44px}.tab-emoji[data-v-7dcbb963]{font-size:26px}.category-actions[data-v-7dcbb963]{width:100%;margin-left:0;padding-left:0;padding-top:8px;border-left:none;border-top:2px solid #cbd5e0;justify-content:center}.btn-action[data-v-7dcbb963]{flex:1;justify-content:center;padding:10px 12px;font-size:14px;min-height:44px;border-width:2px}.action-icon[data-v-7dcbb963]{font-size:18px}.action-label[data-v-7dcbb963]{display:inline;font-weight:600}}.todo-description-preview[data-v-2a14616f]{color:#4a5568;margin:6px 0;line-height:1.4;cursor:pointer;font-size:14px}.todo-description-preview[data-v-2a14616f]:hover{color:#2d3748;text-decoration:underline}.more-text[data-v-2a14616f]{color:#a0aec0;font-style:italic}.category-name-mobile[data-v-2a14616f]{display:inline}.due-overdue[data-v-2a14616f],.due-today[data-v-2a14616f],.due-tomorrow[data-v-2a14616f],.due-2days[data-v-2a14616f],.due-3days[data-v-2a14616f],.due-4to7[data-v-2a14616f],.due-8to14[data-v-2a14616f],.due-15to30[data-v-2a14616f],.due-1to2mo[data-v-2a14616f],.due-2to3mo[data-v-2a14616f],.due-3plus[data-v-2a14616f]{border-left:4px solid #dc2626!important}.due-today[data-v-2a14616f]{box-shadow:0 1px 3px #ef444433!important}.due-tomorrow[data-v-2a14616f]{border-left-color:#f97316!important}.due-2days[data-v-2a14616f]{border-left-color:#f59e0b!important}.due-3days[data-v-2a14616f]{border-left-color:#eab308!important}.due-4to7[data-v-2a14616f]{border-left-color:#84cc16!important}.due-8to14[data-v-2a14616f]{border-left-color:#10b981!important}.due-15to30[data-v-2a14616f]{border-left-color:#3b82f6!important}.due-1to2mo[data-v-2a14616f]{border-left-color:#6366f1!important}.due-2to3mo[data-v-2a14616f]{border-left-color:#8b5cf6!important}.due-3plus[data-v-2a14616f]{border-left-color:#a855f7!important}.modal-constrained[data-v-2a14616f]{max-width:700px;width:90%}.todo-detail[data-v-2a14616f]{padding:20px}.todo-detail h2[data-v-2a14616f]{color:#2d3748;margin-bottom:20px;font-size:22px}.detail-section[data-v-2a14616f]{margin-bottom:20px}.detail-section h3[data-v-2a14616f]{color:#4a5568;font-size:16px;margin-bottom:10px;font-weight:600}.detail-description[data-v-2a14616f]{background:#f7fafc;padding:12px;border-radius:8px;line-height:1.6;color:#2d3748;white-space:pre-wrap;word-wrap:break-word}.detail-info[data-v-2a14616f]{background:#f7fafc;padding:12px;border-radius:8px}.detail-row[data-v-2a14616f]{display:flex;align-items:center;padding:6px 0;gap:12px}.detail-label[data-v-2a14616f]{font-weight:600;color:#4a5568;min-width:70px}.detail-actions[data-v-2a14616f]{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}@media (max-width: 768px){.category-name-mobile[data-v-2a14616f]{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-meta[data-v-2a14616f]{flex-wrap:wrap;gap:6px!important}.todo-date[data-v-2a14616f]{font-size:11px;padding:3px 8px!important}.todo-header[data-v-2a14616f]{flex-direction:row!important;align-items:center!important;gap:8px!important}.todo-title[data-v-2a14616f]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0!important}.todo-actions[data-v-2a14616f]{flex-shrink:0;margin-left:auto}.btn-icon[data-v-2a14616f]{font-size:18px!important;padding:4px 6px!important}.detail-actions[data-v-2a14616f]{flex-direction:column}.detail-actions .btn[data-v-2a14616f]{width:100%}.modal-constrained[data-v-2a14616f]{width:95%}}.category-emoji-selector[data-v-ff377fce]{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px;padding:8px;background:#f7fafc;border-radius:8px;border:2px solid #e2e8f0;max-height:200px;overflow-y:auto}.category-emoji-option[data-v-ff377fce]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:24px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.category-emoji-option[data-v-ff377fce]:hover{background:#edf2f7;transform:scale(1.1);border-color:#cbd5e0;box-shadow:0 2px 8px #0000001a}.category-emoji-option.selected[data-v-ff377fce]{background:#667eea;border-color:#5568d3;transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.form-control-textarea[data-v-ff377fce]{resize:none;font-family:inherit}.date-input-wrapper[data-v-ff377fce]{display:flex;flex-direction:column;gap:10px}.date-input-wrapper .form-control[data-v-ff377fce]{width:100%}.quick-dates-container[data-v-ff377fce]{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.quick-dates-group[data-v-ff377fce]{display:flex;gap:4px;padding:4px 8px;background:#f7fafc;border-radius:6px;border:1px solid #e2e8f0}.btn-quick-date[data-v-ff377fce]{padding:6px 10px;background:#fff;color:#4a5568;border:1px solid #cbd5e0;border-radius:5px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:45px}.btn-quick-date[data-v-ff377fce]:hover{background:#667eea;color:#fff;border-color:#667eea;transform:translateY(-1px)}.btn-clear[data-v-ff377fce]{background:#fff5f5;color:#e53e3e;border-color:#feb2b2}.btn-clear[data-v-ff377fce]:hover{background:#e53e3e;color:#fff;border-color:#e53e3e}@media (max-width: 480px){.quick-dates-container[data-v-ff377fce]{flex-direction:column;align-items:stretch}.quick-dates-group[data-v-ff377fce]{width:100%;justify-content:space-between}.btn-quick-date[data-v-ff377fce]{flex:1}.category-emoji-selector[data-v-ff377fce]{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));max-height:160px}.category-emoji-option[data-v-ff377fce]{width:40px;height:40px;font-size:22px}}.emoji-grid[data-v-a96a038c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:6px;padding:6px;background:#f7fafc;border-radius:8px;border:2px solid #e2e8f0;max-height:200px;overflow-y:auto}.emoji-option[data-v-a96a038c]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:20px;background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.emoji-option[data-v-a96a038c]:hover{background:#edf2f7;transform:scale(1.15);border-color:#cbd5e0;box-shadow:0 2px 8px #0000001a}.emoji-option.selected[data-v-a96a038c]{background:#667eea;border-color:#5568d3;transform:scale(1.1);box-shadow:0 4px 12px #667eea4d}.form-control-textarea[data-v-a96a038c]{resize:none;font-family:inherit}.input-error[data-v-a96a038c]{border-color:#fc8181!important}.error-message[data-v-a96a038c]{color:#fc8181;font-size:12px;margin-top:4px;font-weight:500}.btn-primary[data-v-a96a038c]:disabled{opacity:.5;cursor:not-allowed}.checkbox-label[data-v-a96a038c]{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 0}.checkbox-input[data-v-a96a038c]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.checkbox-text[data-v-a96a038c]{color:#4a5568;font-size:14px}@media (max-width: 480px){.emoji-grid[data-v-a96a038c]{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));max-height:180px}.emoji-option[data-v-a96a038c]{width:34px;height:34px;font-size:18px}}.delete-modal[data-v-eaaa185c]{padding:30px;text-align:center}.modal-icon[data-v-eaaa185c]{font-size:48px;margin-bottom:15px}.modal-icon.warning[data-v-eaaa185c]{animation:pulse-eaaa185c 2s ease-in-out infinite}@keyframes pulse-eaaa185c{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.delete-modal h2[data-v-eaaa185c]{color:#2d3748;margin-bottom:15px;font-size:22px}.modal-message[data-v-eaaa185c]{color:#4a5568;margin-bottom:20px;line-height:1.5}.modal-message strong[data-v-eaaa185c]{color:#2d3748;font-weight:600}.modal-info[data-v-eaaa185c]{margin-bottom:20px}.info-badge[data-v-eaaa185c]{display:inline-block;background:#edf2f7;color:#4a5568;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500}.delete-option[data-v-eaaa185c]{background:#f7fafc;border:2px solid #e2e8f0;border-radius:10px;padding:15px;margin-bottom:25px;text-align:left}.checkbox-label[data-v-eaaa185c]{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-input[data-v-eaaa185c]{width:18px;height:18px;cursor:pointer;accent-color:#fc8181}.checkbox-text[data-v-eaaa185c]{color:#2d3748;font-weight:500;font-size:14px}.option-note[data-v-eaaa185c]{margin-top:10px;font-size:13px;color:#718096;padding-left:28px;line-height:1.4}.modal-actions[data-v-eaaa185c]{display:flex;gap:10px;justify-content:center}.btn-danger[data-v-eaaa185c]{background:#fc8181;color:#fff;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-danger[data-v-eaaa185c]:hover{background:#f56565;transform:translateY(-2px);box-shadow:0 4px 12px #fc81814d}@media (max-width: 768px){.delete-modal[data-v-eaaa185c]{padding:20px}.modal-icon[data-v-eaaa185c]{font-size:40px}.delete-modal h2[data-v-eaaa185c]{font-size:20px}.modal-actions[data-v-eaaa185c]{flex-direction:column}.modal-actions .btn[data-v-eaaa185c]{width:100%}}.manage-container[data-v-fb1f87a6]{padding:24px;max-width:600px}.manage-container h2[data-v-fb1f87a6]{margin-bottom:24px;color:#2d3748;font-size:22px}.manage-section[data-v-fb1f87a6]{margin-bottom:24px}.section-header[data-v-fb1f87a6]{margin-bottom:16px}.section-header h3[data-v-fb1f87a6]{color:#e53e3e;font-size:18px;margin-bottom:4px}.section-description[data-v-fb1f87a6]{color:#718096;font-size:13px}.danger-actions[data-v-fb1f87a6]{padding:16px;background:#fff5f5;border:2px solid #feb2b2;border-radius:8px}.btn-danger-outline[data-v-fb1f87a6]{background:#fff;color:#e53e3e;border:2px solid #e53e3e;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-danger-outline[data-v-fb1f87a6]:hover{background:#e53e3e;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #e53e3e4d}.confirm-overlay[data-v-fb1f87a6]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.confirm-dialog[data-v-fb1f87a6]{background:#fff;border-radius:12px;padding:30px;max-width:500px;width:100%;text-align:center;box-shadow:0 20px 60px #0006}.confirm-icon[data-v-fb1f87a6]{font-size:60px;margin-bottom:16px;animation:pulse-fb1f87a6 2s ease-in-out infinite}@keyframes pulse-fb1f87a6{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.confirm-dialog h3[data-v-fb1f87a6]{color:#2d3748;margin-bottom:12px;font-size:20px}.confirm-message[data-v-fb1f87a6]{color:#4a5568;margin-bottom:20px;line-height:1.5}.confirm-message strong[data-v-fb1f87a6]{color:#e53e3e;font-weight:600}.delete-option[data-v-fb1f87a6]{background:#f7fafc;border:2px solid #e2e8f0;border-radius:10px;padding:15px;margin-bottom:20px;text-align:left}.checkbox-label[data-v-fb1f87a6]{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-input[data-v-fb1f87a6]{width:18px;height:18px;cursor:pointer;accent-color:#fc8181}.checkbox-text[data-v-fb1f87a6]{color:#2d3748;font-weight:500;font-size:14px}.option-note[data-v-fb1f87a6]{margin-top:10px;font-size:13px;color:#718096;padding-left:28px;line-height:1.4}.type-to-confirm[data-v-fb1f87a6]{margin-bottom:20px;text-align:left}.type-to-confirm label[data-v-fb1f87a6]{display:block;margin-bottom:8px;color:#2d3748;font-size:14px;font-weight:500}.type-to-confirm strong[data-v-fb1f87a6]{color:#e53e3e;font-weight:700}.confirm-input[data-v-fb1f87a6]{width:100%;padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:monospace;transition:border-color .2s ease}.confirm-input[data-v-fb1f87a6]:focus{outline:none;border-color:#e53e3e}.confirm-actions[data-v-fb1f87a6]{display:flex;gap:12px;justify-content:center}.btn-danger[data-v-fb1f87a6]{background:#e53e3e;color:#fff;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-danger[data-v-fb1f87a6]:hover:not(:disabled){background:#c53030;transform:translateY(-2px);box-shadow:0 4px 12px #e53e3e4d}.btn-danger[data-v-fb1f87a6]:disabled{opacity:.5;cursor:not-allowed}.manage-actions[data-v-fb1f87a6]{display:flex;justify-content:flex-end;margin-top:24px}@media (max-width: 768px){.confirm-dialog[data-v-fb1f87a6]{padding:20px}.confirm-icon[data-v-fb1f87a6]{font-size:48px}.confirm-actions[data-v-fb1f87a6]{flex-direction:column}.confirm-actions .btn[data-v-fb1f87a6]{width:100%}}.settings-container[data-v-d33bc9f7]{padding:24px;max-width:700px}.settings-container h2[data-v-d33bc9f7]{margin-bottom:24px;color:#2d3748;font-size:22px}.settings-section[data-v-d33bc9f7]{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.settings-section[data-v-d33bc9f7]:last-of-type{border-bottom:none}.section-header[data-v-d33bc9f7]{margin-bottom:16px}.section-header h3[data-v-d33bc9f7]{color:#2d3748;font-size:18px;margin-bottom:4px;font-weight:600}.section-description[data-v-d33bc9f7]{color:#718096;font-size:13px}.setting-item[data-v-d33bc9f7]{padding:12px;background:#f7fafc;border-radius:8px;margin-bottom:8px}.radio-label[data-v-d33bc9f7]{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.radio-input[data-v-d33bc9f7]{width:20px;height:20px;cursor:pointer;accent-color:#667eea;flex-shrink:0}.radio-text[data-v-d33bc9f7]{color:#2d3748;font-size:14px;line-height:1.5}.radio-text strong[data-v-d33bc9f7]{font-weight:600;color:#1a202c}.color-settings[data-v-d33bc9f7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-bottom:16px}.color-setting-item[data-v-d33bc9f7]{background:#f7fafc;border-radius:8px;padding:12px}.color-label[data-v-d33bc9f7]{display:flex;align-items:center;gap:10px;cursor:pointer}.color-name[data-v-d33bc9f7]{flex:1;font-size:14px;font-weight:500;color:#2d3748}.color-picker[data-v-d33bc9f7]{width:40px;height:40px;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;flex-shrink:0}.color-picker[data-v-d33bc9f7]::-webkit-color-swatch-wrapper{padding:2px}.color-picker[data-v-d33bc9f7]::-webkit-color-swatch{border:none;border-radius:4px}.btn-clear-color[data-v-d33bc9f7]{width:28px;height:28px;background:#fff5f5;color:#e53e3e;border:1px solid #feb2b2;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease;flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center}.btn-clear-color[data-v-d33bc9f7]:hover{background:#e53e3e;color:#fff;border-color:#e53e3e}.color-value[data-v-d33bc9f7]{font-family:monospace;font-size:11px;color:#718096;min-width:70px}.color-actions[data-v-d33bc9f7]{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.settings-actions[data-v-d33bc9f7]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}@media (max-width: 768px){.settings-container[data-v-d33bc9f7]{padding:20px}.color-settings[data-v-d33bc9f7]{grid-template-columns:1fr}.settings-actions[data-v-d33bc9f7]{flex-direction:column}.settings-actions .btn[data-v-d33bc9f7]{width:100%}}.compact-header[data-v-50e863e1]{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f7fafc;border-bottom:1px solid #e2e8f0}.compact-header-row[data-v-50e863e1]{display:flex;align-items:center;justify-content:space-between;gap:8px}.header-left[data-v-50e863e1]{display:flex;gap:8px}.header-right[data-v-50e863e1]{display:flex;gap:8px;margin-left:auto}.header-center[data-v-50e863e1]{width:100%;text-align:center;padding:4px 0}.current-date[data-v-50e863e1]{font-size:13px;font-weight:600;color:#4a5568}.btn-logout[data-v-50e863e1]{background:#e53e3e;color:#fff}.btn-logout[data-v-50e863e1]:hover{background:#c53030}@media (max-width: 768px){.compact-header[data-v-50e863e1]{flex-wrap:wrap}.header-left[data-v-50e863e1],.header-right[data-v-50e863e1]{flex:0 0 auto}.header-center[data-v-50e863e1]{order:3;flex-basis:100%;margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0}.current-date[data-v-50e863e1]{font-size:12px}}