:root{--font-family-sans:Arial, "Liberation Sans", sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-hero:44px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.15;--line-height-copy:1.45;--color-canvas:#fff;--color-surface:#fff;--color-surface-subtle:#f7f8fa;--color-surface-active:#eef4ff;--color-text:#111827;--color-text-soft:#667085;--color-text-icon:#526076;--color-border:#e1e5ea;--color-border-strong:#d5dae2;--color-primary:#0867f9;--color-primary-hover:#0059e8;--color-primary-soft:#eaf2ff;--color-primary-contrast:#fff;--color-disabled-surface:#e4e7ec;--color-disabled-text:#475467;--color-disabled-border:#cbd2dc;--color-focus:#1d70ff;--color-danger:#b42318;--color-danger-soft:#fff5f4;--color-success:#287d3c;--color-success-soft:#eef9ef;--color-warning:#9a4f00;--color-warning-soft:#fff5e8;--color-neutral-soft:#f1f3f5;--color-neutral:#596273;--color-avatar-blue-start:#6684ff;--color-avatar-blue-end:#7183f2;--color-avatar-green-start:#79c86f;--color-avatar-green-end:#69c261;--color-workflow-purple:#8b5cf6;--color-workflow-purple-soft:#f5efff;--color-workflow-green:#39bd7b;--color-workflow-green-soft:#edf9f1;--color-workflow-orange:#f59e0b;--color-workflow-orange-soft:#fff5e8;--color-workflow-sky:#1788ff;--color-workflow-sky-soft:#edf7ff;--color-illustration:#2878ff;--color-illustration-brand-end:#2459ce;--color-not-found-copy:#56698f;--color-not-found-rule:#9aa8c1;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-12:48px;--space-content-left:51px;--space-content-right:43px;--space-content-compact-left:41px;--space-content-compact-right:39px;--space-content-compact-top:28px;--space-compact-brand-left:18px;--space-compact-nav-right:7px;--space-not-found-compact-offset:-15px;--space-page-gap:26px;--space-page-action-offset:1px;--space-workflow-gap:17px;--space-workflow-offset:19px;--radius-sm:6px;--radius-md:9px;--radius-lg:12px;--radius-xl:18px;--radius-round:999px;--size-sidebar:304px;--size-sidebar-compact:270px;--size-header:80px;--size-header-compact:74px;--size-account-compact:168px;--size-content:1192px;--size-action:48px;--size-icon-action:44px;--size-avatar:90px;--size-avatar-large:176px;--shadow-card:0 1px 3px #1018280d;--shadow-action:0 5px 12px #0867f929}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{background:var(--color-canvas);min-width:320px;min-height:100vh;color:var(--color-text);font-family:var(--font-family-sans);font-size:var(--font-size-md);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3,p,dl,dd{margin:0}h1,h2,h3{line-height:var(--line-height-tight)}.app-shell{grid-template-columns:var(--size-sidebar) minmax(0, 1fr);min-height:100vh;display:grid}.app-sidebar{border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;height:100vh;min-height:720px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-3);min-height:48px;margin:var(--space-6) 22px 33px;display:flex}.brand-mark{border-radius:var(--radius-lg);background:linear-gradient(145deg, var(--color-illustration), var(--color-illustration-brand-end));width:48px;height:48px;color:var(--color-primary-contrast);box-shadow:var(--shadow-action);flex:0 0 48px;place-items:center;display:inline-grid}.brand-text{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);white-space:nowrap}.app-navigation{gap:var(--space-2);padding:0 var(--space-3);display:grid}.app-navigation__item{align-items:center;gap:var(--space-5);border-radius:var(--radius-md);min-height:54px;color:var(--color-text);cursor:default;padding:0 var(--space-5);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);display:flex}a.app-navigation__item{cursor:pointer}.app-navigation__item svg{color:var(--color-text-icon);stroke-width:1.8px}.app-navigation__item--active{background:var(--color-surface-active);color:var(--color-primary)}.app-navigation__item--active svg{color:var(--color-primary)}.app-navigation__separator{height:1px;margin:var(--space-2) var(--space-4);background:var(--color-border)}.account-panel{align-items:center;gap:var(--space-4);border-top:1px solid var(--color-border);grid-template-columns:60px minmax(0,1fr) auto;min-height:138px;margin-top:auto;padding:30px 26px;display:grid}.account-panel__avatar{background:var(--color-neutral-soft);width:60px;height:60px;color:var(--color-text-icon);font-size:var(--font-size-xl);border-radius:50%;place-items:center;display:grid}.account-panel__copy{gap:var(--space-1);min-width:0;display:grid}.account-panel__copy strong{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);white-space:nowrap}.account-panel__copy span{color:var(--color-text-soft);font-size:var(--font-size-sm);white-space:nowrap}.account-panel>svg{color:var(--color-text-icon)}.app-workspace{min-width:0}.app-header{height:var(--size-header);border-bottom:1px solid var(--color-border);padding:0 var(--space-5);justify-content:flex-end;align-items:center;display:flex}.app-header__actions{gap:var(--space-3);display:flex}.app-content{width:100%;min-width:0;padding:var(--space-5) var(--space-content-right) var(--space-12) var(--space-content-left)}.base-action{min-height:var(--size-action);justify-content:center;align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);cursor:pointer;padding:0 var(--space-5);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);white-space:nowrap;border:1px solid #0000;line-height:1;display:inline-flex}.base-action--primary{background:var(--color-primary);color:var(--color-primary-contrast);box-shadow:var(--shadow-action)}.base-action--outline{border-color:var(--color-primary);background:var(--color-surface);color:var(--color-primary)}.base-action--quiet{border-color:var(--color-border);background:var(--color-surface-subtle);color:var(--color-text)}.base-action--icon{width:var(--size-icon-action);min-width:var(--size-icon-action);min-height:var(--size-icon-action);padding:0}.base-action:disabled{border-color:var(--color-disabled-border);background:var(--color-disabled-surface);color:var(--color-disabled-text);cursor:default;opacity:1;box-shadow:none}.page-focus-target:focus{outline:none}.app-header .base-action{border:0;border-radius:50%}.projects-page,.project-detail-page,.not-found-page{width:min(100%, var(--size-content))}.projects-page{gap:var(--space-page-gap);padding-top:23px;display:grid}.page-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-6);display:flex}.page-heading h1{font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);letter-spacing:-1.2px}.page-heading p{margin-top:var(--space-3);color:var(--color-text-soft);font-size:var(--font-size-lg);line-height:var(--line-height-copy)}.page-heading .base-action{min-width:190px;margin-top:var(--space-page-action-offset)}.project-list{gap:var(--space-7);display:grid}.project-card{grid-template-columns:var(--size-avatar) 266px 299px 118px minmax(0, 1fr) 216px;align-items:start;gap:var(--space-7);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:183px;box-shadow:var(--shadow-card);padding:var(--space-6);display:grid}.project-card>*,.project-card__identity,.project-card__status,.project-card__dates,.project-card__actions{min-width:0}.project-avatar{width:var(--size-avatar);height:var(--size-avatar);flex:0 0 var(--size-avatar);border-radius:var(--radius-md);color:var(--color-primary-contrast);place-items:center;display:inline-grid}.project-avatar--active,.project-avatar--archived{background:linear-gradient(145deg, var(--color-avatar-blue-start), var(--color-avatar-blue-end))}.project-avatar--draft{background:linear-gradient(145deg, var(--color-avatar-green-start), var(--color-avatar-green-end))}.project-avatar--large{width:var(--size-avatar-large);height:var(--size-avatar-large);border-radius:var(--radius-xl)}.project-card__identity{align-content:center;gap:var(--space-2);padding-top:2px;display:grid}.project-card__identity h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);overflow-wrap:anywhere}.project-card__display-name{color:var(--color-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);overflow-wrap:anywhere}.project-card__metadata{align-items:flex-start;gap:var(--space-2);color:var(--color-text-soft);font-size:var(--font-size-sm);overflow-wrap:anywhere;display:flex}.project-card__metadata svg{flex:none}.project-card__status{align-self:start;gap:var(--space-7);flex-direction:column;padding-top:13px;display:flex}.status-badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);width:fit-content;min-height:40px;padding:0 var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;display:inline-flex}.status-badge__dot{width:var(--space-2);height:var(--space-2);background:currentColor;border-radius:50%}.status-badge[data-status=active]{background:var(--color-success-soft);color:var(--color-success)}.status-badge[data-status=draft]{background:var(--color-warning-soft);color:var(--color-warning)}.status-badge[data-status=archived]{background:var(--color-neutral-soft);color:var(--color-neutral)}.project-feature-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.project-feature-chips span{border-radius:var(--radius-sm);background:var(--color-surface-subtle);min-height:32px;color:var(--color-text-icon);font-size:var(--font-size-xs);align-items:center;gap:6px;padding:0 9px;display:inline-flex}.project-card__dates{gap:var(--space-5);padding-top:7px;display:grid}.project-card__dates div{gap:var(--space-2);display:grid}.project-card__dates dt{color:var(--color-text-soft);font-size:var(--font-size-sm)}.project-card__dates dd{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.project-card__actions{justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap;grid-column:6;align-self:center;display:flex;transform:translateY(19px)}.project-card__actions .base-action--outline{min-width:158px}.project-detail-page{gap:var(--space-6);display:grid}.back-link{align-items:center;gap:var(--space-3);width:fit-content;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:inline-flex}.breadcrumbs{align-items:center;gap:var(--space-4);color:var(--color-text-soft);font-size:var(--font-size-sm);display:flex}.breadcrumbs__link{color:var(--color-primary)}.project-detail-page>.breadcrumbs{margin-top:-2px}.project-detail-page>.breadcrumbs,.project-detail-page>.project-detail-card,.project-detail-page>.project-workflow,.project-detail-page>.state-message{width:calc(100% + var(--space-1));transform:translateX(calc(var(--space-1) * -1))}.project-detail-card{grid-template-columns:var(--size-avatar-large) minmax(0, 1fr);align-items:start;column-gap:var(--space-8);row-gap:var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);min-height:426px;box-shadow:var(--shadow-card);padding:var(--space-8) var(--space-8) var(--space-2);grid-template-rows:auto auto;display:grid}.project-detail-card>.project-avatar{grid-row:1/span 2}.project-detail-card__headline{align-items:start;gap:var(--space-6);grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.project-detail-card__identity{align-items:center;gap:var(--space-6);flex-wrap:wrap;min-width:0;display:flex}.project-detail-card__identity h1{min-width:0;max-width:100%;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);overflow-wrap:anywhere;white-space:normal}.project-detail-card__identity .status-badge{flex:none;min-height:38px}.project-detail-card__actions{justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.project-detail-card__actions .base-action{min-height:40px;padding:0 var(--space-4);font-size:var(--font-size-sm)}.project-detail-card__actions .base-action--icon{width:40px;min-width:40px;padding:0}.project-detail-card__fields{grid-template-columns:minmax(0,335px) minmax(0,363px);align-self:start;gap:77px;min-width:0;display:grid}.project-detail-card__column{align-content:start;min-width:0;display:grid}.project-detail-card__column:first-child .data-row:not(:last-child){min-height:79px}.project-detail-card__column:first-child .data-row:last-child{min-height:51px}.project-detail-card__column:last-child .data-row:first-child{min-height:123px}.project-detail-card__column:last-child .data-row:nth-child(2){min-height:94px}.project-detail-card__column:last-child .data-row:last-child{min-height:71px}.data-row{align-content:start;gap:var(--space-2);border-bottom:1px solid var(--color-border);min-width:0;min-height:0;padding:0 0 var(--space-3);display:grid}.data-row+.data-row{padding-top:0}.data-row--multiline{min-height:0}.data-row:last-child{border-bottom:0}.data-row dt{min-width:0;color:var(--color-text-soft);font-size:var(--font-size-sm);overflow-wrap:anywhere}.data-row dd{min-width:0;max-width:100%;font-size:var(--font-size-md);line-height:var(--line-height-copy);overflow-wrap:anywhere;white-space:normal}.data-row__value--accent{color:var(--color-primary);font-weight:var(--font-weight-medium)}.project-workflow{gap:var(--space-workflow-gap);margin-top:var(--space-workflow-offset);display:grid}.project-workflow h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.project-workflow__grid{gap:var(--space-4);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.project-workflow-card{align-content:start;justify-items:start;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);cursor:default;min-height:255px;padding:var(--space-7) var(--space-6) var(--space-6);text-align:left;opacity:1;display:grid}.project-workflow-card__icon{border-radius:var(--radius-lg);background:var(--color-primary-soft);width:66px;height:66px;color:var(--color-primary);margin-bottom:var(--space-2);place-items:center;display:grid}.project-workflow-card__icon[data-tone=purple]{background:var(--color-workflow-purple-soft);color:var(--color-workflow-purple)}.project-workflow-card__icon[data-tone=green]{background:var(--color-workflow-green-soft);color:var(--color-workflow-green)}.project-workflow-card__icon[data-tone=orange]{background:var(--color-workflow-orange-soft);color:var(--color-workflow-orange)}.project-workflow-card__icon[data-tone=sky]{background:var(--color-workflow-sky-soft);color:var(--color-workflow-sky)}.project-workflow-card strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.project-workflow-card__body{min-height:46px;color:var(--color-text-soft);font-size:var(--font-size-sm);line-height:var(--line-height-copy)}.project-workflow-card>svg{color:var(--color-text-icon);margin-top:auto}.state-message{justify-items:start;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);padding:var(--space-7);display:grid}.state-message :is(h1,h2){font-size:var(--font-size-2xl)}.state-message>p{color:var(--color-text-soft);line-height:var(--line-height-copy)}.state-message--danger{border-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger)}.state-message__actions{margin-top:var(--space-2)}.spin{animation:1s linear infinite spin}.not-found-page{align-content:start;gap:var(--space-6);min-height:825px;padding-top:var(--space-1);display:grid}.not-found-message{align-content:start;justify-self:center;justify-items:center;gap:var(--space-4);width:690px;height:620px;min-height:620px;padding:232px 70px var(--space-10);text-align:center;margin-top:220px;position:relative}.not-found-message :is(h1,h2){letter-spacing:-.8px;font-size:40px}.not-found-message>p{max-width:460px;color:var(--color-not-found-copy);font-size:var(--font-size-lg);line-height:1.55}.not-found-illustration{width:600px;height:auto;display:block;position:absolute;top:-177px;left:50%;transform:translate(-50%)}.not-found-message__rule{width:62px;height:2px;margin-top:var(--space-1);background:var(--color-not-found-rule)}.not-found-message .not-found-message__reassurance{max-width:520px;font-size:var(--font-size-md);line-height:1.65}.not-found-message .state-message__actions{margin-top:25px}.not-found-message .base-action{justify-content:flex-start;gap:var(--space-5);min-width:290px;min-height:66px;padding-left:var(--space-8);font-size:var(--font-size-lg)}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=821px) and (width<=1500px){.app-shell{grid-template-columns:var(--size-sidebar-compact) minmax(0, 1fr)}.brand{margin-right:var(--space-5);margin-left:var(--space-compact-brand-left)}.app-navigation{margin-right:var(--space-compact-nav-right)}.account-panel{min-height:var(--size-account-compact)}.app-header{height:var(--size-header-compact)}.app-content{padding-top:var(--space-content-compact-top);padding-right:var(--space-content-compact-right);padding-left:var(--space-content-compact-left)}.project-card{grid-template-columns:var(--size-avatar) 255px 280px 100px minmax(0, 1fr) 216px;gap:var(--space-4)}.not-found-message{transform:translateX(var(--space-not-found-compact-offset))}}@media (width<=1180px){.app-shell{grid-template-columns:250px minmax(0,1fr)}.app-content{padding-right:var(--space-6);padding-left:var(--space-6)}.project-card{grid-template-columns:var(--size-avatar) minmax(220px, 1fr) 1fr}.project-card__dates,.project-card__actions{grid-column:2/span 2}.project-card__dates{grid-template-columns:repeat(2,1fr)}.project-detail-card__headline{grid-template-columns:1fr;align-items:flex-start}.project-detail-card{height:auto}.project-detail-card__actions{justify-content:flex-start;width:100%}.project-detail-card__fields{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}.project-detail-card__column{align-content:start}.data-row{min-height:74px}.project-workflow__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=820px){.app-shell{grid-template-columns:1fr}.app-sidebar{border-right:0;border-bottom:1px solid var(--color-border);height:auto;min-height:auto;position:static}.brand{margin-bottom:var(--space-4)}.app-navigation{padding-bottom:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.app-navigation__separator,.account-panel,.app-header{display:none}.projects-page{padding-top:0}.page-heading{flex-direction:column}.project-card{grid-template-columns:var(--size-avatar) minmax(0, 1fr)}.project-card__status,.project-card__dates,.project-card__actions{grid-column:1/-1}.project-card__status{align-self:auto}.project-card__actions{justify-content:flex-start}.project-detail-card{grid-template-columns:1fr}.project-detail-card>.project-avatar{grid-row:auto}.project-detail-card__fields{gap:var(--space-6);grid-template-columns:1fr}.project-workflow__grid{grid-template-columns:1fr}.not-found-page{min-height:auto}.not-found-message{width:100%;height:auto;padding-right:var(--space-6);padding-left:var(--space-6);margin-top:155px}.not-found-illustration{width:min(520px,92vw)}}@media (width<=520px){.app-content{padding:var(--space-5) var(--space-4) var(--space-8)}.brand-text{font-size:var(--font-size-lg)}.app-navigation__item{gap:var(--space-3);padding:0 var(--space-3)}.page-heading h1{font-size:36px}.page-heading .base-action,.project-card__actions .base-action--outline,.not-found-message .base-action{width:100%;min-width:0}.project-card{grid-template-columns:1fr}.project-card__identity,.project-card__status,.project-card__dates,.project-card__actions{grid-column:1}.project-detail-card{padding:var(--space-5)}.project-detail-card__headline,.project-detail-card__actions{align-items:stretch}.project-detail-card__identity,.project-detail-card__actions{flex-direction:column}.project-detail-card__identity h1{white-space:normal}.not-found-message{min-height:610px;padding-top:190px}.not-found-message :is(h1,h2){font-size:var(--font-size-3xl)}}