:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:#f9fafb}.error-boundary__content{max-width:28rem;text-align:center;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.error-boundary__icon{font-size:4rem;margin-bottom:1rem}.error-boundary__title{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.error-boundary__message{font-size:1rem;color:#6b7280;margin-bottom:1.5rem;line-height:1.5}.error-boundary__button{padding:.625rem 1.5rem;background-color:#2563eb;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.error-boundary__button:hover{background-color:#1d4ed8}.error-boundary__button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}@media(max-width:768px){.error-boundary__content{padding:1.5rem}.error-boundary__title{font-size:1.25rem}.error-boundary__message{font-size:.9375rem}}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;position:relative;overflow:hidden}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button:disabled{opacity:.6;cursor:not-allowed}.button--primary{background-color:#2563eb;color:#fff}.button--primary:hover:not(:disabled){background-color:#1d4ed8}.button--primary:active:not(:disabled){background-color:#1e40af}.button--secondary{background-color:#f3f4f6;color:#1f2937}.button--secondary:hover:not(:disabled){background-color:#e5e7eb}.button--secondary:active:not(:disabled){background-color:#d1d5db}.button--danger{background-color:#dc2626;color:#fff}.button--danger:hover:not(:disabled){background-color:#b91c1c}.button--danger:active:not(:disabled){background-color:#991b1b}.button--ghost{background-color:transparent;color:#4b5563}.button--ghost:hover:not(:disabled){background-color:#f3f4f6}.button--ghost:active:not(:disabled){background-color:#e5e7eb}.button--small{padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}.button--medium{padding:.625rem 1.25rem;font-size:1rem;line-height:1.5rem}.button--large{padding:.75rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.button--full-width{width:100%}.button--loading{pointer-events:none}.button__loader{width:1rem;height:1rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:button-spin .6s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}.button__icon,.button__text{display:inline-flex;align-items:center}@media(max-width:768px){.button--medium{padding:.5rem 1rem;font-size:.9375rem}.button--large{padding:.625rem 1.25rem;font-size:1rem}}.input-container{display:inline-flex;flex-direction:column;gap:.5rem}.input-container--full-width{width:100%}.input-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);line-height:1.25rem}.input-wrapper{position:relative;display:flex;align-items:center;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px;transition:all .2s ease}.input-wrapper:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.input-wrapper--error{border-color:#dc2626}.input-wrapper--error:focus-within{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.input-wrapper--disabled{background-color:var(--color-surface);cursor:not-allowed}.input{flex:1;padding:.625rem .875rem;border:none;background:transparent;font-size:1rem;line-height:1.5rem;color:var(--color-text-primary);outline:none}.input::placeholder{color:var(--color-text-tertiary)}.input:disabled{cursor:not-allowed;color:var(--color-text-secondary)}.input-wrapper--with-left-icon .input{padding-left:.5rem}.input-wrapper--with-right-icon .input{padding-right:.5rem}.input-icon{display:inline-flex;align-items:center;color:var(--color-text-secondary);padding:0 .875rem}.input-icon--left{padding-right:0}.input-icon--right{padding-left:0}.input-message{font-size:.875rem;line-height:1.25rem}.input-message--error{color:#dc2626}.input-message--helper{color:var(--color-text-secondary)}@media(max-width:768px){.input{font-size:.9375rem;padding:.5rem .75rem}.input-icon{padding:0 .75rem}}.login-page{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:var(--color-background);padding:0;margin:0;overflow:hidden}.login-page__container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.login-page__card{background:var(--color-background);border-radius:20px;padding:3rem 2.5rem;box-shadow:0 10px 40px #00000026;border:1px solid var(--color-border);width:100%;max-width:420px}.login-page__header{text-align:center;margin-bottom:2rem}.login-page__logo{width:100px;height:100px;margin:0 auto 1rem;display:block;object-fit:contain}.login-page__title{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.login-page__subtitle{font-size:1rem;color:var(--color-text-secondary);margin:0}.login-page__error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem}.login-page__form{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.login-page__divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:#9ca3af;font-size:.875rem}.login-page__divider:before,.login-page__divider:after{content:"";flex:1;border-bottom:1px solid #e5e7eb}.login-page__divider span{padding:0 1rem}.login-page__oauth{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.login-page__oauth-icon{width:20px;height:20px;margin-right:.5rem}.login-page__footer{text-align:center;padding-top:1rem;border-top:1px solid #e5e7eb}.login-page__footer-text{font-size:.875rem;color:#6b7280;margin:0;line-height:1.5}.login-page__link{color:#667eea;font-weight:600;text-decoration:none;transition:color .2s}.login-page__link:hover{color:#5568d3;text-decoration:underline}.login-page__demo{margin-top:1.5rem;padding:1rem;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.login-page__demo-text{font-size:.75rem;color:#6b7280;margin:.25rem 0;font-family:Courier New,monospace}.login-page__demo-text:first-child{font-weight:600;color:#374151;margin-bottom:.5rem}@media(max-width:768px){.login-page__container{padding:1.5rem}.login-page__card{padding:2rem 1.5rem;max-width:100%}.login-page__title{font-size:1.5rem}.login-page__subtitle{font-size:.9375rem}}@media(max-width:480px){.login-page__container{padding:1rem}.login-page__card{padding:1.75rem 1.25rem}}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.spinner{border-radius:50%;border:3px solid #e5e7eb;border-top-color:#2563eb;animation:spinner-rotate .8s linear infinite}.spinner--small{width:1rem;height:1rem;border-width:2px}.spinner--medium{width:2rem;height:2rem;border-width:3px}.spinner--large{width:3rem;height:3rem;border-width:4px}.spinner-label{font-size:.875rem;color:#6b7280;text-align:center}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.callback-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f9fafb}.callback-page__content{text-align:center}.task-form{background:var(--color-background);border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid var(--color-border)}.task-form__title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1.5rem}.task-form__field{margin-bottom:1rem}.task-form__priority-group{display:flex;flex-direction:column;gap:.5rem}.task-form__priority-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.task-form__priority-options{display:flex;gap:.75rem}.task-form__priority-option{flex:1;padding:.75rem;border:2px solid var(--color-border);border-radius:8px;background:var(--color-background);cursor:pointer;text-align:center;font-weight:500;transition:all .2s ease;color:var(--color-text-primary)}.task-form__priority-option:hover{border-color:var(--color-border-hover)}.task-form__priority-option--selected{border-color:#2563eb;background-color:#eff6ff;color:#2563eb}.task-form__priority-option--low{color:#10b981}.task-form__priority-option--low.task-form__priority-option--selected{border-color:#10b981;background-color:#ecfdf5}.task-form__priority-option--medium{color:#f59e0b}.task-form__priority-option--medium.task-form__priority-option--selected{border-color:#f59e0b;background-color:#fffbeb}.task-form__priority-option--high{color:#dc2626}.task-form__priority-option--high.task-form__priority-option--selected{border-color:#dc2626;background-color:#fef2f2}.task-form__actions{margin-top:1.5rem;display:flex;justify-content:flex-end}.task-form__actions .button{min-width:200px;width:auto}@media(max-width:768px){.task-form{padding:1.5rem}.task-form__title{font-size:1.25rem}.task-form__field{margin-bottom:1rem}.task-form__priority-options{gap:.5rem}.task-form__priority-option{padding:.625rem;font-size:.875rem}}.card{background-color:#fff;border-radius:12px;transition:all .2s ease}.card--elevation-none{box-shadow:none}.card--elevation-low{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.card--elevation-medium{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card--elevation-high{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.card--padding-none{padding:0}.card--padding-small{padding:.75rem}.card--padding-medium{padding:1.5rem}.card--padding-large{padding:2rem}.card--clickable{cursor:pointer}.card--clickable:hover{transform:translateY(-2px);box-shadow:0 12px 20px -5px #00000026}.card--clickable:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.card--clickable:active{transform:translateY(0)}.card__header{margin-bottom:1rem}.card__body{flex:1}.card__footer{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}@media(max-width:768px){.card--padding-medium{padding:1rem}.card--padding-large{padding:1.25rem}}.task-card{margin-bottom:1rem;transition:all .2s ease;background-color:#e5e7eb}.task-card--completed{opacity:.8}.task-card__content{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.task-card__left{display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0}.task-card__priority{width:4px;height:100%;min-height:60px;border-radius:2px;flex-shrink:0}.task-card__priority--high{background-color:#dc2626}.task-card__priority--medium{background-color:#f59e0b}.task-card__priority--low{background-color:#10b981}.task-card__info{flex:1;min-width:0}.task-card__title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .5rem;line-height:1.4}.task-card--completed .task-card__title{text-decoration:line-through;color:#6b7280}.task-card__description{font-size:.9375rem;color:#4b5563;margin:0 0 .5rem;line-height:1.5;word-wrap:break-word}.task-card--completed .task-card__description{color:#9ca3af}.task-card__time{font-size:.8125rem;color:#6b7280}.task-card__right{flex-shrink:0;display:flex;align-items:center}@media(max-width:768px){.task-card{margin-bottom:.75rem}.task-card__content{flex-direction:column;gap:.75rem}.task-card__right,.task-card__right button{width:100%}.task-card__title{font-size:1rem}.task-card__description{font-size:.875rem}.task-card__time{font-size:.75rem}}.task-list-container{display:flex;flex-direction:column;gap:1.5rem;height:100%}.task-list{display:flex;flex-direction:column;gap:0;flex:1}.task-list__pagination{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-top:1px solid var(--color-border);margin-top:auto}.task-list__pagination-info{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.task-list__loading{display:flex;justify-content:center;align-items:center;min-height:400px}.task-list__empty{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 300px);padding:3rem;text-align:center}.task-list__empty-message{font-size:1.125rem;color:var(--color-text-tertiary);margin:0;font-weight:400;line-height:1.6}@media(max-width:768px){.task-list__loading{min-height:300px}.task-list__empty{min-height:200px;padding:1.5rem}.task-list__empty-message{font-size:1rem}.task-list__pagination{flex-direction:column;gap:.75rem;padding:.75rem 0}.task-list__pagination-info{order:-1}}.task-filters{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.task-filters__tabs{display:flex;gap:.5rem;background:var(--color-surface);padding:.25rem;border-radius:8px}.task-filters__tab{flex:1;padding:.625rem 1rem;background:transparent;border:none;border-radius:6px;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.task-filters__tab:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.task-filters__tab--active{background:var(--color-primary);color:#fff}.task-filters__tab--active:hover{background:var(--color-primary-dark);color:#fff}.task-filters__search{width:100%}@media(max-width:768px){.task-filters__tab{padding:.5rem .75rem;font-size:.8125rem}}.task-list-widget{display:flex;flex-direction:column;height:100%;gap:0}.tasks-page{min-height:calc(100vh - 73px);background-color:var(--color-background);padding:0;display:flex;flex-direction:column}.tasks-page__container{width:100%;display:flex;flex-direction:column;padding:0;margin:0;max-width:none;flex:1}.tasks-page__grid{display:grid;grid-template-columns:1fr 2px 1fr;gap:0;width:100%;flex:1}.tasks-page__full{width:100%;padding:2rem 3rem;max-width:1400px;margin:0 auto;flex:1}.tasks-page__sidebar{background:var(--color-background);padding:3rem 2.5rem;height:100%;overflow-y:auto}.tasks-page__separator{background:var(--color-border);width:2px;height:calc(100% - 4rem);margin:2rem 0;align-self:center}.tasks-page__main{background:var(--color-background);padding:3rem 2.5rem;min-height:calc(100vh - 73px);overflow-y:auto}@media(max-width:1024px){.tasks-page__sidebar,.tasks-page__main{padding:2rem 1.5rem}.tasks-page__full{padding:1.5rem 2rem}}@media(max-width:768px){.tasks-page__grid{grid-template-columns:1fr;grid-template-rows:auto 2px auto}.tasks-page__separator{width:100%;height:2px}.tasks-page__sidebar{padding:1.5rem 1rem}.tasks-page__main{padding:1.5rem 1rem;min-height:50vh}.tasks-page__full{padding:1.5rem 1rem}}.theme-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.theme-toggle:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.theme-toggle:active{transform:scale(.98)}.theme-toggle svg{color:var(--color-text-primary)}.theme-toggle__label{display:inline-block;min-width:60px;text-align:left}@media(max-width:768px){.theme-toggle__label{display:none}.theme-toggle{padding:.5rem}}.navbar{background-color:var(--color-background);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1000;box-shadow:0 1px 3px #0000001a;width:100%;transition:background-color .3s ease,border-color .3s ease}.navbar__container{width:100%;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;margin:0;max-width:none}.navbar__brand{display:flex;align-items:center;gap:.75rem}.navbar__logo-img{width:40px;height:40px;object-fit:contain}.navbar__logo{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0}.navbar__actions{display:flex;align-items:center;gap:1rem}.navbar__nav-buttons{display:flex;align-items:center;gap:.5rem;padding-right:1rem;border-right:1px solid var(--color-border)}.navbar__nav-button{padding:.5rem 1rem;background:transparent;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease}.navbar__nav-button:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.navbar__nav-button--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.navbar__nav-button--active:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.navbar__user{font-size:.9375rem;color:var(--color-text-secondary);font-weight:500;white-space:nowrap}.navbar__actions button[variant=ghost]{color:var(--color-text-primary);background:var(--color-surface-hover);border:1px solid var(--color-border);padding:.5rem 1rem;font-weight:500;white-space:nowrap}.navbar__actions button[variant=ghost]:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.navbar__mobile-toggle{display:none;background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s ease}.navbar__mobile-toggle:hover{background:var(--color-surface-hover)}.navbar__mobile-menu{display:none}.navbar__mobile-nav{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-top:1px solid var(--color-border)}.navbar__mobile-nav-button{padding:.75rem 1rem;background:transparent;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;text-align:left}.navbar__mobile-nav-button:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.navbar__mobile-nav-button--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.navbar__mobile-nav-button--active:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.navbar__mobile-user{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-top:1px solid var(--color-border)}.navbar__mobile-user-name{font-size:.9375rem;color:var(--color-text-secondary);font-weight:500}@media(max-width:768px){.navbar__container{padding:1rem;position:relative}.navbar__logo{font-size:1.25rem}.navbar__mobile-toggle{display:block}.navbar__actions{display:none}.navbar__mobile-menu{display:block}}@media(max-width:480px){.navbar__container{padding:.75rem}.navbar__logo{font-size:1.125rem}}*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-light: #3b82f6;--color-secondary: #64748b;--color-secondary-dark: #475569;--color-secondary-light: #94a3b8;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #dc2626;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-background: #ffffff;--color-surface: #f9fafb;--color-surface-hover: #f3f4f6;--color-border: #e5e7eb;--color-border-hover: #d1d5db;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace}.dark{--color-background: #1a2332;--color-surface: #23303f;--color-surface-hover: #2d3b4e;--color-border: #3d4d63;--color-border-hover: #4a5a70;--color-text-primary: #e2e8f0;--color-text-secondary: #94a3b8;--color-text-tertiary: #64748b;--color-gray-50: #23303f;--color-gray-100: #2d3b4e;--color-gray-200: #3d4d63}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:hidden}body{margin:0;padding:0;font-family:var(--font-family-base);font-size:1rem;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-background);overflow-x:hidden;width:100vw;height:100vh;transition:background-color .3s ease,color .3s ease}#root{width:100%;height:100%;margin:0;padding:0}code{font-family:var(--font-family-mono)}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-dark)}button,input,textarea,select{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}