:root{font-family:IBM Plex Sans,Segoe UI,sans-serif;color:#1d2730;background:#f5fbf9;font-size:14px;--bg: #f5fbf9;--bg-soft: #eef8f5;--surface: #ffffff;--surface-2: #f8fcfb;--border: #d9e7e1;--border-strong: #b6d8cc;--text: #1d2730;--muted: #667787;--accent: #58c7b1;--accent-strong: #1f8f7b;--accent-soft: #dcf5ef;--accent-deep: #143b38;--success-soft: #dff4ea;--success-text: #21724c;--warning-soft: #fff2de;--warning-text: #a86c21}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(88,199,177,.14),transparent 24%),linear-gradient(180deg,#f7fcfb 0%,var(--bg) 100%)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at top left,rgba(88,199,177,.2),transparent 26%),linear-gradient(160deg,#f7fcfb,#eef7f4)}.auth-card{width:min(420px,100%);background:#ffffffeb;border:1px solid var(--border);border-radius:22px;padding:1.5rem;box-shadow:0 22px 50px #143b3814;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-card h1{margin:.55rem 0 .4rem;font-size:1.5rem}a{color:inherit;text-decoration:none}code{background:#143b3814;border-radius:.5rem;padding:.15rem .4rem}.shell{min-height:100vh;display:grid;grid-template-columns:236px 1fr}.sidebar{background:#ffffffb3;border-right:1px solid var(--border);padding:1.1rem .95rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.brand strong{display:block;font-size:.98rem}.brand p{margin:.1rem 0 0;font-size:.78rem;color:var(--muted)}.user-box{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:1rem;padding:.6rem .7rem;border-radius:10px;background:var(--bg-soft);color:#456156;font-size:.82rem}.ghost-link{border:0;background:transparent;color:var(--accent-strong);cursor:pointer;font:inherit;font-weight:600}.brand-mark{width:38px;height:32px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent) 0%,#7ddbc8 100%);color:#fff;font-weight:700;font-size:.78rem;letter-spacing:.04em}.sidebar nav{display:grid;gap:.35rem}.sidebar nav a{padding:.65rem .75rem;border-radius:.8rem;background:transparent;font-size:.88rem;color:#365148}.sidebar nav a:hover{background:var(--accent-soft);color:var(--accent-deep)}.workspace{padding:1.1rem 1.2rem 1.4rem}.eyebrow{display:inline-block;padding:.2rem .45rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:700}.workspace-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.workspace-header-side{display:grid;gap:.6rem;justify-items:end}.workspace-title h1{margin:.45rem 0 .25rem;font-size:1.8rem;line-height:1.05}.workspace-title p,.panel p,.panel li{color:var(--muted);font-size:.86rem;line-height:1.45}.workspace-meta{display:flex;gap:.65rem}.admin-shortcut{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:.65rem .95rem;border-radius:999px;background:var(--accent-deep);color:#f6fffd;font-size:.82rem;font-weight:700}.admin-shortcut:hover{background:#1c4d48}.meta-card{min-width:86px;padding:.7rem .85rem;border-radius:14px;background:#ffffffe0;border:1px solid var(--border);box-shadow:0 8px 24px #143b380a}.meta-card strong{display:block;margin-top:.15rem;font-size:1rem}.meta-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#6d7f7a}.project-tabs{display:flex;gap:.55rem;overflow-x:auto;padding-bottom:.2rem;margin-bottom:.9rem}.management-banner{display:flex;align-items:center;gap:.65rem;margin-bottom:.9rem;padding:.75rem .9rem;border:1px solid var(--border-strong);border-radius:12px;background:#ffffffb8;color:#4e635b;font-size:.82rem}.management-banner strong{color:var(--accent-deep)}.project-tab{display:inline-flex;align-items:center;gap:.55rem;padding:.65rem .8rem;border-radius:12px;border:1px solid var(--border);background:#ffffffd9;cursor:pointer;color:#294038}.project-tab.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #58c7b126}.project-tab-name{white-space:nowrap;font-weight:600;font-size:.88rem}.project-tab-count{min-width:22px;height:22px;border-radius:999px;display:inline-grid;place-items:center;background:#58c7b129;color:var(--accent-deep);font-size:.75rem}.panel{background:#ffffffe0;border:1px solid var(--border);border-radius:18px;padding:1rem;box-shadow:0 12px 34px #143b380d}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin-bottom:.8rem}.panel-heading h2,.empty-state h3{margin:0;font-size:1rem}.empty-state p,.panel-heading p{margin-bottom:0}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.65rem;height:1.65rem;padding:0 .5rem;border-radius:999px;background:var(--accent-deep);color:#f4fffc;font-size:.74rem;font-weight:700}.badge.subtle{background:#58c7b124;color:var(--accent-deep)}.empty-state{padding:1rem;border-radius:12px;background:var(--surface-2);border:1px dashed var(--border-strong)}.ghost-button,.primary-button,.task-form input,.task-form textarea,.task-form select{font:inherit}.primary-button{cursor:pointer;border:0;border-radius:999px;padding:.65rem .95rem;font-size:.86rem}.primary-button{background:linear-gradient(135deg,var(--accent-strong) 0%,var(--accent) 100%);color:#f7fffd;font-weight:700;box-shadow:0 10px 24px #58c7b133}.primary-button:disabled{cursor:not-allowed;opacity:.65}.task-layout{display:grid;gap:.9rem;grid-template-columns:minmax(0,1.85fr) minmax(320px,.95fr)}.task-main-panel{min-height:70vh}.task-toolbar{align-items:center}.task-toolbar-right{display:flex;align-items:center;gap:.5rem}.status-badge{display:inline-flex;align-items:center;padding:.35rem .55rem;border-radius:999px;background:var(--success-soft);color:var(--success-text);font-size:.75rem;font-weight:700}.subtle-note{font-size:.76rem;color:var(--muted)}.error-note{color:#b64033}.success-note{color:#2e7b52}.task-list{display:grid;gap:.55rem}.compact-list{align-content:start}.task-card{padding:.8rem .95rem;border-radius:12px;background:#ffffffd1;border:1px solid var(--border);cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.task-card:hover{transform:translateY(-1px);box-shadow:0 16px 30px #143b3814}.task-card.active{border-color:#58c7b199;box-shadow:0 10px 28px #58c7b124}.task-card p{margin:0}.task-card-titleline{display:flex;align-items:center;gap:.55rem}.task-card-titleline h3{margin:0;font-size:.92rem;font-weight:600}.task-card-topline{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.45rem}.task-card-bottomline{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.task-meta{color:#6b7e79;font-size:.76rem;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:999px;display:inline-block}.status-pill{display:inline-flex;align-items:center;padding:.22rem .48rem;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:capitalize}.status-todo{background:#edf2f5;color:#445066}.status-dot.status-todo{background:#93a0b6}.status-in_progress{background:var(--warning-soft);color:var(--warning-text)}.status-dot.status-in_progress{background:#d6a054}.status-blocked{background:#fde8e3;color:#b64033}.status-dot.status-blocked{background:#d55c4b}.status-done{background:var(--success-soft);color:var(--success-text)}.status-dot.status-done{background:#4ca16e}.task-form{display:grid;gap:.75rem}.task-form-inline{margin-bottom:.9rem;padding:.95rem;border-radius:16px;background:var(--surface-2);border:1px solid var(--border)}.task-form label{display:grid;gap:.45rem}.task-form span{font-size:.78rem;font-weight:700}.task-form input,.task-form textarea,.task-form select{width:100%;border:1px solid var(--border);border-radius:12px;padding:.72rem .82rem;background:#ffffffeb;color:var(--text);font-size:.86rem}.task-form input:focus,.task-form textarea:focus,.task-form select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #58c7b124}.task-detail{display:grid;gap:.85rem}.detail-chip-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.inline-form-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1.6fr) minmax(180px,.6fr)}.field-section{display:grid;gap:.65rem}.field-section-header h3{margin:0}.field-section-header p{margin:.2rem 0 0}.custom-field-grid{display:grid;gap:.65rem}.custom-field-grid.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.multi-select-list{display:grid;gap:.45rem;padding:.75rem .82rem;border:1px solid var(--border);border-radius:12px;background:#ffffffeb}.checkbox-row{display:flex!important;align-items:center;gap:.6rem}.checkbox-row input{width:auto}.align-start{justify-self:start}.panel.accent{background:linear-gradient(160deg,#172033,#293754)}.panel.accent h2,.panel.accent p,.panel.accent code{color:#f8f6f0}.panel.accent code{background:#ffffff24}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #e5e7ef}.task-layout{grid-template-columns:1fr}.workspace-header{flex-direction:column}.workspace-header-side{width:100%;justify-items:stretch}.workspace-meta{width:100%}.management-banner{flex-direction:column;align-items:flex-start}.inline-form-grid,.custom-field-grid.compact-grid{grid-template-columns:1fr}.task-card-bottomline{flex-direction:column;align-items:flex-start}}