:root{--primary-color: #0f172a;--secondary-color: #1e293b;--accent-color: #334155;--highlight-color: #06b6d4;--highlight-color-light: #22d3ee;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--bg-primary: #020617;--bg-secondary: #0f172a;--bg-card: #1e293b;--border-color: #334155;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{padding:0;margin:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--primary-color) 100%)}#root{width:100%;min-height:100vh}a{font-weight:500;color:var(--highlight-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--highlight-color-light)}h1{font-size:2.5em;font-weight:700;line-height:1.2;background:linear-gradient(135deg,var(--text-primary) 0%,var(--highlight-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:1.8em;font-weight:600;color:var(--text-primary)}input{border-radius:8px;padding:12px 16px;font-size:1rem;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 3px #06b6d433}input::placeholder{color:var(--text-secondary)}input[type=date],input[type=time]{color-scheme:dark}button{border-radius:8px;border:none;padding:12px 24px;font-size:1rem;font-weight:600;font-family:inherit;background:linear-gradient(135deg,var(--highlight-color) 0%,var(--highlight-color-light) 100%);color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #06b6d466}button:active{transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}button.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}button.btn-secondary:hover{background:var(--accent-color);box-shadow:0 4px 12px #33415566}button.btn-danger{background:linear-gradient(135deg,var(--danger-color) 0%,#f87171 100%)}button.btn-danger:hover{box-shadow:0 4px 12px #ef444466}label{font-weight:500;color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--highlight-color)}#root{text-align:center}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.navbar{position:fixed;top:0;left:0;height:100vh;width:70px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:linear-gradient(180deg,var(--secondary-color) 0%,var(--primary-color) 100%);padding:16px 8px;border-right:1px solid var(--border-color);z-index:1000}.navbar-top{display:flex;flex-direction:column;align-items:center;gap:8px}.navbar-center,.navbar-bottom{display:flex;flex-direction:column;align-items:center;gap:12px}.nav-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--text-secondary);transition:all .2s ease;cursor:pointer;text-decoration:none}button.nav-icon{background:none;border:none;padding:0}.nav-icon:hover{background:var(--accent-color);color:var(--text-primary);transform:scale(1.05)}.nav-icon.active{background:var(--highlight-color);color:#fff}.nav-icon svg{width:22px;height:22px}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--highlight-color) 0%,var(--highlight-color-light) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2em;color:#fff;margin-bottom:16px;text-decoration:none}@media(max-width:768px){.navbar{width:60px;padding:12px 6px}.nav-icon{width:36px;height:36px}.nav-icon svg{width:20px;height:20px}.logo-icon{width:32px;height:32px;font-size:1em;margin-bottom:12px}}@media(max-width:480px){.navbar{inset:auto 0 0;height:60px;width:100%;flex-direction:row;justify-content:space-around;align-items:center;padding:8px 16px;border-right:none;border-top:1px solid var(--border-color);background:linear-gradient(0deg,var(--primary-color) 0%,var(--secondary-color) 100%)}.navbar-top,.navbar-center,.navbar-bottom{flex-direction:row;gap:0}.navbar-top{order:0}.navbar-center{order:1;gap:16px}.navbar-bottom{order:2}.logo-icon{margin-bottom:0;width:36px;height:36px}.nav-icon{width:44px;height:44px}.nav-icon svg{width:22px;height:22px}}.grid-container{min-height:100vh;width:100%}main{margin-left:70px;padding:24px;min-height:100vh}@media(max-width:768px){main{margin-left:60px;padding:16px}}@media(max-width:480px){main{margin-left:0;margin-bottom:70px;padding:12px;min-height:calc(100vh - 70px)}}.register-overlay{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--primary-color) 100%);padding:20px}.register-card{display:flex;flex-direction:column;border-radius:16px;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 8px 32px #0000004d;padding:32px;width:100%;max-width:400px}.register-error{font-size:14px;color:var(--danger-color);background:#ef44441a;border:1px solid var(--danger-color);border-radius:8px;padding:12px;text-align:center;margin-bottom:16px}.register-form{display:flex;flex-direction:column;gap:16px}.register-form>label{margin-bottom:-8px}.register-form-buttons{display:flex;flex-direction:column;gap:12px;margin-top:8px}.register-form-buttons button{width:100%}@media(max-width:480px){.register-card{padding:24px 20px}}.fc{font-family:inherit;--fc-border-color: rgba(255, 255, 255, .08);--fc-button-text-color: var(--text-primary);--fc-button-bg-color: transparent;--fc-button-border-color: var(--border-color);--fc-button-hover-bg-color: var(--highlight-color);--fc-button-hover-border-color: var(--highlight-color);--fc-button-active-bg-color: var(--highlight-color);--fc-button-active-border-color: var(--highlight-color);--fc-event-bg-color: var(--highlight-color);--fc-event-border-color: var(--highlight-color);--fc-today-bg-color: rgba(6, 182, 212, .08);--fc-page-bg-color: transparent;--fc-neutral-bg-color: rgba(255, 255, 255, .02)}.fc .fc-toolbar{margin-bottom:20px;flex-wrap:wrap;gap:12px}.fc .fc-toolbar-title{font-size:1.6em;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.fc .fc-button-primary{background:#ffffff0d;border:1px solid var(--border-color);font-weight:500;text-transform:capitalize;padding:8px 16px;border-radius:8px;transition:all .2s ease}.fc .fc-button-primary:hover{background:var(--highlight-color);border-color:var(--highlight-color);transform:translateY(-1px)}.fc .fc-button-primary:disabled{background:#ffffff05;border-color:var(--border-color);opacity:.5}.fc .fc-button-primary:not(:disabled).fc-button-active,.fc .fc-button-primary:not(:disabled):active{background:var(--highlight-color);border-color:var(--highlight-color);box-shadow:0 0 20px #06b6d44d}.fc .fc-button-group{border-radius:10px;overflow:hidden}.fc .fc-button-group .fc-button{border-radius:0}.fc .fc-button-group .fc-button:first-child{border-radius:8px 0 0 8px}.fc .fc-button-group .fc-button:last-child{border-radius:0 8px 8px 0}.fc .fc-scrollgrid{border-radius:16px;overflow:hidden;border:1px solid var(--border-color);background:#ffffff05}.fc-theme-standard td,.fc-theme-standard th{border-color:#ffffff0f}.fc .fc-col-header-cell{background:linear-gradient(180deg,#ffffff14,#ffffff08);color:var(--text-primary);padding:12px 0;font-weight:600;font-size:.85em;text-transform:uppercase;letter-spacing:1px}.fc .fc-col-header-cell-cushion{color:var(--text-secondary)}.fc .fc-daygrid-day{transition:all .2s ease;min-height:100px}.fc .fc-daygrid-day:hover{background:#06b6d40f;cursor:pointer}.fc .fc-daygrid-day-number{color:var(--text-primary);padding:10px 12px;font-weight:500;font-size:.95em}.fc .fc-daygrid-day.fc-day-other .fc-daygrid-day-number{color:var(--text-secondary);opacity:.4}.fc .fc-day-today{background:linear-gradient(135deg,#06b6d41a,#06b6d40d)!important}.fc .fc-day-today .fc-daygrid-day-number{background:var(--highlight-color);color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin:6px;font-weight:600}.fc .fc-event{cursor:pointer;padding:4px 10px;border-radius:6px;font-size:.8em;font-weight:500;border:none;background:linear-gradient(135deg,var(--highlight-color) 0%,var(--highlight-color-light) 100%);box-shadow:0 2px 8px #06b6d44d;transition:all .2s ease;margin:2px 4px}.fc .fc-event:hover{transform:translateY(-2px);box-shadow:0 4px 12px #06b6d466}.fc .fc-event-main{padding:2px 0}.fc .fc-event-title{font-weight:500}.fc .fc-event-time{font-weight:400;opacity:.9}.fc .fc-daygrid-more-link{color:var(--highlight-color);font-weight:600;font-size:.8em;padding:4px 8px;border-radius:4px;transition:all .2s ease}.fc .fc-daygrid-more-link:hover{background:#06b6d41a}.fc .fc-timegrid-slot{height:24px}.fc .fc-timegrid-slot-label{color:var(--text-secondary);font-size:.7em;font-weight:500}.fc .fc-timegrid-axis{color:var(--text-secondary)}.fc .fc-timegrid-col{background:#ffffff03}.fc .fc-timegrid-col:hover{background:#06b6d408}.fc .fc-timeGridDay-view .fc-col-header-cell{text-align:center}.fc .fc-timeGridDay-view .fc-timegrid-slot{height:28px}.fc .fc-timeGridWeek-view .fc-timegrid-slot{height:24px}.fc .fc-timegrid-now-indicator-line{border-color:var(--highlight-color);border-width:2px;box-shadow:0 0 8px #06b6d499}.fc .fc-timegrid-now-indicator-arrow{border-color:var(--highlight-color);border-top-color:transparent;border-bottom-color:transparent}.fc .fc-popover{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0006}.fc .fc-popover-header{background:#ffffff0d;padding:12px 16px;font-weight:600}.fc-direction-ltr .fc-daygrid-event.fc-event-end,.fc-direction-rtl .fc-daygrid-event.fc-event-start{margin-right:4px}.fc-direction-ltr .fc-daygrid-event.fc-event-start,.fc-direction-rtl .fc-daygrid-event.fc-event-end{margin-left:4px}@media(max-width:768px){.fc .fc-toolbar{flex-direction:column;align-items:stretch;gap:8px}.fc .fc-toolbar-title{font-size:1.2em;text-align:center;margin-bottom:4px}.fc .fc-toolbar-chunk{display:flex;justify-content:center}.fc .fc-button-primary{padding:6px 12px;font-size:.85em}.fc .fc-daygrid-day{min-height:60px}.fc .fc-daygrid-day-number{padding:6px 8px;font-size:.85em}.fc .fc-event{font-size:.7em;padding:2px 6px}.fc .fc-col-header-cell{padding:8px 0;font-size:.75em}}@media(max-width:480px){.fc .fc-toolbar{margin-bottom:12px;gap:6px}.fc .fc-toolbar-title{font-size:1.1em;order:-1}.fc .fc-button-primary{padding:5px 8px;font-size:.8em}.fc .fc-button-group .fc-button{padding:5px 6px}.fc .fc-scrollgrid{border-radius:12px}.fc .fc-daygrid-day{min-height:50px}.fc .fc-daygrid-day-number{padding:4px 6px;font-size:.8em}.fc .fc-day-today .fc-daygrid-day-number{width:26px;height:26px;margin:4px;font-size:.75em}.fc .fc-col-header-cell{padding:6px 0;font-size:.65em;letter-spacing:0}.fc .fc-event{font-size:.65em;padding:1px 4px;margin:1px 2px}.fc .fc-timegrid-slot{height:20px}.fc .fc-timeGridDay-view .fc-timegrid-slot{height:24px}.fc .fc-timegrid-slot-label{font-size:.6em}.fc .fc-daygrid-more-link{font-size:.65em;padding:2px 4px}}.home-container{display:flex;flex-direction:column;gap:24px;height:100%}.home-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.home-header h1{margin:0}.home-buttons-container{display:flex;gap:12px}.calendar-container{flex:1;background:var(--bg-card);border-radius:12px;padding:20px;border:1px solid var(--border-color)}@media(max-width:768px){.home-header{flex-direction:column;align-items:flex-start}.calendar-container{padding:12px}}@media(max-width:480px){.home-container{gap:16px}.home-header h1{font-size:1.5em}.home-buttons-container{width:100%}.home-buttons-container button{flex:1;padding:10px 12px;font-size:.9rem}.calendar-container{padding:8px;border-radius:10px}}.task-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 48px);width:100%;padding:20px}.task-card{display:flex;flex-direction:column;border-radius:16px;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 8px 32px #0000004d;padding:32px;width:100%;max-width:450px}.task-error{font-size:14px;color:var(--danger-color);background:#ef44441a;border:1px solid var(--danger-color);border-radius:8px;padding:12px;text-align:center;margin-bottom:16px}.task-form{display:flex;flex-direction:column;gap:16px}.task-form>label{margin-bottom:-8px}.time-pickers-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.task-form-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.task-form-buttons button{flex:1;min-width:100px}@media(max-width:480px){.task-card{padding:24px 20px}.time-pickers-row{grid-template-columns:1fr}.task-form-buttons{flex-direction:column}.task-form-buttons button{width:100%}}.time-picker{position:relative;width:100%}.time-picker-label{display:block;margin-bottom:8px}.time-picker-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;cursor:pointer;transition:all .2s ease}.time-picker-trigger:hover{border-color:var(--highlight-color)}.time-picker-trigger.open{border-color:var(--highlight-color);box-shadow:0 0 0 3px #06b6d433}.time-picker-trigger.placeholder .time-picker-value{color:var(--text-secondary)}.time-picker-value{font-weight:500}.time-picker-arrow{color:var(--text-secondary);transition:transform .2s ease}.time-picker-arrow.open{transform:rotate(180deg)}.time-picker-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:280px;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:100;padding:8px}.time-option{width:100%;padding:10px 16px;background:none;border:none;border-radius:8px;color:var(--text-primary);font-size:.95rem;text-align:left;cursor:pointer;transition:all .15s ease}.time-option:hover{background:#06b6d41a;color:var(--highlight-color)}.time-option.selected{background:var(--highlight-color);color:#fff;font-weight:500}.time-option.selected:hover{background:var(--highlight-color);color:#fff}.time-picker-dropdown::-webkit-scrollbar{width:6px}.time-picker-dropdown::-webkit-scrollbar-track{background:transparent}.time-picker-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.time-picker-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media(max-width:480px){.time-picker-trigger{padding:10px 14px;font-size:.95rem}.time-picker-dropdown{position:fixed;inset:auto 16px 70px;max-height:50vh;z-index:1001}.time-option{padding:12px 16px;font-size:1rem}}.time-picker-backdrop{display:none}@media(max-width:480px){.time-picker-backdrop{display:block;position:fixed;inset:0;background:#00000080;z-index:1000}}.date-picker{position:relative;width:100%}.date-picker-label{display:block;margin-bottom:8px}.date-picker-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;cursor:pointer;transition:all .2s ease}.date-picker-trigger:hover{border-color:var(--highlight-color)}.date-picker-trigger.open{border-color:var(--highlight-color);box-shadow:0 0 0 3px #06b6d433}.date-picker-trigger.placeholder .date-picker-value{color:var(--text-secondary)}.date-picker-value{font-weight:500}.date-picker-icon{color:var(--text-secondary)}.date-picker-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:100;padding:16px;min-width:300px}.date-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.date-picker-month-year{font-weight:600;font-size:1.1rem;color:var(--text-primary)}.date-picker-nav{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;padding:0}.date-picker-nav:hover{background:var(--highlight-color);border-color:var(--highlight-color);color:#fff}.date-picker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.date-picker-weekday{text-align:center;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;padding:8px 0}.date-picker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.date-picker-day{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .15s ease;padding:0}.date-picker-day:hover{background:#06b6d41a;color:var(--highlight-color)}.date-picker-day.other-month{color:var(--text-secondary);opacity:.4}.date-picker-day.today{border:2px solid var(--highlight-color);font-weight:600}.date-picker-day.selected{background:var(--highlight-color);color:#fff;font-weight:600}.date-picker-day.selected:hover{background:var(--highlight-color);color:#fff}.date-picker-footer{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color);display:flex;justify-content:center}.date-picker-today-btn{background:none;border:none;color:var(--highlight-color);font-weight:600;font-size:.9rem;cursor:pointer;padding:8px 16px;border-radius:6px;transition:all .2s ease}.date-picker-today-btn:hover{background:#06b6d41a}@media(max-width:480px){.date-picker-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:auto;width:calc(100vw - 32px);max-width:320px;padding:12px;z-index:1001}.date-picker-trigger{padding:10px 14px;font-size:.95rem}.date-picker-header{margin-bottom:12px}.date-picker-month-year{font-size:1rem}.date-picker-nav{width:28px;height:28px}.date-picker-weekday{font-size:.7rem;padding:6px 0}.date-picker-day{width:32px;height:32px;font-size:.85rem}.date-picker-footer{margin-top:8px;padding-top:8px}.date-picker-today-btn{font-size:.85rem;padding:6px 12px}}.date-picker-backdrop{display:none}@media(max-width:480px){.date-picker-backdrop{display:block;position:fixed;inset:0;background:#00000080;z-index:1000}}