zen-wdg 2.2.7 → 2.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/components/UI/Button.vue.d.ts +1 -1
  2. package/dist/components/UI/Input.vue.d.ts +1 -1
  3. package/dist/components/ZModal.vue.d.ts +155 -0
  4. package/dist/widgets/z-calendar-widget.vue.d.ts +84 -0
  5. package/dist/widgets/z-marked-widget.vue.d.ts +9 -6
  6. package/dist/widgets/z-notes-widget.vue.d.ts +42 -0
  7. package/dist/widgets/z-weather-widget.vue.d.ts +22 -0
  8. package/dist/zen-wdg.css +1 -1
  9. package/dist/zen-wdg.es.js +2159 -140
  10. package/dist/zen-wdg.umd.js +1 -1
  11. package/package.json +1 -1
  12. package/src/index.js +34 -2
  13. package/src/widgets/z-calendar-widget.vue +990 -0
  14. package/src/widgets/z-marked-widget.vue +143 -38
  15. package/src/widgets/z-notes-widget.vue +1073 -0
  16. package/src/widgets/z-search-widget.vue +2 -2
  17. package/src/widgets/z-weather-widget.vue +530 -0
package/dist/components/UI/Button.vue.d.ts CHANGED
@@ -87,9 +87,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
87
87
  };
88
88
  color: StringConstructor;
89
89
  }>> & Readonly<{}>, {
90
+ flat: boolean;
90
91
  bound: boolean;
91
92
  bounded: boolean;
92
- flat: boolean;
93
93
  iconLeft: boolean;
94
94
  iconRight: boolean;
95
95
  wFull: boolean;
package/dist/components/UI/Input.vue.d.ts CHANGED
@@ -36,8 +36,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
36
36
  default: boolean;
37
37
  };
38
38
  }>> & Readonly<{}>, {
39
- modelValue: string;
40
39
  round: boolean;
40
+ modelValue: string;
41
41
  full: boolean;
42
42
  rounded: boolean;
43
43
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
package/dist/components/ZModal.vue.d.ts ADDED
@@ -0,0 +1,155 @@
1
+ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
+ title: {
3
+ type: StringConstructor;
4
+ default: string;
5
+ };
6
+ message: {
7
+ type: StringConstructor;
8
+ default: string;
9
+ };
10
+ modalType: {
11
+ type: StringConstructor;
12
+ default: string;
13
+ validator: (value: unknown) => boolean;
14
+ };
15
+ size: {
16
+ type: StringConstructor;
17
+ default: string;
18
+ validator: (value: unknown) => boolean;
19
+ };
20
+ showClose: {
21
+ type: BooleanConstructor;
22
+ default: boolean;
23
+ };
24
+ showCancel: {
25
+ type: BooleanConstructor;
26
+ default: boolean;
27
+ };
28
+ showIcon: {
29
+ type: BooleanConstructor;
30
+ default: boolean;
31
+ };
32
+ confirmText: {
33
+ type: StringConstructor;
34
+ default: string;
35
+ };
36
+ cancelText: {
37
+ type: StringConstructor;
38
+ default: string;
39
+ };
40
+ closeOnOverlay: {
41
+ type: BooleanConstructor;
42
+ default: boolean;
43
+ };
44
+ inputLabel: {
45
+ type: StringConstructor;
46
+ default: string;
47
+ };
48
+ inputPlaceholder: {
49
+ type: StringConstructor;
50
+ default: string;
51
+ };
52
+ inputType: {
53
+ type: StringConstructor;
54
+ default: string;
55
+ };
56
+ inputDefaultValue: {
57
+ type: StringConstructor;
58
+ default: string;
59
+ };
60
+ confirmButtonClass: {
61
+ type: StringConstructor;
62
+ default: string;
63
+ };
64
+ }>, {}, {
65
+ isOpen: boolean;
66
+ inputValue: string;
67
+ resolvePromise: null;
68
+ rejectPromise: null;
69
+ }, {}, {
70
+ open(): Promise<any>;
71
+ close(): void;
72
+ confirm(): void;
73
+ cancel(): void;
74
+ handleOverlayClick(): void;
75
+ }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
76
+ title: {
77
+ type: StringConstructor;
78
+ default: string;
79
+ };
80
+ message: {
81
+ type: StringConstructor;
82
+ default: string;
83
+ };
84
+ modalType: {
85
+ type: StringConstructor;
86
+ default: string;
87
+ validator: (value: unknown) => boolean;
88
+ };
89
+ size: {
90
+ type: StringConstructor;
91
+ default: string;
92
+ validator: (value: unknown) => boolean;
93
+ };
94
+ showClose: {
95
+ type: BooleanConstructor;
96
+ default: boolean;
97
+ };
98
+ showCancel: {
99
+ type: BooleanConstructor;
100
+ default: boolean;
101
+ };
102
+ showIcon: {
103
+ type: BooleanConstructor;
104
+ default: boolean;
105
+ };
106
+ confirmText: {
107
+ type: StringConstructor;
108
+ default: string;
109
+ };
110
+ cancelText: {
111
+ type: StringConstructor;
112
+ default: string;
113
+ };
114
+ closeOnOverlay: {
115
+ type: BooleanConstructor;
116
+ default: boolean;
117
+ };
118
+ inputLabel: {
119
+ type: StringConstructor;
120
+ default: string;
121
+ };
122
+ inputPlaceholder: {
123
+ type: StringConstructor;
124
+ default: string;
125
+ };
126
+ inputType: {
127
+ type: StringConstructor;
128
+ default: string;
129
+ };
130
+ inputDefaultValue: {
131
+ type: StringConstructor;
132
+ default: string;
133
+ };
134
+ confirmButtonClass: {
135
+ type: StringConstructor;
136
+ default: string;
137
+ };
138
+ }>> & Readonly<{}>, {
139
+ title: string;
140
+ message: string;
141
+ modalType: string;
142
+ size: string;
143
+ showClose: boolean;
144
+ showCancel: boolean;
145
+ showIcon: boolean;
146
+ confirmText: string;
147
+ cancelText: string;
148
+ closeOnOverlay: boolean;
149
+ inputLabel: string;
150
+ inputPlaceholder: string;
151
+ inputType: string;
152
+ inputDefaultValue: string;
153
+ confirmButtonClass: string;
154
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
155
+ export default _default;
package/dist/widgets/z-calendar-widget.vue.d.ts ADDED
@@ -0,0 +1,84 @@
1
+ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
+ theme: {
3
+ type: StringConstructor;
4
+ default: string;
5
+ };
6
+ useStorage: {
7
+ type: BooleanConstructor;
8
+ default: boolean;
9
+ };
10
+ }>, {}, {
11
+ STORAGE_KEY: string;
12
+ currentView: string;
13
+ currentDate: Date;
14
+ showEventModal: boolean;
15
+ editingEvent: null;
16
+ events: any;
17
+ eventForm: {
18
+ name: string;
19
+ date: string;
20
+ startTime: string;
21
+ endTime: string;
22
+ color: string;
23
+ isRecurring: boolean;
24
+ recurringType: string;
25
+ };
26
+ viewLabels: {
27
+ day: string;
28
+ week: string;
29
+ month: string;
30
+ };
31
+ dayNames: string[];
32
+ colors: string[];
33
+ }, {
34
+ currentDateLabel(): string;
35
+ weekDays(): {
36
+ date: string;
37
+ name: string;
38
+ number: number;
39
+ }[];
40
+ monthDays(): {
41
+ date: string;
42
+ number: number;
43
+ isCurrentMonth: boolean;
44
+ }[];
45
+ }, {
46
+ loadEvents(): any;
47
+ saveEvents(): void;
48
+ getEmptyForm(): {
49
+ name: string;
50
+ date: string;
51
+ startTime: string;
52
+ endTime: string;
53
+ color: string;
54
+ isRecurring: boolean;
55
+ recurringType: string;
56
+ };
57
+ formatDate(date: any): string;
58
+ formatHour(hour: any): string;
59
+ isToday(dateString: any): boolean;
60
+ getWeekStart(date: any): Date;
61
+ previousPeriod(): void;
62
+ nextPeriod(): void;
63
+ goToToday(): void;
64
+ selectDay(dateString: any): void;
65
+ getEventsForDay(dateString: any): any;
66
+ getEventsForHour(dateString: any, hour: any): any;
67
+ saveEvent(): Promise<void>;
68
+ editEvent(event: any): void;
69
+ deleteEvent(): Promise<void>;
70
+ closeModal(): void;
71
+ }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
72
+ theme: {
73
+ type: StringConstructor;
74
+ default: string;
75
+ };
76
+ useStorage: {
77
+ type: BooleanConstructor;
78
+ default: boolean;
79
+ };
80
+ }>> & Readonly<{}>, {
81
+ theme: string;
82
+ useStorage: boolean;
83
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
84
+ export default _default;
package/dist/widgets/z-marked-widget.vue.d.ts CHANGED
@@ -23,16 +23,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
23
23
  STORAGE_KEY: string;
24
24
  bookmarks: any;
25
25
  activeTab: string;
26
+ faviconAttempts: {};
26
27
  }, {
27
28
  currentBookmarks(): any;
28
29
  }, {
29
30
  saveState(): void;
30
31
  setActiveTab(tab: any): void;
31
32
  openLink(url: any): void;
32
- deleteBookmark(index: any): void;
33
- editBookmark(index: any): void;
34
- addBookmarkPrompt(): void;
35
- onImageError(event: any, title: any): void;
33
+ deleteBookmark(index: any): Promise<void>;
34
+ editBookmark(index: any): Promise<void>;
35
+ addBookmarkPrompt(): Promise<void>;
36
+ getFaviconUrl(item: any): any;
37
+ extractDomain(url: any): any;
38
+ onImageError(event: any, item: any): void;
36
39
  }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
37
40
  theme: {
38
41
  type: StringConstructor;
@@ -56,9 +59,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
56
59
  };
57
60
  }>> & Readonly<{}>, {
58
61
  small: boolean;
59
- theme: string;
60
- categories: unknown[];
61
62
  open: string;
63
+ theme: string;
62
64
  useStorage: boolean;
65
+ categories: unknown[];
63
66
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
64
67
  export default _default;
package/dist/widgets/z-notes-widget.vue.d.ts ADDED
@@ -0,0 +1,42 @@
1
+ declare const _default: import("vue").DefineComponent<{}, {}, {
2
+ notes: never[];
3
+ categories: {
4
+ id: string;
5
+ name: string;
6
+ color: string;
7
+ }[];
8
+ showNewNoteForm: boolean;
9
+ showCategoryManager: boolean;
10
+ newNote: {
11
+ title: string;
12
+ content: string;
13
+ categoryId: string;
14
+ };
15
+ newCategoryName: string;
16
+ newCategoryColor: string;
17
+ filterCategory: null;
18
+ sortBy: string;
19
+ storageKey: string;
20
+ categoriesKey: string;
21
+ }, {
22
+ filteredNotes(): any[];
23
+ pinnedNotesCount(): number;
24
+ }, {
25
+ toggleNewNote(): void;
26
+ saveNote(): void;
27
+ cancelNewNote(): void;
28
+ deleteNote(id: any): Promise<void>;
29
+ togglePin(id: any): void;
30
+ addCategory(): void;
31
+ deleteCategory(id: any): Promise<void>;
32
+ getCategoryName(categoryId: any): string;
33
+ getCategoryColor(categoryId: any): string;
34
+ getNoteColor(note: any): string;
35
+ formatDate(dateString: any): string;
36
+ exportNotes(): void;
37
+ saveToStorage(): void;
38
+ loadFromStorage(): void;
39
+ saveCategoriesToStorage(): void;
40
+ loadCategoriesFromStorage(): void;
41
+ }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
42
+ export default _default;
package/dist/widgets/z-weather-widget.vue.d.ts ADDED
@@ -0,0 +1,22 @@
1
+ declare const _default: import("vue").DefineComponent<{}, {}, {
2
+ loading: boolean;
3
+ error: null;
4
+ weatherData: null;
5
+ locationName: string;
6
+ latitude: null;
7
+ longitude: null;
8
+ lastUpdate: string;
9
+ updateInterval: null;
10
+ }, {}, {
11
+ getLocation(): void;
12
+ fetchWeather(lat: any, lon: any): Promise<void>;
13
+ fetchLocationName(lat: any, lon: any): Promise<void>;
14
+ generateCacheKey(lat: any, lon: any): string;
15
+ getLocationFromCache(cacheKey: any): any;
16
+ saveLocationToCache(cacheKey: any, locationName: any): void;
17
+ refreshWeather(): void;
18
+ updateLastUpdateTime(): void;
19
+ getWeatherIcon(code: any): any;
20
+ getWeatherDescription(code: any): any;
21
+ }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
22
+ export default _default;
package/dist/zen-wdg.css CHANGED
@@ -1 +1 @@
1
- .clock-container[data-v-e9445086]{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.clock[data-v-e9445086]{text-align:center;font-family:Arial,sans-serif;color:#333;background-color:#14141466;backdrop-filter:blur(.2rem);border-radius:15px;padding:20px;width:100%}.time[data-v-e9445086]{font-size:4em;font-weight:700;color:#fff;display:flex;justify-content:center}.date[data-v-e9445086]{font-size:1.2em;color:#fff;margin-top:10px}@media (max-width: 500px){.time[data-v-e9445086]{font-size:3em}.date[data-v-e9445086]{font-size:1em}}input[data-v-2ad90286]{padding:.5rem 1rem;border:none}.full-width[data-v-2ad90286]{width:100%}input[data-v-2ad90286]:focus{outline:none}.round[data-v-2ad90286]{border-radius:.2rem}.rounded[data-v-2ad90286]{border-radius:10rem}button[data-v-10678914]{cursor:pointer;border:none;padding:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:.5s ease-in-out background}.w-full[data-v-10678914]{width:100%}.bound[data-v-10678914]{border-radius:.2rem}.bounded[data-v-10678914]{border-radius:50%}.flat[data-v-10678914]{padding:0;line-height:0;background-color:transparent}.container[data-v-d1389195]{position:relative}.select[data-v-d1389195]{border-radius:.4rem;gap:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.select>span[data-v-d1389195]{display:flex;align-items:center}.list[data-v-d1389195]{position:absolute;width:200px;top:110%;left:0;padding:.2rem;border-radius:.6rem;gap:.2rem;box-shadow:0 2px 6px #0000000f;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);background-color:#14141499;border:1px solid rgba(255,255,255,.3)}.item[data-v-d1389195]{gap:1rem;padding:.2rem .4rem;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;background-color:#0a0a0a66;height:40px}.item.active[data-v-d1389195],.item[data-v-d1389195]:hover{background-color:var(--blue)}.theme-selector-popup[data-v-d1389195]{max-height:200px}.logo[data-v-d1389195]{width:30px;border-radius:.4rem;border:1px solid rgba(255,255,255,.3)}.container-search[data-v-b93f704d]{width:100%;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);background-color:#1414141a;border:1px solid rgba(255,255,255,.3);color:#fff;box-shadow:0 8px 32px #1f268733;padding:.4rem;border-radius:.6rem}.search[data-v-b93f704d]{width:100%;background-color:#0a0a0a99;display:flex;align-items:center;padding:.3rem .8rem;border-radius:.5rem;box-shadow:0 0 .4rem var(--border-color)}.bg-glass[data-v-b93f704d]{background-color:transparent;color:var(--text-color)}.search img[data-v-b93f704d]{width:20px}.todo-widget[data-v-3560194d]{width:100%;background-color:#14141466;backdrop-filter:blur(.2rem);border-radius:16px;padding:20px;color:#fff;box-shadow:0 4px 10px #0000004d;max-width:500px;margin:0 auto}.title[data-v-3560194d]{margin-bottom:16px;text-align:center}.todo-form[data-v-3560194d]{display:flex;gap:10px;margin-bottom:20px}.todo-form input[data-v-3560194d]{flex:1;padding:10px 12px;border:none;border-radius:8px;background-color:#2a2a2a;color:#fff}.todo-form button[data-v-3560194d]{background-color:#007bff;color:#fff;border:none;border-radius:8px;padding:10px 16px;cursor:pointer}.task-section[data-v-3560194d]{margin-bottom:20px}.task-section h3[data-v-3560194d]{margin-bottom:8px;font-size:1rem;color:#ccc}.task-section ul[data-v-3560194d]{list-style:none;padding:0}.task-section li[data-v-3560194d]{background-color:#292929;padding:10px 12px;border-radius:10px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.actions button[data-v-3560194d]{margin-left:8px;background:none;border:none;color:#bbb;cursor:pointer;font-size:1rem}.actions button[data-v-3560194d]:hover{color:#fff}.empty[data-v-3560194d]{font-size:.9rem;color:#666}.done[data-v-3560194d]{text-decoration:line-through;color:#777}.container-marked[data-v-5c8411db]{width:100%;display:flex;flex-direction:column;gap:10px}.tabs[data-v-5c8411db]{width:auto;height:auto;display:flex;gap:10px;flex-wrap:wrap;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#444;padding:.2rem;border-radius:.6rem;align-self:start}.tabs.dark[data-v-5c8411db]{background:#1414144d;color:#dfdfdf}.container-tab[data-v-5c8411db]{position:relative}.tab[data-v-5c8411db]{padding:8px 2rem;border:none;cursor:pointer;font-weight:600;background-color:transparent;color:unset}.tab.active[data-v-5c8411db]{background-color:#066d5a4d;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:.5rem}.grid[data-v-5c8411db]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.4rem}.grid.small[data-v-5c8411db]{gap:1.4rem}.card[data-v-5c8411db]{position:relative;flex:1 1 80px}.card.small[data-v-5c8411db]{flex:1 1 180px}.card-link[data-v-5c8411db]{height:115px;padding:16px;border-radius:1rem;box-shadow:0 2px 4px #0000004d;background-color:#e1e1e11a;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(255,255,255,.3);text-align:center;cursor:pointer;text-decoration:none;color:#202020;display:flex;justify-content:center;flex-direction:column}.card-link[data-v-5c8411db]:hover{backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);background-color:#dcdcdc99;border:1px solid rgba(255,255,255,.3)}.card-link.dark[data-v-5c8411db]{background-color:#1414141a;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(255,255,255,.3);color:#fff}.card-link.dark[data-v-5c8411db]:hover{backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);background-color:#0a0a0a99;border:1px solid rgba(255,255,255,.3)}.option-app[data-v-5c8411db]{display:none;position:absolute;top:10px;right:10px;z-index:2;gap:.4rem}.card:hover .option-app[data-v-5c8411db]{display:flex;justify-content:center;align-items:center}.delete-app[data-v-5c8411db],.edit-app[data-v-5c8411db]{cursor:pointer;border-radius:.2rem;width:23px;height:23px;border:none;font-size:.8rem}.edit-app[data-v-5c8411db]{font-size:1rem}.card-link img[data-v-5c8411db]{width:100%;max-width:50px;height:100%;height:50px;border-radius:.4rem}.card-link img.small[data-v-5c8411db]{max-width:55px;height:55px}.column[data-v-5c8411db]{display:flex;flex-direction:column;align-items:center;gap:5px}.add[data-v-5c8411db]{width:50px;height:50px;background:gray;border-radius:.5rem;display:flex;justify-content:center;font-size:2rem;line-height:50px;color:#fff;user-select:none}
1
+ .clock-container[data-v-e9445086]{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.clock[data-v-e9445086]{text-align:center;font-family:Arial,sans-serif;color:#333;background-color:#14141466;backdrop-filter:blur(.2rem);border-radius:15px;padding:20px;width:100%}.time[data-v-e9445086]{font-size:4em;font-weight:700;color:#fff;display:flex;justify-content:center}.date[data-v-e9445086]{font-size:1.2em;color:#fff;margin-top:10px}@media (max-width: 500px){.time[data-v-e9445086]{font-size:3em}.date[data-v-e9445086]{font-size:1em}}input[data-v-2ad90286]{padding:.5rem 1rem;border:none}.full-width[data-v-2ad90286]{width:100%}input[data-v-2ad90286]:focus{outline:none}.round[data-v-2ad90286]{border-radius:.2rem}.rounded[data-v-2ad90286]{border-radius:10rem}button[data-v-10678914]{cursor:pointer;border:none;padding:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:.5s ease-in-out background}.w-full[data-v-10678914]{width:100%}.bound[data-v-10678914]{border-radius:.2rem}.bounded[data-v-10678914]{border-radius:50%}.flat[data-v-10678914]{padding:0;line-height:0;background-color:transparent}.container[data-v-d1389195]{position:relative}.select[data-v-d1389195]{border-radius:.4rem;gap:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.select>span[data-v-d1389195]{display:flex;align-items:center}.list[data-v-d1389195]{position:absolute;width:200px;top:110%;left:0;padding:.2rem;border-radius:.6rem;gap:.2rem;box-shadow:0 2px 6px #0000000f;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);background-color:#14141499;border:1px solid rgba(255,255,255,.3)}.item[data-v-d1389195]{gap:1rem;padding:.2rem .4rem;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;background-color:#0a0a0a66;height:40px}.item.active[data-v-d1389195],.item[data-v-d1389195]:hover{background-color:var(--blue)}.theme-selector-popup[data-v-d1389195]{max-height:200px}.logo[data-v-d1389195]{width:30px;border-radius:.4rem;border:1px solid rgba(255,255,255,.3)}.container-search[data-v-834a689a]{width:100%;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);background-color:#1414141a;border:1px solid rgba(255,255,255,.3);color:#fff;box-shadow:0 8px 32px #1f268733;padding:.4rem;border-radius:.6rem}.search[data-v-834a689a]{width:100%;background-color:#0a0a0a99;display:flex;align-items:center;padding:.3rem .8rem;border-radius:.5rem;box-shadow:0 0 .4rem var(--border-color)}.bg-glass[data-v-834a689a]{background-color:transparent;color:var(--text-color)}.search img[data-v-834a689a]{width:20px}.todo-widget[data-v-3560194d]{width:100%;background-color:#14141466;backdrop-filter:blur(.2rem);border-radius:16px;padding:20px;color:#fff;box-shadow:0 4px 10px #0000004d;max-width:500px;margin:0 auto}.title[data-v-3560194d]{margin-bottom:16px;text-align:center}.todo-form[data-v-3560194d]{display:flex;gap:10px;margin-bottom:20px}.todo-form input[data-v-3560194d]{flex:1;padding:10px 12px;border:none;border-radius:8px;background-color:#2a2a2a;color:#fff}.todo-form button[data-v-3560194d]{background-color:#007bff;color:#fff;border:none;border-radius:8px;padding:10px 16px;cursor:pointer}.task-section[data-v-3560194d]{margin-bottom:20px}.task-section h3[data-v-3560194d]{margin-bottom:8px;font-size:1rem;color:#ccc}.task-section ul[data-v-3560194d]{list-style:none;padding:0}.task-section li[data-v-3560194d]{background-color:#292929;padding:10px 12px;border-radius:10px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.actions button[data-v-3560194d]{margin-left:8px;background:none;border:none;color:#bbb;cursor:pointer;font-size:1rem}.actions button[data-v-3560194d]:hover{color:#fff}.empty[data-v-3560194d]{font-size:.9rem;color:#666}.done[data-v-3560194d]{text-decoration:line-through;color:#777}.container-marked[data-v-1625b2ac]{width:100%;display:flex;flex-direction:column;gap:10px}.tabs[data-v-1625b2ac]{width:auto;height:auto;display:flex;gap:10px;flex-wrap:wrap;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#444;padding:.2rem;border-radius:.6rem;align-self:start}.tabs.dark[data-v-1625b2ac]{background:#1414144d;color:#dfdfdf}.container-tab[data-v-1625b2ac]{position:relative}.tab[data-v-1625b2ac]{padding:8px 2rem;border:none;cursor:pointer;font-weight:600;background-color:transparent;color:unset}.tab.active[data-v-1625b2ac]{background-color:#066d5a4d;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:.5rem}.grid[data-v-1625b2ac]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.4rem}.grid.small[data-v-1625b2ac]{gap:1.4rem}.card[data-v-1625b2ac]{position:relative;flex:1 1 80px}.card.small[data-v-1625b2ac]{flex:1 1 180px}.card-link[data-v-1625b2ac]{height:115px;padding:16px;border-radius:1rem;box-shadow:0 2px 4px #0000004d;background-color:#e1e1e11a;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(255,255,255,.3);text-align:center;cursor:pointer;text-decoration:none;color:#202020;display:flex;justify-content:center;flex-direction:column}.card-link[data-v-1625b2ac]:hover{backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);background-color:#dcdcdc99;border:1px solid rgba(255,255,255,.3)}.card-link.dark[data-v-1625b2ac]{background-color:#1414141a;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(255,255,255,.3);color:#fff}.card-link.dark[data-v-1625b2ac]:hover{backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);background-color:#0a0a0a99;border:1px solid rgba(255,255,255,.3)}.option-app[data-v-1625b2ac]{display:none;position:absolute;top:10px;right:10px;z-index:2;gap:.4rem}.card:hover .option-app[data-v-1625b2ac]{display:flex;justify-content:center;align-items:center}.delete-app[data-v-1625b2ac],.edit-app[data-v-1625b2ac]{cursor:pointer;border-radius:.2rem;width:23px;height:23px;border:none;font-size:.8rem}.edit-app[data-v-1625b2ac]{font-size:1rem}.logo-container[data-v-1625b2ac]{width:50px;height:50px;border-radius:.4rem;overflow:hidden;display:flex;align-items:center;justify-content:center}.card.small .logo-container[data-v-1625b2ac]{width:55px;height:55px}.card-link img[data-v-1625b2ac]{width:100%;max-width:50px;height:100%;height:50px;border-radius:.4rem;object-fit:cover}.card-link img.small[data-v-1625b2ac]{max-width:55px;height:55px}.column[data-v-1625b2ac]{display:flex;flex-direction:column;align-items:center;gap:5px}.add[data-v-1625b2ac]{width:50px;height:50px;background:gray;border-radius:.5rem;display:flex;justify-content:center;font-size:2rem;line-height:50px;color:#fff;user-select:none}.calendar-container[data-v-b191092b]{width:100%;height:100%;display:flex;flex-direction:column;padding:1rem;border-radius:1rem;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#202020}.calendar-container.dark[data-v-b191092b]{background:#1414144d;color:#dfdfdf}.calendar-header[data-v-b191092b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.view-selector[data-v-b191092b]{display:flex;gap:.5rem;background:#0000001a;padding:.25rem;border-radius:.5rem}.view-btn[data-v-b191092b]{padding:.5rem 1rem;border:none;background:transparent;cursor:pointer;border-radius:.4rem;font-weight:500;color:inherit;transition:all .2s}.view-btn.active[data-v-b191092b]{background:#066d5a99;color:#fff}.navigation[data-v-b191092b]{display:flex;align-items:center;gap:1rem}.nav-btn[data-v-b191092b]{width:2rem;height:2rem;border:none;background:#0000001a;border-radius:.4rem;cursor:pointer;font-size:1.5rem;color:inherit;display:flex;align-items:center;justify-content:center}.nav-btn[data-v-b191092b]:hover{background:#0003}.current-date[data-v-b191092b]{font-weight:600;min-width:200px;text-align:center}.today-btn[data-v-b191092b]{padding:.5rem 1rem;border:none;background:#0000001a;border-radius:.4rem;cursor:pointer;font-weight:500;color:inherit}.today-btn[data-v-b191092b]:hover{background:#0003}.add-event-btn[data-v-b191092b]{padding:.5rem 1rem;border:none;background:#066d5a;color:#fff;border-radius:.4rem;cursor:pointer;font-weight:600}.add-event-btn[data-v-b191092b]:hover{background:#055a4a}.calendar-view[data-v-b191092b]{flex:1;overflow-y:auto;min-height:400px}.day-view[data-v-b191092b]{height:100%}.time-grid[data-v-b191092b]{display:flex;flex-direction:column}.hour-slot[data-v-b191092b]{display:flex;border-bottom:1px solid rgba(0,0,0,.1);min-height:60px}.hour-label[data-v-b191092b]{width:60px;padding:.5rem;font-size:.85rem;color:#0009}.dark .hour-label[data-v-b191092b]{color:#fff9}.hour-content[data-v-b191092b]{flex:1;padding:.25rem;position:relative}.week-view[data-v-b191092b]{height:100%;display:flex;flex-direction:column}.week-header[data-v-b191092b]{display:grid;grid-template-columns:60px repeat(7,1fr);border-bottom:2px solid rgba(0,0,0,.2);margin-bottom:.5rem}.week-time-label[data-v-b191092b]{width:60px}.week-day-header[data-v-b191092b]{text-align:center;padding:.5rem}.day-name[data-v-b191092b]{font-size:.85rem;color:#0009}.dark .day-name[data-v-b191092b]{color:#fff9}.day-number[data-v-b191092b]{font-weight:600;font-size:1.2rem;margin-top:.25rem}.day-number.today[data-v-b191092b]{background:#066d5a;color:#fff;border-radius:50%;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center}.week-grid[data-v-b191092b]{flex:1;overflow-y:auto}.week-hour-row[data-v-b191092b]{display:grid;grid-template-columns:60px repeat(7,1fr);border-bottom:1px solid rgba(0,0,0,.1);min-height:60px}.week-hour-label[data-v-b191092b]{padding:.5rem;font-size:.85rem;color:#0009}.dark .week-hour-label[data-v-b191092b]{color:#fff9}.week-hour-cell[data-v-b191092b]{border-left:1px solid rgba(0,0,0,.05);padding:.25rem;position:relative}.month-view[data-v-b191092b]{height:100%;display:flex;flex-direction:column}.month-header[data-v-b191092b]{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem}.month-day-name[data-v-b191092b]{text-align:center;font-weight:600;padding:.5rem;font-size:.9rem}.month-grid[data-v-b191092b]{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;flex:1}.month-day[data-v-b191092b]{aspect-ratio:1;border:1px solid rgba(0,0,0,.1);border-radius:.4rem;padding:.5rem;cursor:pointer;transition:background .2s;display:flex;flex-direction:column}.month-day[data-v-b191092b]:hover{background:#0000000d}.dark .month-day[data-v-b191092b]:hover{background:#ffffff0d}.month-day.other-month[data-v-b191092b]{opacity:.3}.month-day.today[data-v-b191092b]{background:#066d5a33;border-color:#066d5a}.month-day .day-number[data-v-b191092b]{font-weight:600;margin-bottom:.25rem}.day-events[data-v-b191092b]{display:flex;gap:.25rem;flex-wrap:wrap}.event-dot[data-v-b191092b]{width:6px;height:6px;border-radius:50%}.more-events[data-v-b191092b]{font-size:.7rem;color:#0009}.dark .more-events[data-v-b191092b]{color:#fff9}.event-card[data-v-b191092b]{padding:.5rem;border-radius:.4rem;margin-bottom:.25rem;cursor:pointer;color:#fff;position:relative}.event-card[data-v-b191092b]:hover{opacity:.9}.event-card.small[data-v-b191092b]{padding:.25rem;font-size:.75rem}.event-title[data-v-b191092b]{font-weight:600;margin-bottom:.25rem}.event-time[data-v-b191092b]{font-size:.85rem;opacity:.9}.event-recurring[data-v-b191092b]{position:absolute;top:.25rem;right:.25rem;font-size:.75rem}.modal-overlay[data-v-b191092b]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-b191092b]{background:#fff;border-radius:1rem;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.dark .modal-content[data-v-b191092b]{background:#2a2a2a}.modal-header[data-v-b191092b]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(0,0,0,.1)}.dark .modal-header[data-v-b191092b]{border-bottom-color:#ffffff1a}.modal-header h3[data-v-b191092b]{margin:0;font-size:1.5rem}.close-btn[data-v-b191092b]{width:2rem;height:2rem;border:none;background:transparent;font-size:1.5rem;cursor:pointer;border-radius:.4rem;color:inherit}.close-btn[data-v-b191092b]:hover{background:#0000001a}.dark .close-btn[data-v-b191092b]:hover{background:#ffffff1a}.modal-body[data-v-b191092b]{padding:1.5rem}.form-group[data-v-b191092b]{margin-bottom:1.5rem}.form-group label[data-v-b191092b]{display:block;margin-bottom:.5rem;font-weight:600}.form-group input[type=text][data-v-b191092b],.form-group input[type=date][data-v-b191092b],.form-group input[type=time][data-v-b191092b],.form-group select[data-v-b191092b]{width:100%;padding:.75rem;border:1px solid rgba(0,0,0,.2);border-radius:.4rem;font-size:1rem;background:#fff;color:#202020}.dark .form-group input[type=text][data-v-b191092b],.dark .form-group input[type=date][data-v-b191092b],.dark .form-group input[type=time][data-v-b191092b],.dark .form-group select[data-v-b191092b]{background:#1a1a1a;border-color:#fff3;color:#dfdfdf}.form-row[data-v-b191092b]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkbox-label[data-v-b191092b]{display:flex!important;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox][data-v-b191092b]{width:1.25rem;height:1.25rem;cursor:pointer}.color-picker[data-v-b191092b]{display:flex;gap:.5rem;flex-wrap:wrap}.color-option[data-v-b191092b]{width:2.5rem;height:2.5rem;border-radius:.4rem;cursor:pointer;border:3px solid transparent;transition:all .2s}.color-option[data-v-b191092b]:hover{transform:scale(1.1)}.color-option.selected[data-v-b191092b]{border-color:#fff;box-shadow:0 0 0 2px #066d5a}.modal-footer[data-v-b191092b]{display:flex;justify-content:flex-end;gap:.5rem;padding:1.5rem;border-top:1px solid rgba(0,0,0,.1)}.dark .modal-footer[data-v-b191092b]{border-top-color:#ffffff1a}.modal-footer button[data-v-b191092b]{padding:.75rem 1.5rem;border:none;border-radius:.4rem;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn[data-v-b191092b]{background:#0000001a;color:inherit}.cancel-btn[data-v-b191092b]:hover{background:#0003}.save-btn[data-v-b191092b]{background:#066d5a;color:#fff}.save-btn[data-v-b191092b]:hover{background:#055a4a}.delete-btn[data-v-b191092b]{background:#dc2626;color:#fff;margin-right:auto}.delete-btn[data-v-b191092b]:hover{background:#b91c1c}@media (max-width: 768px){.calendar-header[data-v-b191092b]{flex-direction:column;align-items:stretch}.navigation[data-v-b191092b]{justify-content:center}.current-date[data-v-b191092b]{min-width:auto}.week-header[data-v-b191092b],.week-hour-row[data-v-b191092b]{grid-template-columns:40px repeat(7,1fr)}.hour-label[data-v-b191092b],.week-hour-label[data-v-b191092b],.week-time-label[data-v-b191092b]{width:40px;font-size:.7rem}.form-row[data-v-b191092b]{grid-template-columns:1fr}}.weather-container[data-v-5f11c261]{display:flex;justify-content:center;align-items:center;height:100%;width:100%;padding:10px}.weather-widget[data-v-5f11c261]{width:100%;max-width:400px;background-color:#14141466;backdrop-filter:blur(.2rem);border-radius:15px;padding:20px;color:#fff;font-family:Arial,sans-serif}.weather-loading[data-v-5f11c261],.weather-error[data-v-5f11c261]{text-align:center;padding:20px}.spinner[data-v-5f11c261]{border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;width:40px;height:40px;animation:spin-5f11c261 1s linear infinite;margin:0 auto 15px}@keyframes spin-5f11c261{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.weather-error[data-v-5f11c261]{color:#fcc}.error-icon[data-v-5f11c261]{font-size:2em;display:block;margin-bottom:10px}.retry-btn[data-v-5f11c261],.refresh-btn[data-v-5f11c261]{background-color:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;margin-top:10px;transition:background-color .3s}.retry-btn[data-v-5f11c261]:hover,.refresh-btn[data-v-5f11c261]:hover{background-color:#ffffff4d}.weather-header[data-v-5f11c261]{margin-bottom:15px}.location[data-v-5f11c261]{display:flex;align-items:center;gap:8px;font-size:1.1em}.location-icon[data-v-5f11c261]{font-size:1.2em}.weather-main[data-v-5f11c261]{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.temperature[data-v-5f11c261]{display:flex;align-items:flex-start}.temp-value[data-v-5f11c261]{font-size:4em;font-weight:700;line-height:1}.temp-unit[data-v-5f11c261]{font-size:2em;margin-top:10px;margin-left:5px;opacity:.8}.weather-icon[data-v-5f11c261]{font-size:4em}.weather-description[data-v-5f11c261]{text-align:center;font-size:1.3em;margin-bottom:20px;text-transform:capitalize}.weather-details[data-v-5f11c261]{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.detail-item[data-v-5f11c261]{display:flex;flex-direction:column;align-items:center;gap:5px}.detail-icon[data-v-5f11c261]{font-size:1.5em}.detail-label[data-v-5f11c261]{font-size:.8em;opacity:.7}.detail-value[data-v-5f11c261]{font-size:1em;font-weight:700}.weather-footer[data-v-5f11c261]{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.2)}.last-update[data-v-5f11c261]{font-size:.85em;opacity:.7}.refresh-btn[data-v-5f11c261]{padding:6px 12px;font-size:1.2em;margin-top:0}@media (max-width: 500px){.temp-value[data-v-5f11c261]{font-size:3em}.temp-unit[data-v-5f11c261]{font-size:1.5em}.weather-icon[data-v-5f11c261]{font-size:3em}.weather-description[data-v-5f11c261]{font-size:1.1em}.weather-details[data-v-5f11c261]{grid-template-columns:repeat(3,1fr);gap:10px}.detail-item[data-v-5f11c261]{font-size:.9em}}.notes-widget[data-v-7326bacf]{width:100%;max-width:900px;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:20px;padding:25px;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 20px 60px #0000004d}.notes-header[data-v-7326bacf]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(255,255,255,.1)}.notes-title[data-v-7326bacf]{margin:0;font-size:1.8rem;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-actions[data-v-7326bacf]{display:flex;gap:10px}.icon-btn[data-v-7326bacf]{width:40px;height:40px;border:none;background:#3b82f633;border-radius:10px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.icon-btn[data-v-7326bacf]:hover{background:#3b82f64d;transform:translateY(-2px)}.add-btn[data-v-7326bacf]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.add-btn[data-v-7326bacf]:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666}.modal-overlay[data-v-7326bacf]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-7326bacf]{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:20px;padding:30px;max-width:500px;width:100%;box-shadow:0 20px 60px #00000080}.modal-header[data-v-7326bacf]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3[data-v-7326bacf]{margin:0;color:#e2e8f0;font-size:1.5rem}.close-btn[data-v-7326bacf]{width:35px;height:35px;border:none;background:#ef444433;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .3s ease;color:#ef4444}.close-btn[data-v-7326bacf]:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.modal-body[data-v-7326bacf]{max-height:400px;overflow-y:auto}.category-form[data-v-7326bacf]{display:flex;gap:10px;margin-bottom:20px}.category-input[data-v-7326bacf]{flex:1;padding:12px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;color:#e2e8f0;font-size:.95rem}.category-input[data-v-7326bacf]:focus{outline:none;border-color:#3b82f6;background:#ffffff14}.color-picker[data-v-7326bacf]{width:60px;height:45px;border:none;border-radius:10px;cursor:pointer;background:transparent}.add-category-btn[data-v-7326bacf]{padding:0 20px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.add-category-btn[data-v-7326bacf]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.categories-list[data-v-7326bacf]{display:flex;flex-direction:column;gap:10px}.category-item[data-v-7326bacf]{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:10px;transition:all .3s ease}.category-item[data-v-7326bacf]:hover{background:#ffffff14}.category-color-preview[data-v-7326bacf]{width:25px;height:25px;border-radius:6px;border:2px solid rgba(255,255,255,.2)}.category-name[data-v-7326bacf]{flex:1;color:#e2e8f0;font-weight:500}.delete-category-btn[data-v-7326bacf]{width:35px;height:35px;border:none;background:#ef444433;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease}.delete-category-btn[data-v-7326bacf]:hover{background:#ef4444;transform:scale(1.1)}.new-note-form[data-v-7326bacf]{background:#ffffff0d;border:2px solid rgba(59,130,246,.3);border-radius:15px;padding:20px;margin-bottom:20px}.note-title-input[data-v-7326bacf],.note-content-input[data-v-7326bacf]{width:100%;padding:12px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;color:#e2e8f0;font-size:.95rem;font-family:inherit;margin-bottom:12px}.note-title-input[data-v-7326bacf]{font-size:1.1rem;font-weight:600}.note-title-input[data-v-7326bacf]:focus,.note-content-input[data-v-7326bacf]:focus{outline:none;border-color:#3b82f6;background:#ffffff14}.note-content-input[data-v-7326bacf]{resize:vertical;min-height:100px}.note-form-actions[data-v-7326bacf]{display:flex;justify-content:space-between;align-items:center;gap:10px}.category-select[data-v-7326bacf]{padding:10px 15px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;color:#e2e8f0;cursor:pointer;font-size:.9rem}.category-select[data-v-7326bacf]:focus{outline:none;border-color:#3b82f6}.form-buttons[data-v-7326bacf]{display:flex;gap:10px}.cancel-btn[data-v-7326bacf],.save-btn[data-v-7326bacf]{padding:10px 20px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn[data-v-7326bacf]{background:#ef444433;color:#ef4444}.cancel-btn[data-v-7326bacf]:hover{background:#ef44444d}.save-btn[data-v-7326bacf]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.save-btn[data-v-7326bacf]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.notes-controls[data-v-7326bacf]{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;flex-wrap:wrap}.filter-controls[data-v-7326bacf]{display:flex;gap:8px;flex-wrap:wrap}.filter-btn[data-v-7326bacf]{padding:8px 16px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:20px;color:#94a3b8;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .3s ease}.filter-btn[data-v-7326bacf]:hover{background:#ffffff14;color:#e2e8f0}.filter-btn.active[data-v-7326bacf]{background:#3b82f633;border-color:#3b82f6;color:#60a5fa}.sort-controls[data-v-7326bacf]{display:flex;gap:10px}.sort-select[data-v-7326bacf]{padding:8px 12px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;color:#e2e8f0;cursor:pointer;font-size:.85rem}.sort-select[data-v-7326bacf]:focus{outline:none;border-color:#3b82f6}.notes-list[data-v-7326bacf]{margin-bottom:20px}.empty-state[data-v-7326bacf]{text-align:center;padding:60px 20px;color:#64748b}.empty-icon[data-v-7326bacf]{font-size:4rem;margin-bottom:15px;opacity:.5}.empty-state p[data-v-7326bacf]{font-size:1.2rem;margin-bottom:20px}.create-first-note-btn[data-v-7326bacf]{padding:12px 30px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.create-first-note-btn[data-v-7326bacf]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.notes-grid[data-v-7326bacf]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.note-card[data-v-7326bacf]{background:#ffffff0d;backdrop-filter:blur(10px);border-left:4px solid #6b7280;border-radius:12px;padding:15px;transition:all .3s ease;display:flex;flex-direction:column;gap:10px}.note-card[data-v-7326bacf]:hover{background:#ffffff14;transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.note-card.pinned[data-v-7326bacf]{background:#3b82f61a;border-left-color:#3b82f6}.note-card-header[data-v-7326bacf]{display:flex;justify-content:space-between;gap:5px}.pin-btn[data-v-7326bacf],.delete-btn[data-v-7326bacf]{width:30px;height:30px;border:none;background:#ffffff0d;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .3s ease}.pin-btn[data-v-7326bacf]:hover{background:#3b82f633;transform:scale(1.1)}.pin-btn.pinned[data-v-7326bacf]{background:#3b82f633}.delete-btn[data-v-7326bacf]:hover{background:#ef444433;transform:scale(1.1)}.note-title[data-v-7326bacf]{margin:0;font-size:1.1rem;color:#f1f5f9;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-content[data-v-7326bacf]{margin:0;color:#cbd5e1;font-size:.9rem;line-height:1.6;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical}.note-footer[data-v-7326bacf]{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.note-category[data-v-7326bacf]{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.note-date[data-v-7326bacf]{color:#64748b;font-size:.75rem}.notes-stats[data-v-7326bacf]{display:flex;justify-content:space-between;padding:15px;background:#ffffff0d;border-radius:10px;color:#94a3b8;font-size:.9rem;font-weight:500}.modal-enter-active[data-v-7326bacf],.modal-leave-active[data-v-7326bacf]{transition:all .3s ease}.modal-enter-from[data-v-7326bacf],.modal-leave-to[data-v-7326bacf]{opacity:0;transform:scale(.9)}.slide-enter-active[data-v-7326bacf],.slide-leave-active[data-v-7326bacf]{transition:all .3s ease}.slide-enter-from[data-v-7326bacf],.slide-leave-to[data-v-7326bacf]{opacity:0;transform:translateY(-20px)}.note-list-enter-active[data-v-7326bacf],.note-list-leave-active[data-v-7326bacf]{transition:all .3s ease}.note-list-enter-from[data-v-7326bacf],.note-list-leave-to[data-v-7326bacf]{opacity:0;transform:scale(.9)}.note-list-move[data-v-7326bacf]{transition:transform .3s ease}@media (max-width: 768px){.notes-widget[data-v-7326bacf]{padding:15px}.notes-title[data-v-7326bacf]{font-size:1.5rem}.notes-grid[data-v-7326bacf]{grid-template-columns:1fr}.notes-controls[data-v-7326bacf]{flex-direction:column;align-items:stretch}.filter-controls[data-v-7326bacf],.sort-controls[data-v-7326bacf]{width:100%}.filter-btn[data-v-7326bacf]{flex:1;text-align:center}}