:root{--bg:#f4f7f2;--surface:#ffffffb8;--surface-strong:#ffffffe6;--ink:#263238;--muted:#66736d;--line:#50605829;--sage:#d8e8df;--sky:#c7ddf5;--focus:#7d8cff;--mint:#65c8b7;--danger:#b94a48;--warning:#b7791f;--radius:22px;--radius-sm:16px;--shadow:0 24px 70px #30433a24;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-height:100%}body{background:radial-gradient(circle at 10% 0%, #c7ddf58c, transparent 34%), linear-gradient(135deg, #fbfbf7, var(--bg));min-height:100vh;margin:0}body.is-resizing-column{cursor:col-resize;-webkit-user-select:none;user-select:none}button,input,select,textarea{font:inherit}button{background:var(--mint);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:999px;min-height:42px;padding:0 16px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s}button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #30433a1f}button.secondary{color:var(--ink);background:#2632381a}button.danger{color:var(--danger);background:#b94a4824}input,select,textarea{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#ffffffd1;border-radius:999px;outline:none;padding:0 16px}textarea{resize:vertical;border-radius:18px;min-height:112px;padding:14px 16px}h1,h2,h3,p{margin:0}h1{font-size:clamp(28px,4vw,42px);line-height:1.05}h2{font-size:22px;line-height:1.2}h3{font-size:15px;line-height:1.25}.auth-screen{place-items:center;min-height:100vh;padding:18px;display:grid}.auth-card,.settings-surface,.workspace-toolbar,.week-controls,.timeless-section,.planner-task-card,.day-column,.dev-login,.alert,.empty{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.auth-card{gap:18px;width:min(440px,100%);padding:28px;display:grid}.brand,.eyebrow{color:var(--focus);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:900}.planner-app{grid-template-columns:286px minmax(0,1fr);min-height:100vh;display:grid}.planner-app.is-sidebar-collapsed{grid-template-columns:84px minmax(0,1fr)}.planner-app--employee{display:block}.sidebar{color:#ffffffd6;background:linear-gradient(#1f2b45,#21304d);grid-template-rows:auto auto 1fr auto;gap:22px;height:100vh;padding:22px 18px;transition:width .18s,padding .18s;display:grid;position:sticky;top:0}.sidebar.is-collapsed{width:84px;padding-inline:14px}.sidebar-brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{background:linear-gradient(135deg, var(--sky), var(--mint));color:#1f2b45;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.sidebar-brand strong,.sidebar-brand span,.sidebar-nav strong,.sidebar-user span,.sidebar-user button{transition:opacity .16s}.sidebar-brand span{color:#ffffff94;text-transform:uppercase;margin-top:2px;font-size:12px;font-weight:800;display:block}.sidebar.is-collapsed .sidebar-brand div:last-child,.sidebar.is-collapsed .sidebar-nav strong,.sidebar.is-collapsed .sidebar-user span,.sidebar.is-collapsed .sidebar-user button{opacity:0;pointer-events:none;width:0;overflow:hidden}.collapse-button{color:#1f2b45;width:34px;height:34px;min-height:34px;box-shadow:none;background:#fffffff0;justify-self:end;padding:0}.sidebar-nav{align-content:start;gap:8px;display:grid}.sidebar-nav button{color:#ffffffb8;width:100%;box-shadow:none;background:0 0;border-radius:16px;justify-content:start;align-items:center;gap:12px;display:flex}.sidebar-nav button.is-active{color:#fff;background:#65c8b72e}.sidebar-nav span{text-align:center;flex:0 0 22px;width:22px}.sidebar-user{color:#ffffffad;gap:10px;font-size:14px;display:grid}.sidebar-user button{color:#fff;background:#ffffff1a}.workspace{min-width:0;padding:28px clamp(18px,3vw,42px) 44px}.mobile-userbar{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.mobile-userbar span{border:1px solid var(--line);background:var(--surface-strong);color:var(--muted);border-radius:999px;padding:8px 12px;font-weight:800}.planner-sticky-head{z-index:14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#f4f7f2fa,#f4f7f2e6),radial-gradient(circle at 10% 0,#c7ddf552,#0000 34%);padding-bottom:12px;position:sticky;top:0}.workspace-toolbar{box-shadow:none;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:16px;padding:24px;display:flex}.workspace-toolbar span{color:var(--muted);margin-top:8px;font-weight:700;display:block}.week-count-button{border-color:var(--line);min-height:34px;color:var(--muted);box-shadow:none;background:#ffffff9e;margin-top:10px;padding:0 13px}.week-count-button.is-active{color:#2f7d65;background:#65c8b729;border-color:#65c8b77a}.toolbar-actions{align-items:end;gap:12px;display:flex}.status-filter{border:1px solid var(--line);background:#ffffff8a;border-radius:999px;flex-wrap:wrap;gap:6px;max-width:540px;padding:5px;display:flex}.status-filter button{min-height:34px;color:var(--muted);box-shadow:none;background:0 0;padding:0 12px;font-size:13px}.status-filter button.is-active{color:#2f7d65;background:#65c8b733}.week-controls{box-shadow:none;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:14px;display:flex}.week-nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.week-nav strong{margin-left:10px;font-size:18px}.icon-button{width:42px;min-width:42px;padding:0;font-size:22px}.date-jump{color:var(--muted);align-items:center;gap:10px;font-weight:800;display:flex}.date-jump input{width:170px}.week-scrollbar{scrollbar-color:#50605861 transparent;max-width:100%;height:16px;margin:-4px 0 10px;overflow:auto hidden}.week-scrollbar__spacer{height:1px}.week-board{cursor:grab;scrollbar-width:none;max-width:100%;padding-bottom:6px;overflow-x:auto}.week-board::-webkit-scrollbar{display:none}.week-board.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.week-board__track{grid-template-columns:repeat(7,minmax(210px,1fr));gap:16px;min-width:1540px;display:grid}.week-board__track.is-filtered{grid-template-columns:repeat(auto-fit,minmax(260px,320px));min-width:max-content}.day-column{min-width:0;min-height:320px;box-shadow:none;flex-direction:column;padding:16px;display:flex;position:relative}.day-column.is-today{border-color:#65c8b7a8}.day-column.is-drop-target{background:#65c8b71a;border-color:#65c8b7b8}.day-column.is-drop-forbidden{cursor:not-allowed;background:#b94a4817;border-color:#b94a489e}.day-column.is-resizing{border-color:#7d8cff8f}.day-column--empty-filter{justify-content:center;min-height:180px}.column-resize-handle{z-index:5;cursor:col-resize;width:16px;position:absolute;top:18px;bottom:18px;right:-9px}.column-resize-handle:after{content:"";opacity:0;background:#50605829;border-radius:999px;width:2px;transition:opacity .16s,background .16s;position:absolute;top:8px;bottom:8px;right:7px}.column-resize-handle:hover:after,.day-column.is-resizing .column-resize-handle:after{opacity:1;background:#7d8cff7a}.day-column__head{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-bottom:14px;display:flex}.day-column__head p{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:900}.day-column__head span{color:var(--muted);margin-top:4px;font-weight:700;display:block}.day-column__head strong{color:#328b7e;text-transform:uppercase;background:#65c8b72e;border-radius:999px;height:28px;padding:5px 10px;font-size:12px}.day-column__summary{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:12px 0;font-weight:800;display:flex}.day-column__summary button{min-height:34px;color:var(--muted);box-shadow:none;background:0 0;padding-inline:10px}.day-column__tasks{gap:10px;display:grid}.day-empty{color:var(--muted);text-align:center;border:1px dashed #5060583d;border-radius:18px;padding:28px 12px;font-weight:700}.planner-task-card{box-shadow:none;cursor:pointer;gap:10px;padding:13px;display:grid;container-type:inline-size}.planner-task-card[draggable=true]{cursor:grab}.planner-task-card[draggable=true]:active{cursor:grabbing}.planner-task-card.is-task-dragging{opacity:.48}.planner-task-card__head{background:#eef2ee;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;margin:-6px -6px 0;padding:10px;display:grid;box-shadow:inset 0 0 0 1px #50605814}.planner-task-card__head--new{background:#dceafa}.planner-task-card__head--in_progress{background:#e3e7ff}.planner-task-card__head--done{background:#dcf2ee}.planner-task-card__head--checked{background:#dff0e4}.planner-task-card__head--needs_revision{background:#f7ead6}.planner-task-card__head--overdue{background:#f4dddd}.planner-task-card__head--cancelled{background:#e7ebe8}.planner-task-card h3{font-size:14px;line-height:1.25}.planner-task-card h3,.planner-task-card p,.task-meta-grid strong{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.planner-task-card p{color:var(--muted);line-height:1.45}.task-meta-grid{grid-template-columns:auto minmax(0,1fr);gap:6px 10px;font-size:13px;display:grid}.task-meta-grid span{color:var(--muted)}.task-meta-grid strong{text-align:right;min-width:0;line-height:1.25}.task-actions{flex-wrap:wrap;gap:8px;display:flex}.task-actions button{min-height:34px;padding-inline:12px;font-size:13px}.task-detail{gap:14px;display:grid}.task-comments{gap:10px;margin-top:16px;display:grid}.task-comments h3{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:900}.task-comment{border:1px solid var(--line);background:#fff9;border-radius:16px;gap:4px;padding:10px 12px;display:grid}.task-comment strong{font-size:13px}.task-comment span{color:var(--muted);font-size:12px}.status{width:fit-content;min-height:26px;color:var(--ink);white-space:nowrap;background:#26323814;border-radius:999px;align-items:center;padding:4px 9px;font-size:12px;font-weight:900;display:inline-flex}.status-new{color:#315f87;background:#b9d5f4}.status-in_progress{color:#4451b8;background:#cbd2ff}.status-done{color:#2f7d65;background:#b9e7df}.status-checked{color:#2f7b4c;background:#bfe2c9}.status-needs_revision{color:#9b5d12;background:#efd1a5}.status-overdue{color:var(--danger);background:#e7bcbc}.status-cancelled{color:#56615c;background:#d0d6d2}.revision-note{background:#f0b25b1f;border:1px solid #f0b25b47;border-radius:16px;gap:4px;padding:10px 12px;display:grid}.revision-note span{color:#9b5d12;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.revision-form{background:#ffffff8c;border:1px dashed #f0b25b73;border-radius:18px;gap:10px;padding:10px;display:grid}.revision-form textarea{min-height:86px}.revision-form div{flex-wrap:wrap;gap:8px;display:flex}@container (width<=220px){.planner-task-card{gap:9px;padding:11px}.planner-task-card__head{grid-template-columns:1fr;gap:6px;padding:9px}.planner-task-card h3{font-size:13px}.status{min-height:24px;padding:3px 8px;font-size:11px}.task-meta-grid{grid-template-columns:1fr;gap:3px;font-size:12px}.task-meta-grid strong{text-align:left}.task-actions button{min-height:32px;padding-inline:10px;font-size:12px}}@container (width<=170px){.planner-task-card h3{font-size:12px}.task-meta-grid{font-size:11px}}.timeless-section,.settings-surface{margin-top:18px;padding:22px}.section-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.section-head span{min-width:36px;min-height:28px;color:var(--focus);background:#7d8cff1f;border-radius:999px;place-items:center;font-weight:900;display:grid}.timeless-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.stack-form,.employee-form,.admin-password-form{gap:12px;display:grid}.employee-form{grid-template-columns:1fr 1fr auto}.admin-password-form{grid-template-columns:1fr auto}.deadline-row{grid-template-columns:1fr 130px;gap:12px;display:grid}.hint{color:var(--muted);margin-top:12px;line-height:1.45}.employee-list{gap:12px;margin-top:16px;display:grid}.employee-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:#ffffff94;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px;display:grid}.employee-meta{color:var(--muted);margin-top:6px;font-size:13px}.employee-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.alert{color:var(--danger);box-shadow:none;margin-bottom:16px;padding:12px 14px}.empty{color:var(--muted);text-align:center;box-shadow:none;padding:18px}.drawer-backdrop{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f2b4547;justify-content:flex-end;display:flex;position:fixed;inset:0}.task-drawer{border-left:1px solid var(--line);width:min(440px,100%);height:100%;box-shadow:var(--shadow);background:#ffffffeb;padding:24px;overflow-y:auto}.drawer-head{justify-content:space-between;align-items:start;gap:14px;margin-bottom:18px;display:flex}.dev-login{padding:10px}@media (width<=980px){.planner-app{display:block}.sidebar{grid-template-rows:auto auto auto;height:auto;position:static}.sidebar-user{display:none}.workspace-toolbar,.week-controls{flex-direction:column;align-items:stretch}.planner-sticky-head{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding-bottom:0;position:static}.week-scrollbar{display:none}.toolbar-actions{flex-direction:column;align-items:stretch}.status-filter{border-radius:18px;width:100%}.status-filter button{flex:136px}.date-jump{flex-direction:column;align-items:stretch}.date-jump input{width:100%}}@media (width<=720px){.workspace{padding:14px 12px 28px}.workspace-toolbar,.week-controls,.timeless-section,.settings-surface{padding:16px}.week-board{cursor:auto;padding-bottom:0;overflow:visible}.week-board__track{grid-template-columns:1fr;min-width:0}.column-resize-handle{display:none}.day-column{min-height:auto}.employee-form,.admin-password-form,.deadline-row,.employee-card{grid-template-columns:1fr}.employee-actions,.task-actions{justify-content:stretch}.employee-actions button,.task-actions button{flex:150px}}
