@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Fredoka:wght@300..700&display=swap";:root{--color-base-white: #FFFFFF;--color-base-neutral-lightest: #F4F4F5;--color-base-neutral-darkest: #1A1A1A;--color-base-oregon: #9E3E1B;--color-base-oregon-lighter: #F2E8E0;--color-base-oregon-lightest: #FDF8F5;--color-bg-primary: var(--color-base-white);--color-bg-secondary: var(--color-base-neutral-lightest);--color-bg-tertiary: rgba(26, 26, 26, .05);--color-text-primary: var(--color-base-neutral-darkest);--color-text-secondary: rgba(26, 26, 26, .7);--color-text-tertiary: rgba(26, 26, 26, .4);--color-accent-primary: var(--color-base-oregon);--color-accent-secondary: #7CB342;--color-accent-blue: #29B6F6;--color-accent-purple: #AB47BC;--color-accent-red: #EF5350;--color-accent-yellow: #FFEE58;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--font-family-heading: "Fredoka", "Varela Round", system-ui, sans-serif;--font-family-base: "Comfortaa", "Inter", system-ui, sans-serif;--font-size-tiny: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.375rem;--font-size-xl: 1.75rem;--font-size-2xl: 2.25rem;--font-size-3xl: 2.75rem;--font-size-4xl: 3.25rem;--font-size-5xl: 4.5rem;--font-weight-regular: 400;--font-weight-medium: 600;--font-weight-bold: 700;--radius-sm: 16px;--radius-md: 24px;--radius-lg: 32px;--radius-pill: 999px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .1);--border-width: 1px;--border-color: rgba(26, 26, 26, .15);--glass-bg: rgba(255, 255, 255, .8)}body{margin:0;padding:0;font-family:var(--font-family-base);background-color:var(--color-bg-primary);color:var(--color-text-primary);overflow:hidden;background-image:radial-gradient(var(--color-bg-tertiary) 2px,transparent 2px);background-size:32px 32px}*{box-sizing:border-box}::-webkit-scrollbar{display:none}html,body,#root{height:100%;width:100%;margin:0;overflow:hidden}#root{display:flex;flex-direction:column}.dashboard-container{display:flex;flex-direction:column;height:100vh;width:100vw;padding:var(--space-md);gap:var(--space-md)}.frame-top{height:15%;min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.frame-family{height:auto;flex-shrink:0}.frame-calendar{flex:1;position:relative;overflow:hidden}.area-sidebar,.area-header,.area-main{grid-area:auto}.widget-card{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-card);border:var(--border-width) solid var(--color-bg-tertiary);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease}.area-sidebar{grid-area:sidebar;display:flex;flex-direction:column;gap:var(--space-md);background:transparent;padding:0;box-shadow:none;border:none}.area-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;box-shadow:none}.area-main{grid-area:main;border:var(--border-width) solid var(--color-accent-primary);box-shadow:0 8px #2638c433}.widget-title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-accent-primary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:8px}.calendar-container{height:100%;display:flex;flex-direction:column}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.calendar-controls{display:flex;gap:var(--space-xs);background:var(--color-bg-tertiary);padding:4px;border-radius:var(--radius-pill)}.view-toggle-btn{border:none;background:transparent;padding:8px 16px;border-radius:var(--radius-pill);cursor:pointer;font-weight:700;color:var(--color-text-secondary);transition:all .2s}.view-toggle-btn.active{background:var(--color-bg-secondary);color:var(--color-accent-primary);box-shadow:0 2px 4px #0000001a}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:auto repeat(6,1fr);gap:8px;height:100%}.month-cell{background:var(--color-bg-primary);border-radius:var(--radius-sm);padding:4px;min-height:80px;display:flex;flex-direction:column;font-size:.9em;position:relative;border:2px solid transparent}.month-cell.today{border-color:var(--color-accent-primary);background:#2638c40d}.month-cell .date-label{font-weight:700;margin-bottom:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.month-cell.today .date-label{background:var(--color-accent-primary);color:#fff}.month-cell.outside-month{opacity:.4}.week-grid{display:grid;grid-template-columns:50px repeat(7,1fr);height:100%;overflow-y:auto}.week-header-cell{text-align:center;padding:8px;font-weight:700;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);margin-bottom:8px}.day-view-container{display:grid;grid-template-columns:60px 1fr;height:100%;overflow-y:auto;position:relative}.time-gutter{border-right:1px solid var(--color-bg-tertiary);padding-right:8px;text-align:right;color:var(--color-text-secondary);font-size:.8em}.time-slot{height:60px;position:relative;border-bottom:1px dashed var(--color-bg-tertiary)}.time-label{height:60px;position:relative;top:-10px}.event-item{font-size:.75em;padding:2px 4px;border-radius:4px;margin-bottom:2px;background:var(--color-accent-blue);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}