:root{color-scheme:light;--color-primary: #5b4af0;--color-primary-hover: #4b39d6;--color-primary-on: #ffffff;--color-secondary: #0ea5e9;--color-secondary-on: #032541;--color-tonal: rgba(91, 74, 240, .12);--color-accent: #f97316;--color-surface: #ffffff;--color-surface-high: #f5f6fb;--color-surface-muted: #edf1ff;--color-surface-glass: rgba(255, 255, 255, .78);--color-text: #0f172a;--color-muted: #475569;--color-outline: #cbd5f5;--color-border: #e2e8f0;--color-border-strong: #c8d5f0;--shadow-xs: 0 2px 8px rgba(15, 23, 42, .08);--shadow-sm: 0 10px 30px rgba(15, 23, 42, .1);--shadow-md: 0 22px 50px rgba(15, 23, 42, .16);--shadow-lg: 0 36px 80px rgba(15, 23, 42, .22);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 999px;--space-2xs: .375rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1.25rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4.5rem;--font-family-base: "Inter", "Roboto", "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--transition-duration: .18s;--transition-easing: cubic-bezier(.2, 0, .2, 1);--container-max: 1180px;--header-height: 72px;--app-gradient: radial-gradient(circle at 12% 15%, rgba(91, 74, 240, .22), transparent 42%), radial-gradient(circle at 88% 5%, rgba(14, 165, 233, .18), transparent 48%), var(--color-surface-muted);--blur-md: 18px}[data-theme=dark],.theme-dark{color-scheme:dark;--color-primary: #a5b4fc;--color-primary-hover: #818cf8;--color-primary-on: #0b1120;--color-secondary: #5eead4;--color-secondary-on: #042c3b;--color-tonal: rgba(165, 180, 252, .22);--color-accent: #fb923c;--color-surface: #0f172a;--color-surface-high: #151c32;--color-surface-muted: #050816;--color-surface-glass: rgba(15, 23, 42, .82);--color-text: #f8fafc;--color-muted: #cbd5f5;--color-outline: rgba(165, 180, 252, .38);--color-border: rgba(148, 163, 184, .32);--color-border-strong: rgba(148, 163, 184, .55);--shadow-xs: 0 2px 10px rgba(2, 6, 23, .65);--shadow-sm: 0 14px 30px rgba(2, 6, 23, .8);--shadow-md: 0 26px 60px rgba(2, 6, 23, .85);--shadow-lg: 0 40px 90px rgba(2, 6, 23, .9);--app-gradient: radial-gradient(circle at 15% 18%, rgba(91, 74, 240, .35), transparent 45%), radial-gradient(circle at 85% 12%, rgba(14, 165, 233, .32), transparent 52%), #020617}body,.app-header,.app-header__logout,.auth-card,.auth-button,.chip,.draggable-block,.home-panels__card,.home-workspace__surface,.theme-switcher__button,.theme-switcher__trigger,.theme-switcher__menu-item{transition:background-color var(--transition-duration) var(--transition-easing),color var(--transition-duration) var(--transition-easing),border-color var(--transition-duration) var(--transition-easing),box-shadow var(--transition-duration) var(--transition-easing),opacity var(--transition-duration) var(--transition-easing)}body{font-family:var(--font-family-base);background:var(--app-gradient);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{flex:1 1 auto}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-md)}@media(max-width:768px){.container{padding:0 1.1rem}}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:calc(var(--radius-sm) / 1.6)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:600;color:var(--color-muted);margin:0 0 var(--space-2xs)}.text-muted{color:var(--color-muted);margin-top:.25rem}.surface-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-md)}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .9rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background-color:var(--color-surface-high);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.chip--ghost{background-color:transparent;border-color:var(--color-border-strong);color:var(--color-muted)}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.75rem 1.35rem;border-radius:var(--radius-md);border:1px solid transparent;background-color:transparent;color:var(--color-text);font-weight:600;font-size:.95rem;cursor:pointer;min-height:44px;text-decoration:none}.ui-button .material-icons{font-size:1.25rem;line-height:1}.ui-button--filled{background:var(--color-primary);color:var(--color-primary-on);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.ui-button--filled:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.ui-button--tonal{background:var(--color-tonal);color:var(--color-primary);border-color:transparent}.ui-button--ghost{background:transparent;border-color:var(--color-border);color:var(--color-text)}.ui-button--ghost:hover{border-color:var(--color-primary);color:var(--color-primary)}.ui-button--icon{padding-inline:1rem}.ui-button:active{transform:translateY(1px)}.ui-button:focus-visible{outline:3px solid rgba(91,74,240,.25);outline-offset:3px}input,textarea,select{font-family:var(--font-family-base);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.85rem 1rem;background-color:var(--color-surface);color:var(--color-text);width:100%;transition:border-color var(--transition-duration) var(--transition-easing),box-shadow var(--transition-duration) var(--transition-easing)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #5b4af02e;outline:none}.app-header{position:sticky;top:0;z-index:40;background:var(--color-surface-glass);border-bottom:1px solid rgba(148,163,184,.25);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));box-shadow:0 10px 30px #0f172a14}.app-header__container{display:flex;align-items:center;gap:var(--space-md);justify-content:space-between;max-width:var(--container-max);margin:0 auto;padding:.8rem var(--space-md)}.app-header__brand{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.app-header__logo{color:var(--color-text);font-weight:700;font-size:1.15rem;letter-spacing:-.01em;text-decoration:none}.app-header__logo:hover{color:var(--color-primary)}.app-header__tag{padding:.2rem .7rem;border-radius:var(--radius-full);background:#5b4af01f;color:var(--color-primary);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.app-header__actions{display:flex;align-items:center;gap:.75rem}.app-header__theme-switcher{flex-shrink:0}.app-header__user,.app-header__user-info{display:flex;align-items:center;gap:.75rem}.app-header__avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--color-border);object-fit:cover;background:var(--color-surface-high)}.app-header__user-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.app-header__email,.app-header__name{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header__email{color:var(--color-muted)}.app-header__logout{padding-inline:1rem}.home-layout{display:flex;flex-direction:column;flex:1 1 auto;min-height:calc(100dvh - var(--header-height));padding:0;margin:0}.home-layout>.drag-drop-field{flex:1 1 auto}.drag-drop-field{position:relative;width:100%;min-height:calc(100dvh - var(--header-height));height:calc(100dvh - var(--header-height));border-radius:0;border:1px dashed var(--color-border);background:linear-gradient(135deg,#5b4af014,#0ea5e914);overflow:hidden;user-select:none;touch-action:none}.drag-drop-field:after{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(148,163,184,.2) 1px,transparent 1px),linear-gradient(rgba(148,163,184,.2) 1px,transparent 1px);background-size:48px 48px;opacity:.4;pointer-events:none;z-index:0}.draggable-block{position:absolute;width:clamp(200px,22vw,240px);min-height:180px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-md);color:var(--color-text);cursor:grab;display:flex;flex-direction:column;gap:var(--space-sm);touch-action:none;opacity:0;z-index:1;user-select:none;-webkit-user-select:none;will-change:transform;box-sizing:border-box;overflow:visible}.draggable-block--postpone{min-height:280px}.draggable-block--ready{opacity:1}.draggable-block--dragging{cursor:grabbing;box-shadow:var(--shadow-lg);z-index:10}.draggable-block--initializing{opacity:0;pointer-events:none}.draggable-block__content{width:100%;box-sizing:border-box;overflow:visible;position:relative}.draggable-block__title{margin:0;font-size:1rem;font-weight:600;line-height:1.4;text-align:center}.draggable-block__title--draggable{cursor:grab;user-select:none;-webkit-user-select:none}.draggable-block__title--draggable:active{cursor:grabbing}.draggable-block__body{margin:0;font-size:.9rem;color:var(--color-muted)}.draggable-block:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.postpone-block{display:flex;flex-direction:column;gap:var(--space-md);width:100%;position:relative;box-sizing:border-box;overflow:visible;min-height:250px;padding:var(--space-xs) 0}.postpone-block__controls{display:flex;flex-direction:column;gap:var(--space-md)}.postpone-block__number-input-group{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%}.postpone-block__number-input,.postpone-block__number-display{flex:0 0 auto;width:100px;padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);border-bottom:none;border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-size:4rem;font-weight:700;font-family:inherit;text-align:center;transition:border-color .2s,box-shadow .2s,background-color .2s,color .2s;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;line-height:1;white-space:nowrap;height:fit-content}.postpone-block__number-input--warning,.postpone-block__number-display.postpone-block__number-input--warning{border-color:#ff9800;border-bottom:none;background-color:#ff98001a;color:#ff9800}.postpone-block__buttons{display:flex;flex-direction:column;gap:var(--space-xs)}.postpone-block__button{width:32px;height:32px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-size:1.2rem;font-weight:600;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s,color .2s}.postpone-block__button:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.postpone-block__button:active{transform:scale(.95)}.postpone-block__button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.postpone-block__standup-group{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%}.postpone-block__standup-button{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-size:.875rem;font-weight:600;font-family:inherit;line-height:1.4;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s,color .2s;min-height:32px;min-width:100px}.postpone-block__standup-button:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.postpone-block__standup-button:active{transform:scale(.95)}.postpone-block__standup-button--active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.postpone-block__standup-button--active:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff;opacity:.9}.postpone-block__readonly-field{width:140px;height:32px;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-size:.9rem;font-family:inherit;text-align:center;box-sizing:border-box;cursor:not-allowed;opacity:.7}.postpone-block__readonly-field:focus{outline:none;border-color:var(--color-border)}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(2rem,5vw,4rem) var(--space-md);background:var(--app-gradient)}.auth-card{position:relative;width:min(520px,100%);border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-md);overflow:hidden}.auth-card__glare{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(91,74,240,.2),transparent 50%),radial-gradient(circle at 80% 0%,rgba(14,165,233,.18),transparent 55%);pointer-events:none;opacity:.6}.auth-card__content{position:relative;padding:var(--space-lg) var(--space-lg) var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);text-align:left}.auth-card__eyebrow{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.auth-brand{padding:.25rem .75rem;border-radius:var(--radius-full);background:#5b4af01f;color:var(--color-primary);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.auth-title{margin:0;font-size:clamp(2rem,1.4rem + 1vw,2.6rem)}.auth-subtitle{margin:0;color:var(--color-muted);font-size:1rem}.auth-benefits{margin:0;padding-left:1.2rem;color:var(--color-muted);display:flex;flex-direction:column;gap:.35rem;font-size:.95rem}.auth-card__actions{padding:var(--space-md) var(--space-lg) var(--space-lg);border-top:1px solid var(--color-border);background:linear-gradient(180deg,rgba(91,74,240,.12),transparent)}.auth-button{width:100%;justify-content:center}.auth-button__icon{display:inline-flex;align-items:center;justify-content:center}.auth-card__footer{padding:0 var(--space-lg) var(--space-lg);color:var(--color-muted);text-align:center}.auth-helper-text{letter-spacing:.04em}.auth-error{margin-top:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);border:1px solid rgba(239,68,68,.3);background:#ef444424}.auth-error-text{margin:0;color:#dc2626;font-size:.9rem}[data-theme=dark] .auth-card,.theme-dark .auth-card{background-color:#0f172aeb;border-color:#94a3b838;box-shadow:0 30px 80px #020617d9}[data-theme=dark] .auth-card__glare,.theme-dark .auth-card__glare{opacity:.25;background:radial-gradient(circle at 20% 20%,rgba(91,74,240,.18),transparent 50%),radial-gradient(circle at 80% 0%,rgba(14,165,233,.15),transparent 55%)}[data-theme=dark] .auth-brand,.theme-dark .auth-brand{background:#a5b4fc2e;color:var(--color-primary)}[data-theme=dark] .chip--ghost,.theme-dark .chip--ghost{border-color:#94a3b859;background-color:#94a3b814;color:#e2e8f0e6}[data-theme=dark] .auth-benefits,.theme-dark .auth-benefits{color:#e2e8f0d9}[data-theme=dark] .auth-card__actions,.theme-dark .auth-card__actions{border-top-color:#94a3b840;background:linear-gradient(180deg,rgba(165,180,252,.08),transparent)}[data-theme=dark] .auth-card__footer,.theme-dark .auth-card__footer{color:#e2e8f0cc}[data-theme=dark] .auth-button.ui-button--filled,.theme-dark .auth-button.ui-button--filled{background:linear-gradient(135deg,#a5b4fc,#818cf8);border-color:transparent;color:#0b1120;box-shadow:0 20px 50px #020617bf}[data-theme=dark] .auth-button.ui-button--filled:hover,.theme-dark .auth-button.ui-button--filled:hover{background:linear-gradient(135deg,#c7d2fe,#a5b4fc)}[data-theme=dark] .auth-button.ui-button--filled:focus-visible,.theme-dark .auth-button.ui-button--filled:focus-visible{outline-color:#a5b4fc73}[data-theme=dark] .auth-error,.theme-dark .auth-error{background:#ef44442e;border-color:#ef444459}.loading-state{width:100%;min-height:220px;display:flex;flex-direction:column;gap:var(--space-sm);align-items:center;justify-content:center;color:var(--color-muted)}.loading-state__indicator{position:relative;width:72px;height:72px}.loading-state__pulse,.loading-state__ring{position:absolute;inset:0;border-radius:50%}.loading-state__pulse{background:#5b4af033;animation:pulse 1.6s infinite ease-in-out}.loading-state__ring{border:3px solid rgba(91,74,240,.5);border-left-color:transparent;animation:spin 1s linear infinite}.loading-state__text{margin:0;font-weight:600}.theme-switcher{position:relative;display:inline-flex}.theme-switcher--buttons{gap:.25rem;padding:.25rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-high)}.theme-switcher__button{border:none;background:transparent;border-radius:calc(var(--radius-md) - 4px);padding:.45rem .75rem;font-size:.85rem;font-weight:500;cursor:pointer}.theme-switcher__label{font-size:.75rem}.theme-switcher__button--active{background:#5b4af024;color:var(--color-primary)}.theme-switcher--menu{padding:0;border:none;background:none}.theme-switcher__trigger{width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-xs)}.theme-switcher__trigger:hover{border-color:var(--color-primary);color:var(--color-primary)}.theme-switcher__trigger:active{transform:scale(.96)}.theme-switcher__dropdown{position:absolute;top:calc(100% + .45rem);right:0;min-width:180px;padding:.35rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-md);opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity var(--transition-duration) var(--transition-easing),transform var(--transition-duration) var(--transition-easing);z-index:20}.theme-switcher__dropdown--open{opacity:1;pointer-events:auto;transform:translateY(0)}.theme-switcher__menu-item{width:100%;border:none;background:transparent;border-radius:calc(var(--radius-md) - 4px);padding:.5rem .75rem;display:grid;grid-template-columns:1.5rem 1fr 1.2rem;align-items:center;gap:.5rem;font-weight:500;cursor:pointer;color:var(--color-text)}.theme-switcher__menu-item.is-active{background:#5b4af01f;color:var(--color-primary)}.theme-switcher__menu-icon .material-icons{font-size:1.1rem}.theme-switcher__menu-check{display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary);opacity:0;transition:opacity var(--transition-duration) var(--transition-easing)}.theme-switcher__menu-item.is-active .theme-switcher__menu-check{opacity:1}.card{border:none;background:none;box-shadow:none}.btn,.btn-large{text-transform:none;box-shadow:none}.home-content{padding:var(--space-lg) 0}.hero-section{padding:calc(var(--space-lg) * 1.1) 0 var(--space-lg)}@media(max-width:1024px){:root{--header-height: 64px}.app-header__container{flex-wrap:wrap}.app-header__user-text{display:none}}@media(max-width:600px){:root{--header-height: 52px}.theme-switcher__label{display:none}}@media(max-width:520px){.surface-card{padding:var(--space-sm)}.auth-card__content,.auth-card__actions,.auth-card__footer{padding:var(--space-md)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(.85);opacity:.7}50%{transform:scale(1);opacity:1}to{transform:scale(.85);opacity:.7}}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;padding:0;min-height:100vh;min-width:320px;font-family:var(--font-family-base, "Inter", sans-serif);background:var(--app-gradient, #f5f6fb);color:var(--color-text, #0f172a);overflow-x:hidden;overflow-y:auto}#root,.app-wrapper{min-height:100vh;display:flex;flex-direction:column;background:transparent}
