:root{--brand:#40528f;--brand-dark:#28396e;--brand-soft:#eef1fa;--ink:#242c40;--muted:#687086;--line:#e7eaf1;--canvas:#f6f7fb;--white:#fff;--green:#267663;--orange:#9b6c23;--radius:16px;font-family:Tahoma,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--canvas);font-size:14px;line-height:1.7;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}img{max-width:100%}svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.6;letter-spacing:-.7px;font-weight:700}h2{font-size:17px}h3{font-size:15px}small{font-size:11px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #8595d1;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:3px solid #dfe4f5;border-color:var(--brand)}.skip-link{position:fixed;top:-100px;right:20px;padding:12px;background:white;z-index:100}.skip-link:focus{top:10px}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--white);border-inline-end:1px solid var(--line);display:flex;flex-direction:column;padding:32px 18px 0}.brand{display:flex;align-items:center;gap:13px;color:var(--ink)}.brand:hover{text-decoration:none}.brand img{object-fit:contain}.brand strong{display:block;font-size:19px;line-height:1.6}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:.2px}.sidebar>.brand{margin:0 10px 38px}.navigation-disclosure{flex:1;min-height:0}.navigation-disclosure>summary{display:none}.navigation-disclosure>.sidebar-body{display:flex!important;flex-direction:column;height:100%}.nav-caption{font-size:10px;color:var(--muted);padding:0 15px;margin-bottom:14px}.main-nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;font-size:12px;color:#596177;min-height:46px}.nav-item:hover{background:#f7f8fc;text-decoration:none;color:var(--brand)}.nav-item.active{background:var(--brand-soft);color:var(--brand);font-weight:bold;box-shadow:inset -3px 0 var(--brand)}.nav-item svg{width:20px;height:20px}.nav-item small{font-size:9px;margin-inline-start:auto;white-space:nowrap;padding:0 6px;background:#f0f1f5;border-radius:4px;color:#73798a}.nav-item.unavailable{color:#858b9b;cursor:default}.nav-item.unavailable:hover{background:transparent}.workspace-note{margin:32px 10px 22px;padding:15px;background:#f8f9fc;border:1px solid var(--line);border-radius:12px}.workspace-note strong{font-size:11px;margin-inline-start:6px}.workspace-note p{font-size:10px;line-height:1.9;color:var(--muted);margin-top:5px}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:currentColor;vertical-align:middle}.workspace-note .status-dot{color:#b68736}.sidebar-account{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:20px 2px;margin-top:auto}.avatar{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border-radius:11px;background:var(--brand-soft);color:var(--brand);font-weight:bold}.account-name{min-width:0;flex:1}.account-name strong{font-size:10px;display:block;overflow-wrap:anywhere}.account-name small{font-size:9px;color:var(--muted)}.icon-button{display:grid;place-items:center;border:0;background:transparent;color:var(--muted);padding:7px;border-radius:7px}.icon-button:hover{background:var(--brand-soft);color:var(--brand)}.icon-button svg{width:18px;height:18px}.main-shell{display:flex;flex-direction:column;min-width:0}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:rgba(255,255,255,.8);border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.topbar strong{font-weight:normal;color:var(--ink)}.breadcrumb-divider{margin:0 12px;color:#b3b8c6}.topbar-date{font-size:10px}.main-content{padding:36px 40px 24px;width:100%;max-width:1560px;align-self:center;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:28px}.eyebrow{font-size:10px;color:var(--brand);display:block;margin-bottom:6px;font-weight:bold}.page-heading p{font-size:12px;color:var(--muted);margin-top:5px}.button{background:var(--brand);color:white;border:1px solid var(--brand);border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:10px 17px;font-weight:bold;font-size:11px;line-height:1.8;min-height:42px;white-space:nowrap;transition:background .15s,border-color .15s}.button:hover{background:var(--brand-dark);color:white;text-decoration:none;border-color:var(--brand-dark)}.button span[aria-hidden]{font-size:18px;line-height:1}.button.secondary{color:var(--brand);background:white;border-color:#d7deef}.button.secondary:hover{background:var(--brand-soft)}.button.small{font-size:10px;padding:7px 13px;min-height:36px}.button.danger{color:#a33e45;background:#fff5f5;border-color:#edc8cb}.foundation-banner{display:flex;align-items:center;gap:16px;padding:18px 22px;border:1px solid #dfe4f2;background:linear-gradient(105deg,#f5f6fc,#eff2fa);border-radius:var(--radius);margin-bottom:26px}.banner-symbol{font-size:27px;color:var(--brand)}.foundation-banner strong{font-size:12px;color:var(--brand-dark)}.foundation-banner p{font-size:10px;color:#627092;margin-top:2px}.foundation-banner>a{font-size:10px;margin-inline-start:auto;white-space:nowrap;font-weight:bold}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:27px}.stat-card{border:1px solid var(--line);border-radius:var(--radius);background:white;padding:20px 22px;display:flex;flex-direction:column;position:relative;overflow:hidden}.stat-label{font-size:11px;display:flex;align-items:center;gap:7px;color:var(--muted)}.stat-value{font-family:"Segoe UI",Tahoma,sans-serif;font-size:37px;font-weight:600;line-height:1.45;margin:7px 0 0;color:var(--ink)}.stat-description{font-size:9px;color:var(--muted)}.stat-card.ready .status-dot{color:var(--green)}.stat-card.running .status-dot{color:var(--brand)}.stat-card.review .status-dot{color:#ad863f}.stat-card.blocked .status-dot{color:#b86b72}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:24px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0}.panel-header{padding:22px 24px 18px;display:flex;justify-content:space-between;gap:14px;align-items:center}.panel-header .eyebrow{font-size:9px;margin-bottom:3px}.text-link{font-size:10px;font-weight:bold;white-space:nowrap}.panel-footnote{padding:13px 24px;border-top:1px solid var(--line);font-size:9px;color:var(--muted);background:#fcfcfe}.empty-state{text-align:center;padding:38px 32px 44px;max-width:440px;margin:auto}.empty-illustration{display:grid;place-items:center;width:86px;height:86px;background:#f2f4fb;border-radius:24px;margin:0 auto 20px;transform:rotate(-5deg)}.empty-illustration svg{width:57px;height:57px;stroke:var(--brand);stroke-width:1.5;transform:rotate(5deg)}.empty-state h3{font-size:17px;margin-bottom:9px}.empty-state p{font-size:11px;color:var(--muted);line-height:1.95;margin:0 auto 20px;max-width:310px}.stack{display:flex;flex-direction:column;gap:22px}.setup-list{list-style:none;margin:0;padding:0 24px 16px;display:flex;flex-direction:column;gap:14px}.setup-list li{display:flex;align-items:baseline;gap:10px;font-size:11px;line-height:1.8;color:#5d667b}.pending-ring{width:12px;height:12px;border-radius:50%;border:1.5px solid #c2cbe0;flex-shrink:0;transform:translateY(2px)}.setup-link{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:13px 24px;font-size:10px;font-weight:bold;background:#fcfcfe}.activity-symbol{color:var(--muted)}.activity-list{padding:0 24px 22px}.activity-item{display:flex;gap:12px;padding:0 0 16px;position:relative}.activity-item:last-child{padding-bottom:0}.activity-item:not(:last-child):before{content:"";position:absolute;right:3px;top:16px;bottom:0;width:1px;background:var(--line)}.activity-dot{height:7px;width:7px;border-radius:50%;background:#a3aecf;margin-top:8px;flex-shrink:0}.activity-item p{font-size:11px}.activity-item time{font-size:9px;color:var(--muted)}.compact-empty{font-size:11px;line-height:1.9}.task-row{display:flex;align-items:center;gap:12px;margin:0 24px;padding:19px 0;border-top:1px solid var(--line)}.task-marker{height:30px;width:3px;border-radius:4px;background:#d9deeb;flex-shrink:0}.task-marker.ready{background:#6ea795}.task-marker.running{background:#6b7fbd}.task-marker.review{background:#d4b068}.task-marker.blocked{background:#ce9097}.task-copy{flex:1;min-width:0}.task-copy h3{font-size:12px;overflow-wrap:anywhere}.task-copy h3 a{color:var(--ink)}.task-copy p{font-size:9px;color:var(--muted);margin-top:6px}.meta-separator{padding:0 7px}.badge{display:inline-block;font-size:9px;line-height:1.7;white-space:nowrap;background:#f0f2f7;color:#626b80;border:1px solid transparent;border-radius:6px;padding:3px 8px;vertical-align:middle}.badge.ready,.badge.done{background:#edf7f2;color:#357662}.badge.running{background:#edf1fc;color:var(--brand)}.badge.review{background:#fff7e7;color:#987028}.badge.blocked{background:#fcf0f1;color:#aa5863}.app-footer{padding:20px 40px;display:flex;justify-content:space-between;color:#8a91a2;font-size:9px}.notice{padding:14px 18px;border:1px solid #dde3f2;background:#f0f3fc;border-radius:10px;margin-bottom:20px;font-size:12px;overflow-wrap:anywhere}.notice.success{background:#eef8f2;border-color:#d4eade;color:#32654e}.notice.error{background:#fff3f3;border-color:#efd8d8;color:#993d46}.notice ul{margin:5px 0 0;padding-inline-start:20px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field label{font-size:12px;font-weight:bold}.field input,.field select,.field textarea,.input,.select,.textarea{background:#fff;width:100%;border:1px solid #dce1eb;border-radius:9px;padding:11px 13px;color:var(--ink);min-height:44px;transition:border-color .15s}.field input::placeholder,.input::placeholder{color:#a3a8b4}.field small{color:var(--muted);font-size:10px}.field textarea,.textarea{min-height:110px;resize:vertical}.field [aria-invalid=true]{border-color:#b96f75}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.form-grid .full-width{grid-column:1/-1}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#5d6579;cursor:pointer}.checkbox-label input{accent-color:var(--brand);width:15px;height:15px;margin:0}.muted{color:var(--muted)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.section-title{font-size:18px;margin-bottom:17px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{border-collapse:collapse;width:100%;text-align:start;font-size:11px}.data-table th{font-size:10px;font-weight:bold;color:var(--muted);background:#f8f9fc;white-space:nowrap}.data-table th,.data-table td{padding:15px 20px;text-align:start;border-bottom:1px solid var(--line)}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfcfe}.inline-form{display:inline-flex;gap:9px;align-items:center;flex-wrap:wrap}.panel-body{padding:24px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.login-body{background:#fafbfe}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;max-width:1800px;margin:auto}.login-form-side{padding:44px 70px 28px;display:flex;flex-direction:column;min-width:0}.login-form-side>.brand{max-width:420px;width:100%;margin:0 auto}.login-form-content{max-width:390px;width:100%;margin:auto;padding:70px 0}.login-form-content h1{font-size:34px;letter-spacing:-1px;margin:6px 0 10px}.login-intro{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:34px}.login-form-content .stack{gap:20px}.login-form-content .field input{height:49px}.login-submit{width:100%;height:49px;justify-content:space-between;margin-top:5px;font-size:12px}.login-help{font-size:10px;color:var(--muted);line-height:1.9;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.login-footer{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#8a91a2;max-width:420px;width:100%;margin:0 auto}.login-footer span{direction:ltr}.login-story{background:linear-gradient(140deg,#485b9c 0%,#3b4d87 48%,#2c3d73 100%);color:white;margin:20px;border-radius:22px;padding:46px 52px;position:relative;overflow:hidden;display:flex;flex-direction:column}.login-story:before,.login-story:after{content:"";position:absolute;border:1px solid #ffffff0c;border-radius:50%;width:640px;height:640px;left:-320px;top:12%;pointer-events:none}.login-story:after{width:830px;height:830px;left:-415px;top:1%}.story-kicker{font-size:10px;color:#e1e6f8;display:flex;align-items:center;gap:9px;position:relative}.story-kicker .status-dot{color:#b9c6f3}.story-content{position:relative;margin:auto 0;padding:60px 0;z-index:1}.story-rule{display:block;width:37px;height:3px;background:#9baedb;border-radius:2px;margin-bottom:30px}.story-content h2{font-size:48px;line-height:1.6;letter-spacing:-1.3px;font-weight:700}.story-content>p{font-size:13px;line-height:2.1;color:#d3dcf4;max-width:295px;margin-top:23px}.story-steps{display:flex;gap:25px;margin-top:48px;padding-top:25px;border-top:1px solid #ffffff22}.story-steps>div{flex:1;display:flex;flex-direction:column;gap:9px}.story-steps span{font-size:10px;color:#acbbdf;font-family:"Segoe UI",sans-serif;direction:ltr;text-align:right}.story-steps strong{font-size:10px;font-weight:normal;white-space:nowrap}.story-bottom{position:relative;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:9px;color:#c5d0ec}.foundation-label{padding:4px 10px;border:1px solid #ffffff30;border-radius:20px;white-space:nowrap}
@media(min-width:1500px){.main-content{padding:42px 54px}.dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}.topbar,.app-footer{padding-inline:54px}}
@media(max-width:1180px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding-inline:12px}.main-content{padding:28px 26px}.topbar,.app-footer{padding-inline:26px}.stats-grid{gap:12px}.stat-card{padding:17px}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(245px,1fr);gap:18px}.foundation-banner{gap:12px;padding:15px}.panel-header{padding:20px}.setup-list,.activity-list{padding-inline:20px}.page-heading h1{font-size:24px}.login-form-side{padding:36px 42px 26px}.login-story{padding:38px}.story-content h2{font-size:41px}.story-steps{gap:15px}}
@media(max-width:980px){.dashboard-grid{grid-template-columns:1fr}.dashboard-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dashboard-side>.panel:only-child{grid-column:1/-1}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{align-items:flex-start}.page-heading>.button{margin-top:13px;gap:10px;font-size:10px}.foundation-banner>a{display:none}.login-form-side{padding-inline:32px}.login-story{padding:32px;margin:14px}.story-content h2{font-size:35px}.story-steps{flex-direction:column;gap:15px;margin-top:30px}.story-steps>div{flex-direction:row;gap:12px}.story-content{padding:40px 0}.story-bottom{flex-wrap:wrap}.grid-2{grid-template-columns:1fr}}
@media(max-width:760px){.app-shell{display:block}.sidebar{height:auto;position:relative;padding:16px 20px;background:white;border-inline-end:0;border-bottom:1px solid var(--line)}.sidebar>.brand{margin:0;gap:10px;width:fit-content}.sidebar>.brand img{width:34px;height:38px}.sidebar>.brand strong{font-size:16px}.sidebar>.brand small{font-size:9px}.navigation-disclosure{position:static}.navigation-disclosure>summary{display:flex;align-items:center;gap:9px;font-size:10px;position:absolute;top:24px;left:20px;padding:6px 10px;border:1px solid var(--line);border-radius:7px;cursor:pointer;list-style:none}.navigation-disclosure>summary::-webkit-details-marker{display:none}.navigation-disclosure>summary span{font-size:15px;line-height:1}.navigation-disclosure:not([open])>.sidebar-body{display:none!important}.navigation-disclosure[open]>.sidebar-body{padding-top:26px}.main-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nav-caption{display:none}.nav-item{font-size:11px;padding:10px}.workspace-note{margin:18px 0}.sidebar-account{padding:15px 0 0}.account-name strong{font-size:12px}.topbar{height:52px;padding:0 20px;font-size:10px}.topbar-date{font-size:9px}.main-content{padding:24px 20px}.page-heading h1{font-size:23px}.page-heading{gap:14px;flex-wrap:wrap;margin-bottom:22px}.page-heading p{font-size:11px}.page-heading>.button{margin-top:0}.foundation-banner{margin-bottom:20px}.foundation-banner strong{font-size:11px}.foundation-banner p{font-size:10px;line-height:1.8}.stats-grid{gap:12px;margin-bottom:22px}.stat-card{padding:17px 19px}.stat-value{font-size:33px}.dashboard-side{display:flex;flex-direction:column}.panel-header{padding:20px}.panel-header h2{font-size:16px}.task-row{margin-inline:20px;gap:10px;flex-wrap:wrap}.task-copy{min-width:65%}.task-row>.badge{margin-inline-start:13px}.app-footer{padding:16px 20px;font-size:8px}.form-grid{grid-template-columns:1fr}.data-table th,.data-table td{padding:12px 15px}.login-shell{grid-template-columns:1fr;min-height:100svh}.login-story{display:none}.login-form-side{padding:30px 26px 22px;min-height:100svh}.login-form-content{padding:50px 0}.login-form-content h1{font-size:31px}.login-footer{font-size:8px}.empty-state{padding:32px 24px 38px}.panel-body{padding:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Shared content spacing for the operational pages. */
.main-content > .panel + .panel { margin-top: 22px; }
.panel > h2, .panel > h3, .panel > p, .panel > ul, .panel > form { margin: 20px 24px; }
.panel > h2 { margin-bottom: 10px; }
.panel > h3 { font-size: 13px; margin-bottom: 12px; }
.panel > p, .panel > ul { font-size: 12px; }
.panel > form > .button { margin-top: 18px; }
.page-heading > p { max-width: 560px; }
@media (max-width: 760px) {
    .panel > h2, .panel > h3, .panel > p, .panel > ul, .panel > form { margin-inline: 20px; }
}
@media (min-width: 761px) {
    .navigation-disclosure::details-content { content-visibility: visible; }
}
