:root{--color-bg: #06182A;--color-bg-deep: #041321;--color-surface-1: #0A2035;--color-surface-2: #0D2943;--color-surface-3: #123451;--color-surface-hover: #163D5D;--color-border: rgba(111, 185, 225, .18);--color-border-strong: rgba(91, 210, 255, .38);--color-text-primary: #F4F8FC;--color-text-secondary: #A7BDD0;--color-text-muted: #718CA3;--color-primary: #26C6F7;--color-primary-hover: #55D5FA;--color-primary-soft: rgba(38, 198, 247, .12);--color-violet: #7668F8;--color-green: #21D99A;--color-yellow: #FFBD45;--color-red: #FF6178;--color-blue: #3CA7FF;--status-todo: #91BDE8;--status-progress: #FFBD45;--status-done: #21D99A;--status-postponed: #FF6178;--gradient-page: radial-gradient(circle at 50% 100%, rgba(15, 91, 210, .25), transparent 45%), linear-gradient(180deg, #06182A 0%, #071D33 100%);--gradient-card: linear-gradient(145deg, rgba(18, 52, 81, .92), rgba(8, 31, 52, .96));--gradient-primary: linear-gradient(90deg, #28C7F7, #6478FF);--shadow-card: 0 10px 30px rgba(0, 0, 0, .18);--shadow-floating: 0 16px 45px rgba(0, 0, 0, .28);--glow-primary: 0 0 24px rgba(38, 198, 247, .18);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px}:root{--font-family-base: Inter, "Segoe UI", Roboto, Arial, sans-serif}body{font-family:var(--font-family-base)}*{box-sizing:border-box}html,body{margin:0}body{background:var(--color-bg);color:var(--color-text-primary)}.app-shell{background:var(--gradient-page);color:var(--color-text-primary);display:grid;grid-template-columns:230px 1fr;min-height:100vh}.auth-shell{align-items:center;background:var(--gradient-page);color:var(--color-text-primary);display:grid;justify-items:center;min-height:100vh;padding:24px}.auth-panel{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:grid;gap:14px;max-width:460px;padding:24px;width:100%}.auth-panel h1{font-size:28px;letter-spacing:0;margin:4px 0 0}.auth-brand{color:var(--color-text-primary)}.auth-brand span{color:var(--color-text-secondary)}.sidebar{background:var(--color-bg-deep);border-right:1px solid var(--color-border);color:var(--color-text-primary);display:flex;flex-direction:column;gap:24px;padding:22px}.brand{align-items:center;display:flex;gap:12px}.brand-mark,.avatar{align-items:center;border-radius:var(--radius-pill);display:inline-flex;font-weight:800;justify-content:center}.brand-mark{background:var(--gradient-primary);color:var(--color-bg-deep);height:42px;width:42px}.brand div,.task-card,.list-item>div{display:grid;gap:4px}.brand span,.sidebar-summary span,.task-card p,.list-item span,.empty{color:var(--color-text-secondary)}.brand span,.sidebar-summary span{color:var(--color-text-secondary);font-size:12px}.nav{display:grid;gap:8px}button,.profile-menu a{align-items:center;background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:700;justify-content:center;min-height:40px;padding:0 14px;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,transform .16s ease,opacity .16s ease}button:hover:not(:disabled),.profile-menu a:hover{border-color:var(--color-border-strong)}button:focus-visible,.profile-menu a:focus-visible,input:focus-visible,select:focus-visible,.list-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}.nav button{background:transparent;border-color:transparent;color:var(--color-text-secondary);justify-content:flex-start}.nav button.active,.nav button:hover{background:var(--color-primary-soft);border-color:var(--color-border-strong);color:var(--color-text-primary)}.secondary{background:transparent;border-color:var(--color-border);color:var(--color-primary)}.sidebar-summary{border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid;gap:4px;margin-top:auto;padding:14px}.sidebar-summary strong{font-size:32px}.main{min-width:0;padding:24px}.topbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.topbar-clock{align-items:baseline;color:var(--color-text-secondary);display:flex;font-size:13px;gap:8px}.topbar-clock strong{color:var(--color-text-primary);font-size:20px;font-weight:600}.topbar>div:first-child{width:min(420px,100%)}.topbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;position:relative}.avatar{background:var(--gradient-primary);border-color:var(--color-border-strong);color:var(--color-bg-deep);height:42px;padding:0;width:42px}.profile-menu{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-floating);color:var(--color-text-primary);display:grid;gap:8px;min-width:260px;padding:14px;position:absolute;right:0;top:50px;z-index:2}.profile-menu span{color:var(--color-text-secondary);font-size:12px;overflow-wrap:anywhere}.status{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-secondary);font-size:13px;font-weight:700;padding:8px 12px}.ok{color:var(--color-green)}.fail{color:var(--color-red)}.notice,.panel,.hero-panel,.summary,.metric,.board-column,.task-card{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.notice{margin-bottom:16px;padding:12px 16px}.view,.list{display:grid;gap:14px}.hero-panel{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:22px}.hero-panel h1{font-size:30px;letter-spacing:0;margin:0 0 6px}.hero-panel p,.task-card p{margin:0}.quick-actions,.button-row,.task-actions,.weekday-picker{display:flex;flex-wrap:wrap;gap:8px}.metric-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric{display:grid;gap:6px;padding:16px;transition:transform .16s ease,border-color .16s ease}.metric:hover{border-color:var(--color-border-strong);transform:translateY(-1px)}.metric span,.label{color:var(--color-text-muted);font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.metric strong{font-size:28px}.split,.settings-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-layout{align-items:start;display:grid;gap:14px;grid-template-columns:220px minmax(0,1fr)}.settings-menu{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;gap:6px;padding:10px;position:sticky;top:24px}.settings-menu button{background:transparent;border-color:transparent;color:var(--color-text-secondary);justify-content:flex-start}.settings-menu button.active,.settings-menu button:hover{background:var(--color-primary-soft);border-color:var(--color-border-strong);color:var(--color-primary)}.settings-content{min-width:0}.settings-screen{display:grid;gap:12px}.panel{padding:16px}.panel-title{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}h2{font-size:18px;letter-spacing:0;margin:0 0 14px}.panel-title h2{margin:0}label{color:var(--color-text-secondary);display:grid;font-size:13px;font-weight:700;gap:6px;margin-bottom:12px}input,select{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font:inherit;min-height:40px;min-width:0;padding:0 10px;transition:border-color .16s ease;width:100%}input::placeholder{color:var(--color-text-muted)}input:focus,select:focus{border-color:var(--color-primary)}.list-item{align-items:center;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);display:flex;gap:10px;justify-content:space-between;min-height:54px;padding:10px 12px;text-align:left;transition:border-color .16s ease,transform .16s ease;width:100%}.list-item.compact{align-items:start;display:grid}.list-item span,.task-card p{font-size:12px;overflow-wrap:anywhere}.list-item.selected{border-color:var(--color-border-strong);box-shadow:inset 3px 0 0 var(--color-primary)}.quick-task-grid,.task-management-list,.task-form,.filters{display:grid;gap:12px}.task-management-list{border-top:1px solid var(--color-border);margin-top:4px;padding-top:16px}.task-management-item{align-items:start}.quick-task-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-task{align-items:start;background:var(--color-surface-1);border-color:var(--color-border);color:var(--color-text-primary);display:grid;justify-content:stretch;min-height:84px;text-align:left}.quick-task span{color:var(--color-text-muted);font-size:12px}.task-form{grid-template-columns:repeat(3,minmax(0,1fr))}.filters{align-items:end;background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:repeat(3,minmax(0,1fr)) auto;padding:14px}.board-filters{grid-template-columns:repeat(4,minmax(0,1fr)) auto auto}.board{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(220px,1fr));overflow-x:auto}.board-column{align-content:start;display:grid;gap:10px;min-height:360px;padding:12px}.task-card{display:grid;gap:8px;padding:12px;transition:transform .16s ease,border-color .16s ease}.task-card:hover{border-color:var(--color-border-strong);transform:translateY(-1px)}.task-card-header{align-items:start;display:flex;gap:10px;justify-content:space-between}.task-card-header span{background:var(--color-primary-soft);border-radius:var(--radius-pill);color:var(--color-primary);font-size:12px;font-weight:700;padding:4px 8px}.task-card--done{background:linear-gradient(145deg,#21d99a1a,#081f34f5)}.task-card-title--done{color:var(--color-text-secondary);text-decoration:line-through}.task-card-check{color:var(--color-green);margin-right:4px}.task-card-overdue{color:var(--color-red);font-size:12px;font-weight:700}.weekday-picker .active{background:var(--color-primary-soft);border-color:var(--color-border-strong);color:var(--color-primary)}.settings-grid .wide{grid-column:1/-1}.empty{margin:0}.empty-state{align-items:center;color:var(--color-text-muted);display:grid;gap:4px;justify-items:center;padding:24px 8px;text-align:center}.empty-state .empty{font-size:13px}.board-column h2{align-items:center;display:flex;font-size:14px;gap:6px;margin:0 0 4px}.column-dot{border-radius:var(--radius-pill);display:inline-block;height:8px;width:8px}.column-dot--todo{background:var(--status-todo)}.column-dot--doing{background:var(--status-progress)}.column-dot--done{background:var(--status-done)}.column-dot--postponed{background:var(--status-postponed)}.column-count{color:var(--color-text-muted);font-weight:400;margin-left:auto}.calendar-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.view-switcher{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-pill);display:inline-flex;gap:2px;padding:3px}.view-switcher button{background:transparent;border-color:transparent;border-radius:var(--radius-pill);min-height:32px;padding:0 14px}.view-switcher button.active{background:var(--color-primary-soft);color:var(--color-primary)}.calendar-nav{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.calendar-period{color:var(--color-text-secondary);font-weight:600;white-space:nowrap}.day-agenda{padding:16px}.calendar-week{overflow-x:auto;padding-bottom:8px}.calendar-week-header{display:grid;grid-template-columns:56px repeat(7,minmax(120px,1fr))}.calendar-week-body{display:grid;grid-template-columns:56px repeat(7,minmax(120px,1fr));grid-auto-rows:52px}.calendar-hour-label{color:var(--color-text-muted);font-size:12px;padding-top:2px}.calendar-week-day-head{align-items:center;border-bottom:1px solid var(--color-border);display:grid;justify-items:center;padding-bottom:8px}.calendar-week-day-head.is-today strong{color:var(--color-primary)}.calendar-day-cell{border-left:1px solid var(--color-border);border-top:1px solid var(--color-border);display:grid;gap:2px;min-width:0;padding:2px}.calendar-day-cell.is-today{background:var(--color-primary-soft)}.calendar-event-chip{--event-color: var(--color-primary);background:var(--color-surface-2);border:none;border-left:3px solid var(--event-color);border-radius:4px;color:var(--color-text-primary);cursor:pointer;font-size:11px;font-weight:500;justify-content:flex-start;min-height:20px;overflow:hidden;padding:2px 6px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.calendar-detail{margin-top:14px}.calendar-month{display:grid;gap:1px;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-month-weekday{color:var(--color-text-muted);font-size:12px;padding:4px;text-align:center}.calendar-month-day{background:var(--color-surface-1);border:1px solid var(--color-border);cursor:pointer;display:grid;gap:2px;min-height:88px;padding:6px;text-align:left}.calendar-month-day:disabled{cursor:default}.calendar-month-day.is-today{background:var(--color-primary-soft)}.calendar-month-day.is-outside{opacity:.4}.calendar-month-day-number{color:var(--color-text-secondary);font-size:12px;font-weight:700}.calendar-month-day.is-today .calendar-month-day-number{color:var(--color-primary)}.calendar-month-event{color:var(--event-color, var(--color-text-secondary));font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-month-more{color:var(--color-text-muted);font-size:11px}@media(max-width:720px){.calendar-toolbar{align-items:stretch;flex-direction:column}.calendar-month-day{min-height:64px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:1120px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap}.nav{display:flex;flex-wrap:wrap}.sidebar-summary{margin-left:auto;margin-top:0}.metric-grid,.quick-task-grid,.split,.settings-layout,.settings-grid,.task-form,.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.main,.sidebar{padding:16px}.topbar,.hero-panel,.panel-title,.list-item{align-items:stretch;flex-direction:column}.metric-grid,.quick-task-grid,.split,.settings-layout,.settings-grid,.task-form,.filters{grid-template-columns:1fr}.topbar-actions>*,.quick-actions>*,.button-row>*,.task-actions>*{width:100%}.sidebar-summary{margin-left:0;width:100%}.settings-menu{position:static}}