.modal-overlay[data-v-c4909061]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1050}.modal-content[data-v-c4909061]{background:#fff;padding:2rem;border-radius:8px;width:90%;max-width:400px;box-shadow:0 5px 15px #0000004d}h3[data-v-c4909061]{margin-top:0;margin-bottom:1.5rem;color:#333}.form-group[data-v-c4909061]{margin-bottom:1rem}label[data-v-c4909061]{display:block;margin-bottom:.5rem;font-weight:500;color:#555}input[type=text][data-v-c4909061]{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.color-picker-group[data-v-c4909061]{display:flex;align-items:center;gap:1rem}input[type=color][data-v-c4909061]{width:50px;height:50px;padding:0;border:none;cursor:pointer}.color-preview[data-v-c4909061]{width:40px;height:40px;border-radius:50%;border:2px solid #eee}.form-actions[data-v-c4909061]{margin-top:2rem;display:flex;justify-content:flex-end;gap:.5rem}.template-manager-container[data-v-7530c0e2]{padding:2rem;display:flex;flex-direction:column;gap:3rem}.section h2[data-v-7530c0e2]{margin-top:0}.content-grid[data-v-7530c0e2]{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-top:1rem}@media (max-width: 768px){.content-grid[data-v-7530c0e2]{grid-template-columns:1fr}}.form-card[data-v-7530c0e2],.list-card[data-v-7530c0e2],.category-list-card[data-v-7530c0e2]{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000000d}.list-card h3[data-v-7530c0e2],.category-list-card h3[data-v-7530c0e2]{margin-top:0;border-bottom:1px solid #eee;padding-bottom:.5rem;margin-bottom:1rem}.existing-templates-list[data-v-7530c0e2]{list-style-type:none;padding:0;margin:0}.existing-templates-list li[data-v-7530c0e2]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.existing-templates-list li[data-v-7530c0e2]:last-child{border-bottom:none}.template-info[data-v-7530c0e2]{display:flex;align-items:center;gap:.5rem}.template-title[data-v-7530c0e2]{font-weight:500;border-left:4px solid #ccc;padding-left:8px}.template-details[data-v-7530c0e2]{color:#666;font-size:.9rem}.category-list-card ul[data-v-7530c0e2]{list-style:none;padding:0;margin:0}.category-list-card li[data-v-7530c0e2]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.category-list-card li[data-v-7530c0e2]:last-child{border-bottom:none}.category-info[data-v-7530c0e2]{display:flex;align-items:center;gap:1rem}.category-color-dot[data-v-7530c0e2]{width:16px;height:16px;border-radius:50%}.category-name[data-v-7530c0e2]{font-weight:500}.category-actions[data-v-7530c0e2]{display:flex;align-items:center;gap:.5rem}.default-tag[data-v-7530c0e2]{font-size:.8rem;font-weight:700;color:#666;background-color:#e0e0e0;padding:.2rem .5rem;border-radius:4px}.btn-edit-small[data-v-7530c0e2]{background:#f0f0f0;color:#555;border:1px solid #ccc;padding:.3rem .8rem;font-size:.8rem;cursor:pointer}.btn-danger-small[data-v-7530c0e2]{background:#e53e3e;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center}.category-actions .btn-danger[data-v-7530c0e2],.existing-templates-list .btn-danger[data-v-7530c0e2]{padding:.3rem .8rem;font-size:.8rem}.btn-edit-small[data-v-7530c0e2]{background:#f0f0f0;color:#555;border:1px solid #ccc;padding:.3rem .8rem;font-size:.8rem;cursor:pointer;border-radius:4px}.btn-danger-small[data-v-7530c0e2]{display:none}.loading-overlay[data-v-cd5adc6e]{display:flex;justify-content:center;align-items:center;height:300px;font-size:1.5rem;color:#777}.analytics-container[data-v-cd5adc6e]{padding:2rem}.stats-grid[data-v-cd5adc6e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:1rem}.stat-card[data-v-cd5adc6e]{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column}.stat-card.full-width[data-v-cd5adc6e]{grid-column:1 / -1}.stat-card h3[data-v-cd5adc6e]{margin-top:0;border-bottom:1px solid #eee;padding-bottom:.5rem;margin-bottom:1rem}.stat-card p[data-v-cd5adc6e]{text-align:center;color:#666;margin:auto}.chart-container[data-v-cd5adc6e]{position:relative;height:350px;flex-grow:1}table[data-v-cd5adc6e]{width:100%;border-collapse:collapse}th[data-v-cd5adc6e],td[data-v-cd5adc6e]{padding:.75rem;text-align:left;border-bottom:1px solid #eee}th[data-v-cd5adc6e]{background-color:#f8f8f8}.template-cell[data-v-cd5adc6e]{display:flex;align-items:center;gap:.75rem}.color-bar[data-v-cd5adc6e]{display:inline-block;width:4px;height:1.2rem;border-radius:2px}.filters-card h3[data-v-cd5adc6e]{margin-bottom:1.5rem}.form-group[data-v-cd5adc6e]{margin-bottom:1rem}.form-group[data-v-cd5adc6e]:last-child{margin-bottom:0}.btn-group[data-v-cd5adc6e]{display:flex;width:100%}.btn-group button[data-v-cd5adc6e]{flex-grow:1;background-color:#f0f0f0;border:1px solid #ccc;padding:.75rem;cursor:pointer;transition:background-color .2s}.btn-group button[data-v-cd5adc6e]:first-child{border-radius:4px 0 0 4px}.btn-group button[data-v-cd5adc6e]:nth-child(2){border-left:none}.btn-group button[data-v-cd5adc6e]:last-child{border-radius:0 4px 4px 0;border-left:none}.btn-group button.active[data-v-cd5adc6e]{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.range-selector[data-v-cd5adc6e]{display:flex;gap:1rem}.range-selector .form-group[data-v-cd5adc6e]{flex:1}.chart-hint[data-v-cd5adc6e]{font-size:.8rem;text-align:center;color:#888;margin:-.5rem 0 .5rem;padding:0}.week-picker[data-v-c6921d48]{width:100%;padding:.5rem;background:#fff;border-radius:4px;font-size:.8rem}.header[data-v-c6921d48]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-weight:500}.nav-arrow[data-v-c6921d48]{background:none;border:none;font-size:1rem;cursor:pointer;padding:.4rem;border-radius:4px}.nav-arrow[data-v-c6921d48]:hover{background-color:#f0f0f0}.title-container[data-v-c6921d48]{cursor:pointer;padding:.4rem .8rem;border-radius:4px;font-weight:600}.title-container[data-v-c6921d48]:hover{background-color:#f0f0f0}.view-container[data-v-c6921d48]{transition:opacity .2s ease-in-out}.weeks-grid[data-v-c6921d48]{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.weeks-grid button[data-v-c6921d48]{border:1px solid transparent;background:#f9f9f9;padding:.2rem 0;cursor:pointer;border-radius:4px;font-size:.75rem;transition:all .2s}.weeks-grid button[data-v-c6921d48]:hover{background-color:#e9e9e9;border-color:#ccc}.weeks-grid button.is-selected-week[data-v-c6921d48]{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);font-weight:700}.weeks-grid button.is-selected-week[data-v-c6921d48]:hover{background-color:var(--primary-color);filter:brightness(1.1)}.weeks-grid button.is-current-week[data-v-c6921d48]{border-color:var(--primary-color);font-weight:700}.years-grid[data-v-c6921d48]{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.5rem 0}.years-grid button[data-v-c6921d48]{border:none;background-color:#f9f9f9;padding:.5rem;border-radius:4px;cursor:pointer}.years-grid button[data-v-c6921d48]:hover{background-color:#e0e0e0}.years-grid button.is-selected-year[data-v-c6921d48]{background-color:var(--primary-color);color:#fff;font-weight:700}.planner-view-container[data-v-3fccb62d]{display:flex;height:calc(100vh - 80px);width:100%;max-width:1800px;margin:0 auto}.planner-sidebar[data-v-3fccb62d]{width:280px;padding:1rem;background-color:#fff;border-right:1px solid #e0e0e0;flex-shrink:0}.today-button[data-v-3fccb62d]{width:100%;margin-bottom:1rem}.sidebar-divider[data-v-3fccb62d]{border:none;border-top:1px solid #e0e0e0;margin:1rem 0}.view-switcher[data-v-3fccb62d]{display:flex;flex-direction:column;gap:.5rem}.view-switcher button[data-v-3fccb62d]{width:100%;text-align:left;background:none;border:1px solid #ccc;padding:.5rem .8rem}.view-switcher button.active[data-v-3fccb62d]{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);font-weight:500}.planner-content[data-v-3fccb62d]{flex-grow:1;overflow-y:auto}.auth-container[data-v-9f6a0d79]{max-width:400px;margin:50px auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center}.auth-form[data-v-9f6a0d79]{display:flex;flex-direction:column;gap:1rem}.auth-form button[data-v-9f6a0d79]{margin-top:1rem}p[data-v-9f6a0d79]{margin-top:1.5rem}.form-extra-links[data-v-9f6a0d79]{text-align:right;font-size:.9rem;margin-bottom:1rem}.auth-container[data-v-3da82761]{max-width:400px;margin:50px auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center}.auth-form[data-v-3da82761]{display:flex;flex-direction:column;gap:1rem}.auth-form button[data-v-3da82761]{margin-top:1rem}p[data-v-3da82761]{margin-top:1.5rem}.auth-container[data-v-fdda86f6]{max-width:450px;margin:50px auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center}h2[data-v-fdda86f6]{margin-bottom:1rem}p[data-v-fdda86f6]{color:#555;line-height:1.6;margin-bottom:1.5rem}.btn-primary[data-v-fdda86f6]{display:inline-block;text-decoration:none;padding:.8rem 1.5rem;margin-top:1rem}.today-view[data-v-257d5b88]{max-width:800px;margin:0 auto;padding:1rem 2rem}.today-header[data-v-257d5b88]{border-bottom:2px solid #e0e0e0;margin-bottom:2rem;padding-bottom:1rem}.today-header h1[data-v-257d5b88]{margin:0}.today-header p[data-v-257d5b88]{margin:0;color:#555;font-size:1.1rem}.loading-indicator[data-v-257d5b88]{text-align:center;padding:3rem;color:#777}.task-list[data-v-257d5b88]{display:flex;flex-direction:column;gap:1rem}.task-item[data-v-257d5b88]{display:flex;align-items:center;background:#fff;border-radius:6px;box-shadow:0 2px 5px #00000014;overflow:hidden;transition:transform .2s ease-in-out}.task-item[data-v-257d5b88]:hover{transform:translateY(-2px)}.color-bar[data-v-257d5b88]{width:8px;align-self:stretch}.task-details[data-v-257d5b88]{padding:1rem 1.5rem;flex-grow:1}.task-time[data-v-257d5b88]{font-weight:500;color:var(--primary-color);font-size:.9rem;display:block;margin-bottom:.25rem}.task-title[data-v-257d5b88]{margin:0 0 .25rem;font-size:1.2rem}.task-category[data-v-257d5b88]{font-size:.9rem;color:#777}.no-tasks-message[data-v-257d5b88]{text-align:center;padding:4rem 2rem;background-color:#f9f9f9;border-radius:8px;margin-top:2rem}.auth-container[data-v-50d0f9ec]{max-width:400px;margin:50px auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center}.auth-form[data-v-50d0f9ec]{display:flex;flex-direction:column;gap:1rem}.auth-form button[data-v-50d0f9ec]{margin-top:1rem}p[data-v-50d0f9ec]{margin-top:1.5rem}.auth-container[data-v-11a9bf46]{max-width:400px;margin:50px auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center}.auth-form[data-v-11a9bf46]{display:flex;flex-direction:column;gap:1rem}.auth-form button[data-v-11a9bf46]{margin-top:1rem}p[data-v-11a9bf46]{margin-top:1.5rem}.password-input-wrapper[data-v-11a9bf46]{position:relative}.password-toggle-icon[data-v-11a9bf46]{position:absolute;top:70%;right:15px;transform:translateY(-50%);cursor:pointer;-webkit-user-select:none;user-select:none;color:#aaa;font-size:1rem}.password-toggle-icon[data-v-11a9bf46]:hover{color:#333}.auth-container[data-v-201bc8a1]{max-width:400px;margin:50px auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center}.auth-form[data-v-201bc8a1]{display:flex;flex-direction:column;gap:1rem}.auth-form button[data-v-201bc8a1]{margin-top:1rem}p[data-v-201bc8a1]{margin-top:1.5rem}.check-email-container .icon[data-v-201bc8a1]{font-size:4rem;margin:1rem 0 2rem}.resend-section[data-v-201bc8a1]{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.resend-section p[data-v-201bc8a1]{margin-bottom:.5rem;font-size:.9rem}.back-link[data-v-201bc8a1]{margin-top:2rem;font-size:.9rem}[data-v-8174ac2e]{box-sizing:border-box}.modal-content[data-v-8174ac2e]{background:#fff;padding:2rem;border-radius:8px;width:90%;max-width:500px;box-shadow:0 5px 15px #0000004d}h3[data-v-8174ac2e]{margin-top:0;margin-bottom:1.5rem;color:#333}.form-group[data-v-8174ac2e]{margin-bottom:1rem}label[data-v-8174ac2e]{display:block;margin-bottom:.5rem;font-weight:500;color:#555}input[data-v-8174ac2e],select[data-v-8174ac2e]{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.form-actions[data-v-8174ac2e]{margin-top:2rem;display:flex;justify-content:flex-end;gap:.5rem}.template-section[data-v-8174ac2e]{margin-top:2rem;border-top:1px solid #eee;padding-top:1rem}.template-header[data-v-8174ac2e]{margin-top:0;margin-bottom:.5rem;font-size:.9rem;color:#666;font-weight:500}.template-list[data-v-8174ac2e]{list-style:none;padding:0;margin:0;max-height:150px;overflow-y:auto;border:1px solid #eee;border-radius:4px}.template-list li[data-v-8174ac2e]{display:flex;justify-content:space-between;align-items:center;padding:.75rem;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f0f0f0}.template-list li[data-v-8174ac2e]:last-child{border-bottom:none}.template-list li[data-v-8174ac2e]:hover{background-color:#f4f5f7}.template-title[data-v-8174ac2e]{font-weight:500;border-left:4px solid #ccc;padding-left:8px}.template-details[data-v-8174ac2e]{color:#666;font-size:.9rem}.modal-overlay[data-v-8174ac2e]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-8174ac2e]{background:#fff;padding:2rem;border-radius:8px;width:90%;max-width:500px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column}h3[data-v-8174ac2e]{margin-top:0;margin-bottom:1.5rem;color:#333;flex-shrink:0}form[data-v-8174ac2e]{overflow-y:auto}.create-new-option[data-v-8174ac2e]{font-style:italic;color:var(--primary-color);font-weight:500}@media (max-width: 768px){.modal-content[data-v-8174ac2e]{width:95%;max-height:90vh;padding:1.5rem}}[data-v-9d116991]{box-sizing:border-box}.calendar-controls[data-v-9d116991]{display:flex;align-items:center;margin-bottom:1rem;gap:.5rem;flex-shrink:0}.calendar-body[data-v-9d116991]{flex-grow:1;display:flex;overflow-y:auto}.time-labels[data-v-9d116991]{flex-basis:80px;flex-shrink:0;border-right:1px solid #ddd}.time-label[data-v-9d116991]{height:60px;display:flex;align-items:flex-start;justify-content:center;padding-top:2px;color:#777;font-size:.8rem;border-bottom:1px solid #eee}.grid-hour-row[data-v-9d116991]{border-bottom:1px solid #eee}.time-slot[data-v-9d116991]{height:60px;cursor:pointer}.task-block[data-v-9d116991]{position:absolute;left:5px;right:5px;border-radius:4px;padding:.5rem;color:#fff;overflow:hidden;cursor:pointer;z-index:2;box-shadow:0 2px 4px #0000001a;border:1px solid rgba(0,0,0,.1)}.task-block[data-v-9d116991]:hover{filter:brightness(1.1)}.task-title[data-v-9d116991]{font-weight:700;font-size:.9rem}.task-time[data-v-9d116991]{font-size:.8rem;opacity:.8}.task-block[data-v-9d116991]{cursor:grab;display:flex;flex-direction:column}.task-block[data-v-9d116991]:active{cursor:grabbing;opacity:.8;z-index:10}.task-content[data-v-9d116991]{flex-grow:1;padding:.5rem}.resize-handle[data-v-9d116991]{position:absolute;left:0;right:0;height:8px;z-index:20}.resize-handle.top[data-v-9d116991]{top:0;cursor:n-resize}.resize-handle.bottom[data-v-9d116991]{bottom:0;cursor:s-resize}.week-view-container[data-v-9d116991]{padding:1rem;background:#f9f9f9;height:100%;display:flex;flex-direction:column}.calendar-controls[data-v-9d116991]{display:flex;align-items:center;margin-bottom:1rem;gap:.5rem;flex-shrink:0;padding:0 1rem}.calendar-controls h2[data-v-9d116991]{margin:0 1rem;font-weight:500}.calendar-grid-wrapper[data-v-9d116991]{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;border:1px solid #ddd;background:#fff}.calendar-header[data-v-9d116991]{display:flex;flex-shrink:0;border-bottom:1px solid #ddd}.header-cell[data-v-9d116991]{flex:1;display:flex;align-items:center;justify-content:center;font-weight:700;background:#f7f7f7}.time-header-cell[data-v-9d116991]{flex-basis:80px;flex-grow:0}.day-header[data-v-9d116991]{min-width:120px;height:60px;flex-direction:column}.day-number[data-v-9d116991]{font-size:1.5rem;font-weight:500}.calendar-body[data-v-9d116991]{flex-grow:1;display:flex;overflow-x:auto;overflow-y:auto}.time-labels[data-v-9d116991]{flex-basis:80px;flex-shrink:0;border-right:1px solid #ddd;position:sticky;left:0;z-index:30;background-color:#fff}.time-label[data-v-9d116991]{height:60px;display:flex;align-items:flex-start;justify-content:center;padding-top:2px;color:#777;font-size:.8rem;border-bottom:1px solid #eee;box-sizing:border-box}.days-container[data-v-9d116991]{flex-grow:1;display:flex;position:relative}.background-grid[data-v-9d116991]{position:absolute;inset:0;display:grid;grid-template-rows:repeat(24,60px);pointer-events:none}.grid-hour-row[data-v-9d116991]{border-bottom:1px solid #eee;box-sizing:border-box}.day-column[data-v-9d116991]{flex:1;min-width:120px;border-right:1px solid #ddd;position:relative;height:1440px}.day-column[data-v-9d116991]:last-child{border-right:none}.day-slots[data-v-9d116991]{position:absolute;inset:0;z-index:1}.time-slot[data-v-9d116991]{height:60px;cursor:pointer;box-sizing:border-box}.time-slot[data-v-9d116991]:hover{background-color:#4489e91a}@media (max-width: 768px){.week-view-container[data-v-9d116991]{padding:0}.calendar-controls[data-v-9d116991]{padding:.5rem;flex-wrap:wrap;justify-content:center}.calendar-controls h2[data-v-9d116991]{order:-1;width:100%;text-align:center;font-size:1.1rem;margin-bottom:.5rem}.calendar-controls button[data-v-9d116991]{padding:.4rem .8rem;font-size:.8rem}.time-labels[data-v-9d116991]{flex-basis:60px;font-size:.7rem}.time-header-cell[data-v-9d116991]{flex-basis:60px}.day-column[data-v-9d116991]{min-width:100px}}[data-v-b5423b27]{box-sizing:border-box}.toast-wrapper[data-v-b5423b27]{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;width:90%;max-width:400px;pointer-events:none}.toast[data-v-b5423b27]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-radius:8px;color:#fff;box-shadow:0 4px 12px #00000026;pointer-events:auto}.toast--info[data-v-b5423b27]{background-color:#2f86eb}.toast--success[data-v-b5423b27]{background-color:#34b77d}.toast--error[data-v-b5423b27]{background-color:#e53e3e}.toast-message[data-v-b5423b27]{font-weight:500}.close-button[data-v-b5423b27]{background:none;border:none;color:#fff;font-size:1.5rem;line-height:1;padding:0 0 0 1rem;opacity:.8;cursor:pointer}.close-button[data-v-b5423b27]:hover{opacity:1}.toast-slide-enter-active[data-v-b5423b27],.toast-slide-leave-active[data-v-b5423b27]{transition:all .4s ease}.toast-slide-enter-from[data-v-b5423b27],.toast-slide-leave-to[data-v-b5423b27]{transform:translateY(-100px);opacity:0}.modal-overlay[data-v-b85e4be6]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content[data-v-b85e4be6]{position:relative;background:#fff;padding:2rem;border-radius:8px;width:90%;max-width:400px;box-shadow:0 5px 15px #0000004d;text-align:center}.close-button[data-v-b85e4be6]{position:absolute;top:10px;right:15px;background:none;border:none;font-size:1.8rem;line-height:1;color:#aaa;cursor:pointer}.close-button[data-v-b85e4be6]:hover{color:#333}h3[data-v-b85e4be6]{margin-top:0;color:#333}p[data-v-b85e4be6]{color:#555;margin-bottom:1.5rem}.form-actions[data-v-b85e4be6]{display:flex;justify-content:center;gap:1rem}#app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;justify-content:space-between;align-items:center;padding:0 2rem;background-color:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0}.app-header h1{font-size:1.5rem;font-weight:600;flex-shrink:1}.app-header nav{display:flex;gap:.5rem}.app-header nav button{padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;border-radius:0;font-size:1rem;color:#555;transition:all .2s ease-in-out;flex-shrink:0;white-space:nowrap}.app-header nav button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.app-main{flex-grow:1;overflow-y:auto;background-color:var(--background-color)}@media (max-width: 768px){.app-header{padding:0 .5rem;gap:.5rem}.app-header h1{font-size:1rem}.app-header nav{gap:0}.app-header nav button{padding:.8rem .5rem;font-size:.8rem}}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fff;box-shadow:0 2px 4px #0000001a;border-bottom:1px solid #e0e0e0}.logo a{font-weight:700;font-size:1.5rem;text-decoration:none;color:var(--font-color)}.main-nav{display:flex;align-items:center;gap:1.5rem}.main-nav a,.main-nav button{text-decoration:none;font-weight:500;color:var(--font-color);font-size:1rem}.main-nav .router-link-active{color:var(--primary-color)}.main-content{flex-grow:1;padding:1rem;overflow:auto}:root{--primary-color: #4a90e2;--secondary-color: #777;--danger-color: #e53e3e;--background-color: #f4f5f7;--font-color: #2c3e50}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--font-color)}#app{height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{color:#333}button{cursor:pointer;border-radius:4px;padding:.6rem 1.2rem;font-size:.9rem;border:1px solid transparent;font-weight:500}.btn-primary{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{background-color:#f0f0f0;color:#555;border-color:#ccc}.btn-secondary:hover{background-color:#e0e0e0}.btn-danger{background-color:var(--danger-color);color:#fff;border-color:var(--danger-color)}.btn-danger:hover{filter:brightness(1.1)}.form-group{margin-bottom:1rem}label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}input,select{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;box-sizing:border-box}