:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#17383a;background:#f5f7f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{color:#17383a;background:#fff;border:1px solid #cbd8d3;border-radius:12px;padding:12px 14px;outline:none;width:100%}input:focus,select:focus,textarea:focus,button:focus-visible{outline:3px solid #91cbbf;outline-offset:2px}textarea{min-height:96px;resize:vertical}label{display:block;font-size:.85rem;font-weight:700;margin:0 0 7px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.demo-banner{position:sticky;top:0;z-index:30;background:#ffdf82;color:#463400;padding:9px 24px;display:flex;gap:14px;align-items:center;justify-content:center;font-size:.78rem;box-shadow:0 2px 8px #1d352315}.demo-banner strong{letter-spacing:.1em;white-space:nowrap}.site-header{height:82px;background:#102d30;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1280px)/2));gap:20px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#d6aa58;color:#102d30;font-family:Georgia,serif;font-weight:800;font-size:1.7rem}.brand strong{font-size:.93rem;letter-spacing:.16em}.brand small{display:block;color:#bed0c9;font-size:.73rem;margin-top:3px}.ghost{background:transparent;color:inherit;border:1px solid #ffffff70;border-radius:10px;padding:10px 14px;font-weight:700}.ghost:hover{background:#ffffff15}.page{max-width:1280px;margin:auto;padding:36px 28px 70px}.intro{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:27px}.eyebrow{font-size:.68rem;font-weight:800;letter-spacing:.2em;color:#9a7a3e;margin:0 0 9px}.intro h1{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:500;letter-spacing:-.05em;margin:0 0 9px;color:#102d30}.intro h1 em{font-weight:400;color:#b48b49}.intro p:not(.eyebrow){margin:0;color:#5f7470;max-width:670px;line-height:1.5}.intro-note{background:#e7efeb;border:1px solid #d5e5dd;padding:16px 18px;border-radius:16px;display:grid;grid-template-columns:10px auto;column-gap:10px;min-width:265px;font-size:.79rem}.intro-note .dot{background:#3c9a72;border-radius:50%;width:9px;height:9px;margin-top:4px}.intro-note span:last-child{grid-column:2;color:#61766d;margin-top:3px}.roles{display:flex;gap:8px;overflow:auto;padding-bottom:5px;margin-bottom:18px}.role-tab{border:1px solid #d6e2da;background:#fff;color:#42615c;border-radius:12px;padding:12px 17px;min-width:145px;text-align:left;font-weight:750;box-shadow:0 3px 12px #0b343008}.role-tab small{display:block;font-size:.69rem;font-weight:500;margin-top:3px}.role-tab[aria-selected=true]{background:#164c4c;color:#fff;border-color:#164c4c;box-shadow:0 7px 18px #164c4c25}.workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px;align-items:start}.card{background:#fff;border:1px solid #e1e9e3;border-radius:18px;box-shadow:0 8px 32px #0d322b0a}.sidebar{padding:21px;position:sticky;top:65px}.sidebar-head{display:flex;justify-content:space-between;align-items:center}.sidebar h2{font-family:Georgia,serif;font-size:1.35rem;margin:0 0 15px}.count{background:#e9f1ed;border-radius:99px;padding:5px 10px;font-weight:800;font-size:.8rem}.search-label{font-size:.76rem}.sidebar input{margin-bottom:9px}.sidebar select{margin-bottom:17px}.job-list{display:grid;gap:8px}.job-card{width:100%;text-align:left;background:#fff;border:1px solid #e1e8e4;padding:13px;border-radius:12px;color:#254643}.job-card:hover{border-color:#88b4a3;background:#f8fcf9}.job-card.selected{border-color:#267966;background:#f1f9f5}.job-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.job-card strong{font-size:.9rem}.job-card p{font-size:.76rem;color:#71817b;line-height:1.35;margin:7px 0 0}.tag{display:inline-block;border-radius:99px;padding:4px 8px;background:#e9f0ec;color:#285a4e;font-size:.67rem;font-weight:800;white-space:nowrap}.tag.closed{background:#edf0f0;color:#58696a}.sidebar-footer{border-top:1px solid #e6ece7;margin-top:18px;padding-top:14px;color:#81908a;font-size:.73rem;line-height:1.5}.content{min-width:0}.content>.card,.content .card{padding:25px;margin-bottom:16px}.content h2{font-family:Georgia,serif;font-size:1.7rem;font-weight:500;letter-spacing:-.025em;margin:0 0 7px}.content h3{font-size:1.02rem;margin:0 0 14px}.muted{color:#68807a;font-size:.88rem;line-height:1.5}.job-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.job-head p{margin:0}.stage-track{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:24px 0 4px}.stage{position:relative;font-size:.7rem;color:#849791;padding-top:14px;text-align:center;border-top:4px solid #dfe8e2}.stage.done{border-color:#399578;color:#276f5d;font-weight:750}.stage.current{border-color:#d0a052;color:#805d28;font-weight:800}.meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:18px}.meta{background:#f7faf7;border:1px solid #e6eee8;border-radius:12px;padding:12px}.meta small{display:block;color:#7c9087;font-size:.7rem;margin-bottom:4px}.meta strong{font-size:.85rem}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.section-title h3{margin:0}.notice{border-radius:12px;padding:13px 16px;margin-bottom:16px;background:#e2f3e9;border:1px solid #b5dfc8;color:#205a41;font-weight:700}.notice.error{background:#fff0e7;border-color:#f2c3ac;color:#8b3b22}.action-form{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field-hint{font-size:.73rem;color:#748982;margin-top:5px}.primary{background:#164c4c;border:1px solid #164c4c;color:#fff;border-radius:11px;padding:12px 18px;font-weight:750;min-height:44px}.primary:hover{background:#21635e}.secondary{background:#fff;color:#164c4c;border:1px solid #9bbdb3;border-radius:11px;padding:10px 15px;font-weight:700}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:5px}.action-hint{background:#f2f7f4;border-left:3px solid #75a58b;padding:12px 14px;color:#5d756b;border-radius:0 9px 9px 0;font-size:.85rem}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.check{display:flex;gap:9px;align-items:center;background:#f8faf8;border:1px solid #e5ece7;border-radius:10px;padding:10px;font-size:.83rem;margin:0}.check input{width:auto;accent-color:#236d5a}.timeline{position:relative;display:grid;gap:13px;padding-left:17px}.timeline:before{content:"";position:absolute;left:4px;top:5px;bottom:5px;width:2px;background:#d7e8dc}.event{position:relative}.event:before{content:"";position:absolute;left:-17px;top:5px;width:10px;height:10px;background:#4e9c7c;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #b9d4c5}.event strong{display:block;font-size:.83rem}.event small{color:#84958f;font-size:.69rem}.event p{margin:3px 0 0;color:#536d65;font-size:.8rem;line-height:1.4}.signature{border:1px dashed #90b3a6;background:#fbfdfb;border-radius:10px;width:100%;height:140px;touch-action:none}.empty{padding:20px;text-align:center;color:#779088;font-size:.84rem}.callout{background:#fff7e5;border:1px solid #ead8a7;color:#73572c;border-radius:11px;padding:12px 14px;font-size:.82rem}.icon-circle{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#dcefe5;color:#206f51;font-size:1.3rem;margin-bottom:14px}footer{text-align:center;color:#8a9b93;font-size:.75rem;padding:0 20px 32px}@media(max-width:900px){.workspace{grid-template-columns:1fr}.sidebar{position:static}.job-list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.intro-note{display:none}}@media(max-width:600px){.demo-banner{display:block;text-align:center;padding:8px 12px;font-size:.69rem}.demo-banner span{display:block;margin-top:2px}.site-header{padding:0 15px;height:68px}.brand-mark{width:36px;height:36px}.brand strong{font-size:.76rem}.brand small{font-size:.61rem}.reset{font-size:.69rem;padding:9px}.page{padding:25px 14px 45px}.intro{margin-bottom:20px}.role-tab{min-width:124px;padding:10px 12px}.content>.card,.content .card{padding:18px}.form-grid,.meta-grid,.check-grid{grid-template-columns:1fr}.stage{font-size:.57rem}.stage-track{gap:1px}.job-head{display:block}.job-head .tag{margin-top:10px}}
@media(max-width:600px){.roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.role-tab{min-width:0;width:100%}}