:root{--bg:oklch(97.5% 0.008 255);--surface:oklch(100% 0 0);--surface-strong:oklch(94.5% 0.01 255);--fg:oklch(20% 0.018 255);--muted:oklch(48% 0.018 255);--border:oklch(89% 0.014 255);--accent:oklch(55% 0.17 255);--accent-2:oklch(62% 0.14 170);--warn:oklch(68% 0.16 75);--danger:oklch(58% 0.18 28);--accent-soft:color-mix(in oklch,var(--accent) 12%,transparent);--accent-strong:color-mix(in oklch,var(--accent) 78%,var(--fg));--fg-soft:color-mix(in oklch,var(--fg) 6%,transparent);--ok-soft:color-mix(in oklch,var(--accent-2) 14%,transparent);--font-display:"Google Sans","SF Pro Display",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,Menlo,monospace;--fs-h1:clamp(32px,4vw,48px);--fs-h2:clamp(24px,3vw,34px);--fs-body:15px;--fs-meta:12px;--gap-md:20px;--container:1480px;--gutter:clamp(16px,3vw,32px);--radius:14px;--radius-lg:24px}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:radial-gradient(circle at top left,color-mix(in oklch,var(--accent) 9%,transparent),transparent 32rem),var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a,button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3{margin:0;font-family:var(--font-display);letter-spacing:0;text-wrap:balance}p{margin:0;text-wrap:pretty}a{color:inherit}a,a:hover{text-decoration:none}input,select{width:100%;min-height:44px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--fg);padding:0 12px;outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.field,label{display:grid;grid-gap:6px;gap:6px}.field span,.field-label,label{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.02em}.meta{color:var(--muted)}.eyebrow,.meta{font-family:var(--font-mono);font-size:var(--fs-meta)}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.app{min-height:100vh;padding:var(--gutter)}.shell{grid-gap:var(--gap-md);max-width:var(--container);margin:0 auto}.shell,.topbar{display:grid;gap:var(--gap-md)}.topbar{z-index:20;grid-template-columns:auto 1fr auto;grid-gap:var(--gap-md);padding:12px 0 16px}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:10px;min-width:210px;font-weight:700;letter-spacing:0}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--accent);color:var(--surface);font-family:var(--font-mono);font-size:13px}.product-nav{display:flex;justify-content:center;gap:6px}.product-nav a{min-height:40px;padding:10px 14px;border-radius:999px;color:var(--muted);font-size:14px}.product-nav a:hover,.product-nav a[aria-current=page]{background:var(--surface);color:var(--fg);box-shadow:0 1px 0 var(--border)}.user-menu{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.user-menu div{display:grid;justify-items:end;line-height:1.2}.user-menu strong{max-width:220px;overflow:hidden;color:var(--fg);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.user-menu a,.user-menu span{color:var(--muted);font-size:12px}.user-menu button{min-height:34px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--fg);padding:0 12px;font-weight:650}.narrow-shell{max-width:720px}.account-panel{overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--fg);padding:0 16px;font-weight:650;transition:transform .08s ease,border-color .16s ease,background .16s ease}.btn:hover{border-color:color-mix(in oklch,var(--fg) 25%,var(--border))}.btn:active{transform:translateY(1px)}.btn-primary,.primary{border-color:var(--accent);background:var(--accent);color:var(--surface)}.btn-primary:hover,.primary:hover{background:var(--accent-strong)}.icon-btn{width:40px;padding:0;border-radius:999px}.icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.hero{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--gap-md);gap:var(--gap-md);align-items:stretch}.hero-card,.surface{border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in oklch,var(--surface) 96%,var(--bg));box-shadow:0 18px 56px color-mix(in oklch,var(--fg) 8%,transparent)}.hero-card{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;padding:clamp(24px,4vw,40px);overflow:hidden}.hero-card,.hero-main{display:grid;grid-gap:var(--gap-md);gap:var(--gap-md)}.hero-title{max-width:760px;font-size:var(--fs-h1);line-height:1.04}.lead{max-width:68ch;color:var(--muted);font-size:17px}.hero-controls{display:grid;grid-template-columns:minmax(220px,360px);grid-gap:12px;gap:12px;align-items:end;max-width:360px;margin-top:4px}.workspace{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--gap-md);gap:var(--gap-md);align-items:start}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-md);padding:22px 24px;border-bottom:1px solid var(--border)}.panel-head h2{font-size:var(--fs-h2);line-height:1.1}.panel-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px}.directory{overflow:hidden}.directory .panel-head{align-items:flex-end}.table-wrap{overflow-x:auto}.table-wrap table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0}.table-wrap td,.table-wrap th{border-bottom:1px solid var(--border);padding:16px 18px;text-align:left;vertical-align:top}.table-wrap th{background:color-mix(in oklch,var(--bg) 70%,var(--surface));color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.table-wrap tbody tr:hover{background:color-mix(in oklch,var(--accent-soft) 46%,transparent)}.table-wrap tbody tr:last-child td{border-bottom:0}.table-wrap td:last-child,.table-wrap th:last-child{width:180px;text-align:right}.person-name,.project-name{font-size:17px;font-weight:760;line-height:1.2}.code{color:var(--fg);font-family:var(--font-mono);font-size:14px;overflow-wrap:anywhere}.table-actions{justify-content:flex-end;gap:8px}.icon-action,.table-actions{display:inline-flex;align-items:center}.icon-action{justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--fg);padding:0}.icon-action.danger{border-color:color-mix(in oklch,var(--danger) 36%,var(--border));background:color-mix(in oklch,var(--danger) 5%,var(--surface));color:var(--danger)}.icon-action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:13px}.chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.muted-text{color:var(--muted)}.toolbar-inline{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;justify-content:flex-end}.toolbar-inline .field{min-width:150px}.toolbar-inline .month-field{width:180px}.toolbar-actions{display:flex;align-items:center;gap:8px}.segment{display:inline-flex;padding:4px;border:1px solid var(--border);border-radius:999px;background:var(--bg)}.segment button{min-height:32px;border:0;border-radius:999px;background:transparent;color:var(--muted);padding:0 12px;font-weight:650}.segment button.active{background:var(--surface);color:var(--fg);box-shadow:0 1px 0 var(--border)}.gantt-panel{overflow:hidden}.gantt-wrap{overflow-x:auto}.gantt{--periods:6;min-width:calc(250px + var(--periods) * 148px)}.gantt-header,.gantt-row{display:grid;grid-template-columns:250px repeat(var(--periods),minmax(148px,1fr))}.gantt-header{z-index:5;background:color-mix(in oklch,var(--bg) 70%,var(--surface));border-bottom:1px solid var(--border)}.cell,.gantt-title,.period,.person{min-height:58px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:12px}.gantt-title,.period{color:var(--muted);font-size:12px;font-weight:750;letter-spacing:.02em}.period{text-align:center}.period span{display:block;margin-top:3px;font-family:var(--font-mono);font-weight:500}.gantt-row{position:relative;min-height:72px}.person{display:grid;align-content:center;background:var(--surface);font-weight:760}.person span{margin-top:2px;color:var(--muted);font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.cell{min-height:72px;background:linear-gradient(180deg,color-mix(in oklch,var(--surface) 94%,var(--bg)),var(--surface))}.cell-btn{width:100%;min-height:72px;border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:transparent;color:transparent;padding:0}.cell-btn:hover{background:var(--accent-soft);color:var(--accent-strong)}.cell-btn:focus-visible{position:relative;z-index:1;outline:2px solid var(--accent);outline-offset:-2px}.bar{position:relative;z-index:2;grid-row:1;align-self:center;min-width:0;min-height:46px;margin:10px 7px;border:0;border-radius:16px;background:var(--accent);color:var(--surface);padding:8px 12px;text-align:left;overflow:hidden;box-shadow:0 10px 24px color-mix(in oklch,var(--accent) 24%,transparent)}.bar:hover{background:var(--accent-strong)}.bar small,.bar strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar strong{font-size:14px}.bar small{opacity:.86;font-family:var(--font-mono);font-size:11px}.today-card{display:grid;grid-gap:14px;gap:14px;min-width:0;border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:18px}.today-card h2{font-size:18px}.today-list{display:grid;grid-gap:10px;gap:10px}.today-item{display:grid;grid-template-columns:36px 1fr;grid-gap:10px;gap:10px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.today-item .avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:13px;font-weight:800;line-height:1}.today-item strong{display:block}.today-item>div>span{display:block;color:var(--muted);font-size:12px}.coverage{display:grid;grid-gap:12px;gap:12px;margin-top:16px}.coverage-row{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;align-items:center}.meter{grid-column:1/-1;height:8px;border-radius:999px;background:var(--fg-soft);overflow:hidden}.meter span{display:block;height:100%;border-radius:inherit;background:var(--accent-2)}.api-box{margin-top:16px;border:1px solid var(--border);border-radius:16px;background:var(--bg);overflow:hidden}.api-box code{display:block;padding:14px;color:var(--fg);font-family:var(--font-mono);font-size:12px;overflow-wrap:anywhere;white-space:normal}.empty{color:var(--muted);padding:16px 0}.gantt-empty{padding-left:16px}.mobile-brief{display:none;padding:18px;border-top:1px solid var(--border);color:var(--muted)}.toast{position:fixed;right:var(--gutter);bottom:var(--gutter);z-index:50;display:none;max-width:360px;border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:14px 16px;box-shadow:0 18px 56px color-mix(in oklch,var(--fg) 16%,transparent)}.toast.show{display:block}.toast.ok{border-color:color-mix(in oklch,var(--accent-2) 55%,var(--border))}.toast.error{border-color:color-mix(in oklch,var(--danger) 55%,var(--border));color:var(--danger)}.auth-page{min-height:100vh;display:grid;grid-template-rows:auto 1fr;padding:var(--gutter);background:radial-gradient(circle at top left,color-mix(in oklch,var(--accent) 10%,transparent),transparent 32rem),radial-gradient(circle at bottom right,color-mix(in oklch,var(--accent-2) 14%,transparent),transparent 30rem),var(--bg)}.auth-topbar{display:flex;align-items:center;justify-content:flex-start;padding:12px 0 16px}.auth-main{display:grid;place-items:center;padding:clamp(32px,8vh,96px) 0}.auth-card{position:relative;width:min(100%,520px);display:grid;justify-items:center;grid-gap:24px;gap:24px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in oklch,var(--surface) 96%,var(--bg));padding:clamp(32px,6vw,56px);text-align:center;box-shadow:0 18px 56px color-mix(in oklch,var(--fg) 8%,transparent)}.auth-card:after{content:"";position:absolute;inset:auto -70px -130px auto;width:280px;height:280px;border-radius:999px;background:color-mix(in oklch,var(--accent-2) 18%,transparent);filter:blur(18px);pointer-events:none}.auth-actions,.auth-copy,.auth-error,.password-login-form{position:relative;z-index:1}.auth-copy{display:grid;justify-items:center;grid-gap:12px;gap:12px}.auth-title{font-size:var(--fs-h1);line-height:1.04}.auth-lead{max-width:34ch;color:var(--muted);font-size:17px}.auth-actions{width:min(100%,320px);display:grid;justify-items:center;grid-gap:14px;gap:14px}.keycloak-button{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in oklch,var(--accent-2) 72%,var(--fg));border-radius:999px;background:color-mix(in oklch,var(--accent-2) 76%,var(--fg));color:var(--surface);padding:0 22px;font-weight:750;box-shadow:0 10px 22px color-mix(in oklch,var(--accent-2) 22%,transparent);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.keycloak-button:hover{transform:translateY(-1px);background:color-mix(in oklch,var(--accent-2) 84%,var(--fg));box-shadow:0 14px 26px color-mix(in oklch,var(--accent-2) 26%,transparent)}.keycloak-button:focus-visible,.password-link:focus-visible{outline:3px solid color-mix(in oklch,var(--accent) 28%,transparent);outline-offset:3px}.password-link{min-height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:transparent;color:var(--accent);padding:0 12px;font-weight:650}.password-link:hover{background:var(--accent-soft)}.password-login-form{width:min(100%,320px);display:grid;grid-gap:12px;gap:12px;text-align:left}.password-login-form .btn{width:100%}.form-error{border:1px solid color-mix(in oklch,var(--danger) 40%,var(--border));border-radius:14px;background:color-mix(in oklch,var(--danger) 7%,var(--surface));color:var(--danger);padding:10px 12px;font-size:13px;font-weight:650}.auth-error{width:min(100%,320px);text-align:left}.context-menu{position:fixed;z-index:45;display:grid;grid-gap:4px;gap:4px;min-width:180px;border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:6px;box-shadow:0 20px 56px color-mix(in oklch,var(--fg) 18%,transparent)}.context-menu button{min-height:38px;border:0;border-radius:12px;background:transparent;color:var(--fg);padding:0 12px;text-align:left}.context-menu button:hover{background:var(--fg-soft)}.danger{color:var(--danger)}.modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:color-mix(in oklch,var(--fg) 36%,transparent);padding:20px}.modal{width:min(560px,100%);border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:0 24px 80px color-mix(in oklch,var(--fg) 24%,transparent);overflow:hidden}.modal-actions,.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px}.modal-header{border-bottom:1px solid var(--border)}.modal-header h2{font-size:18px}.modal-form{display:grid;grid-gap:14px;gap:14px;padding:20px}.modal-actions{justify-content:flex-end;border-top:1px solid var(--border);padding-top:18px}.directory-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;max-width:1440px;margin:0 auto 20px;padding:28px 28px 0}.app-shell{min-height:100vh;padding:28px}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;max-width:1440px;margin:0 auto 20px}.app-title{margin:0;font-size:28px;line-height:1.2}.app-subtitle{margin:6px 0 0;color:var(--muted)}.link-button{display:inline-flex;align-items:center;min-height:40px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--fg);padding:0 14px;font-weight:650}.link-button:hover{border-color:color-mix(in oklch,var(--fg) 25%,var(--border))}.directory-panel,.panel{max-width:1440px;margin:0 auto 16px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.panel{padding:16px}.panel h2{margin:0 0 14px;font-size:18px}.assignment-form,.directory-grid,.entity-form{display:grid;grid-gap:12px;gap:12px}.assignment-form{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) 150px 150px auto;align-items:end}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.entity-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;margin-bottom:14px}.entity-form.project-form{grid-template-columns:minmax(160px,1fr) minmax(120px,.6fr) auto}.entity-form.person-form{grid-template-columns:repeat(3,minmax(0,1fr))}.assignment-list,.assignment-row,.entity-list,.entity-row{display:grid;grid-gap:8px;gap:8px}.assignment-row,.entity-row{align-items:end;border-top:1px solid var(--border);padding-top:8px}.entity-row.project{grid-template-columns:minmax(160px,1fr) minmax(120px,.6fr) auto auto}.entity-row.person{grid-template-columns:minmax(120px,.8fr) minmax(120px,.8fr) minmax(180px,1fr) minmax(180px,1fr) auto auto}.assignment-row{grid-template-columns:minmax(160px,1fr) minmax(170px,1fr) 140px 140px auto auto}.directory-panel{overflow:hidden}.table-scroll{overflow-x:auto}.directory-table{width:100%;min-width:720px;border-collapse:collapse}.directory-table td,.directory-table th{border-bottom:1px solid var(--border);padding:12px 14px;text-align:left;vertical-align:top}.directory-table th{background:var(--surface-strong);color:var(--muted);font-size:13px;font-weight:650}.directory-table tr:last-child td{border-bottom:0}.actions-cell{width:112px;white-space:nowrap}.actions-cell,.directory-table .actions-cell{text-align:right}.icon-button{display:inline-grid;place-items:center;width:36px;min-width:36px;min-height:36px;margin-left:6px;border:1px solid var(--border);border-radius:999px;background:var(--surface);padding:0}.icon-button svg{width:18px;height:18px;fill:currentColor}.empty-table-cell{color:var(--muted);text-align:center}.project-checklist{display:grid;grid-gap:6px;gap:6px;min-width:0;margin:0;border:1px solid var(--border);border-radius:14px;padding:8px 10px}.project-checklist legend{padding:0 4px}.project-checklist legend,.project-checklist span{color:var(--muted);font-size:13px}.check-row{display:flex;align-items:center;gap:8px;min-height:24px;color:var(--fg);font-size:13px}.check-row input{width:16px;min-height:16px;padding:0}@media (max-width:1120px){.hero-card,.topbar,.workspace{grid-template-columns:1fr}.product-nav{justify-content:flex-start;overflow-x:auto}}@media (max-width:900px){.app,.app-shell{padding:18px}.assignment-form,.assignment-row,.directory-grid,.directory-header,.entity-form,.entity-form.person-form,.entity-form.project-form,.entity-row.person,.entity-row.project{grid-template-columns:1fr}.app-header,.directory-header{display:grid;align-items:stretch}}@media (max-width:720px){.app{padding:12px}.brand{min-width:0}.hero-controls{grid-template-columns:1fr}.panel-head{display:grid}.toolbar-inline{justify-content:flex-start}.gantt{min-width:860px}.mobile-brief{display:block}}