:root{--bg: #f4f1ea;--bg-2: #efeae0;--paper: #fbf9f4;--ink: #14110d;--ink-2: #2a2520;--muted: #6b6258;--muted-2: #918879;--line: rgba(20, 17, 13, .12);--line-strong: rgba(20, 17, 13, .22);--accent: #5b5bd6;--accent-ink: #4343b0;--accent-soft: #dcdcf5;--hover-tint: rgba(20, 17, 13, .05);--hover-tint-2: rgba(20, 17, 13, .07);--display: "Space Grotesk", "Helvetica Neue", system-ui, sans-serif;--sans: "Geist", "Helvetica Neue", system-ui, sans-serif;--mono: "Geist Mono", ui-monospace, monospace;--r-sm: 4px;--r-md: 10px;--r-lg: 18px;--r-xl: 28px;--container: 1240px;--gutter: clamp(20px, 4vw, 56px)}:root[data-theme=dark]{--bg: #161310;--bg-2: #1d1813;--paper: #211c16;--ink: #f1ebe0;--ink-2: #d6cdbf;--muted: #9a9081;--muted-2: #6f6658;--line: rgba(241, 235, 224, .12);--line-strong: rgba(241, 235, 224, .24);--accent: #8b8bf0;--accent-ink: #a8a8f6;--accent-soft: #b9b9e8;--hover-tint: rgba(241, 235, 224, .06);--hover-tint-2: rgba(241, 235, 224, .1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:-.005em}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}h1,h2,h3,h4{margin:0;font-weight:400}input,select,textarea{font:inherit}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--r-md);font-size:13.5px;font-weight:500;letter-spacing:-.005em;transition:opacity .15s ease,background .15s ease,color .15s ease;white-space:nowrap;cursor:pointer;border:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){opacity:.88}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.btn-ghost:hover:not(:disabled){color:var(--ink);border-color:var(--line-strong)}.input,.select-field,.textarea-field{font:inherit;font-size:13.5px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);padding:7px 11px;outline:none;transition:border-color .15s;letter-spacing:-.005em}.input:focus,.select-field:focus,.textarea-field:focus{border-color:var(--accent)}.input::placeholder,.textarea-field::placeholder{color:var(--muted-2)}.textarea-field{resize:none;width:100%}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:500}.pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:500;font-family:var(--mono);letter-spacing:.02em;white-space:nowrap}.pill-color{color:#fff}.admin-shell{min-height:100vh;display:flex;flex-direction:column}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:10}.admin-header-brand{display:flex;align-items:center;gap:10px}.admin-header-logo{height:26px;width:auto}.admin-header-name{font-weight:600;font-size:14px;color:var(--ink)}.admin-nav{display:flex;align-items:center;gap:20px}.nav-link{font-size:13.5px;color:var(--muted);background:none;border:none;cursor:pointer;padding:0;transition:color .15s}.nav-link:hover{color:var(--ink)}.staging-banner{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#eab30814;border:1px solid rgba(234,179,8,.22);border-radius:var(--r-md);font-size:13px;color:var(--muted);margin-bottom:20px}.staging-badge{font-family:var(--mono);font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;padding:2px 8px;border-radius:var(--r-sm);background:#eab3082e;color:#ca8a04;flex-shrink:0}.board-page{padding:24px;flex:1}.board-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.board-title{font-size:18px;font-weight:600;color:var(--ink)}.form-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.form-row{display:flex;gap:10px;flex-wrap:wrap}.form-row .input,.form-row .select-field{min-width:0}.form-row .input{flex:1}.form-actions{display:flex;gap:8px}.board-columns{display:flex;gap:14px;overflow-x:auto;padding-bottom:16px;min-height:calc(100vh - 200px);align-items:flex-start}.kanban-col{flex-shrink:0;width:252px}.kanban-col-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:0 2px}.kanban-col-label{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:500}.kanban-col-count{font-family:var(--mono);font-size:11px;color:var(--muted-2)}.kanban-col-body{min-height:120px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:8px;display:flex;flex-direction:column;gap:7px}.task-card{width:100%;text-align:left;border:1px solid var(--line);background:var(--bg);border-radius:var(--r-md);padding:11px 12px;cursor:pointer;transition:border-color .15s}.task-card:hover{border-color:var(--line-strong)}.task-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:4px;margin-bottom:8px}.task-card-title{font-size:13px;color:var(--ink);line-height:1.4}.task-card-meta{display:flex;align-items:center;justify-content:space-between}.task-card-time{font-family:var(--mono);font-size:10.5px;color:var(--muted-2)}.task-card-priority{margin-top:7px}.priority-urgent{display:inline-block;padding:1px 7px;border-radius:var(--r-sm);font-family:var(--mono);font-size:10.5px;background:#dc26262e;color:#f87171}.col-empty-hint{font-family:var(--mono);font-size:11px;color:var(--muted-2);text-align:center;padding:16px 8px;margin:0}.priority-high{display:inline-block;padding:1px 7px;border-radius:var(--r-sm);font-family:var(--mono);font-size:10.5px;background:#ea580c2e;color:#fb923c}.task-detail-page{max-width:720px;margin:0 auto;padding:24px}.back-link{font-size:13px;color:var(--muted);transition:color .15s;margin-bottom:16px;display:inline-block}.back-link:hover{color:var(--ink)}.task-detail-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;gap:16px}.task-title-input{width:100%;background:transparent;font-size:18px;font-weight:600;color:var(--ink);border:none;border-bottom:1px solid transparent;padding-bottom:4px;outline:none;transition:border-color .15s}.task-title-input:focus{border-bottom-color:var(--line)}.meta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.meta-field{display:flex;align-items:center;gap:8px}.meta-label{font-family:var(--mono);font-size:11px;color:var(--muted-2)}.timestamps{display:flex;gap:16px;font-family:var(--mono);font-size:11px;color:var(--muted-2)}.section-header{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:500;margin-bottom:12px}.comments-section{margin-top:24px;display:flex;flex-direction:column;gap:10px}.comment-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px}.comment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.comment-time{font-family:var(--mono);font-size:11px;color:var(--muted-2)}.comment-body{font-size:13.5px;color:var(--ink-2);white-space:pre-wrap;line-height:1.55}.add-comment{display:flex;flex-direction:column;gap:8px;margin-top:8px}.events-section{margin-top:24px;display:flex;flex-direction:column;gap:8px}.event-item{display:flex;align-items:flex-start;gap:12px;font-size:12px;color:var(--muted)}.event-time{font-family:var(--mono);font-size:11px;color:var(--muted-2);flex-shrink:0}.event-detail{color:var(--muted)}.event-detail strong{color:var(--ink-2);font-weight:500}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:360px}.auth-heading{text-align:center;margin-bottom:28px}.auth-heading h1{font-size:20px;font-weight:600;color:var(--ink);margin-bottom:4px}.auth-heading p{font-size:13.5px;color:var(--muted)}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:5px}.auth-field label{font-size:12.5px;color:var(--ink-2)}.error-msg{font-size:13px;color:#f87171}
