:root{font-family:"Pretendard","Malgun Gothic",system-ui,sans-serif;color:#14213d;background:#f3f7fc}*{box-sizing:border-box}body{margin:0;background:linear-gradient(140deg,#f9fcff,#edf4fc)}button,input,textarea{font:inherit}button{cursor:pointer}.shell{width:min(1050px,calc(100% - 28px));margin:auto;padding:30px 0}.hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:32px;border-radius:24px;color:#fff;background:radial-gradient(circle at 100% 0,#4d86f7,#2262ce 34%,#143d8b);box-shadow:0 20px 50px #1e4f9b24}.hero p{color:#dce9ff;line-height:1.6}.hero .eyebrow{color:#c4d9ff}.eyebrow{margin:0 0 8px;color:#2868d4;font-size:11px;font-weight:800;letter-spacing:.16em}h1{margin:0 0 10px;font-size:clamp(27px,4vw,42px);letter-spacing:-.05em}h2{margin:0;font-size:26px;letter-spacing:-.05em}.badge{padding:8px 12px;border:1px solid #ffffff40;border-radius:999px;background:#ffffff18;white-space:nowrap;font-size:12px}.hidden{display:none!important}.notice{margin-top:16px;padding:13px 16px;border:1px solid #efd078;border-radius:12px;color:#725000;background:#fff8df}.notice.error{border-color:#e9a2a2;color:#8b1e1e;background:#fff0f0}.view{margin-top:24px}.title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 4px 14px}.muted{color:#73819a;font-size:13px}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.choice{display:grid;gap:11px;min-height:160px;padding:26px;text-align:left;border:1px solid #d9e2f0;border-radius:18px;background:#fff;box-shadow:0 10px 26px #193f7412}.choice:hover{border-color:#6f9de9;transform:translateY(-2px)}.choice b{font-size:19px}.choice span{color:#6d7b93;line-height:1.55}.panel{padding:24px;border:1px solid #dae4f1;border-radius:18px;background:#fff;box-shadow:0 12px 30px #214b8310}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}label{display:grid;gap:7px;color:#52627d;font-size:13px;font-weight:700}small{font-weight:400;color:#8793a7}input,textarea{width:100%;padding:11px 12px;border:1px solid #cbd7e8;border-radius:9px;outline:0;color:#172744;background:#fbfdff}textarea{resize:vertical;line-height:1.55}input:focus,textarea:focus{border-color:#3675dc;box-shadow:0 0 0 3px #3675dc18}.full{grid-column:1/-1}.actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.primary,.secondary{padding:11px 17px;border:0;border-radius:9px;color:#fff;font-weight:800}.primary{background:#2468d7}.secondary{background:#173b7b}.link{padding:6px 0;border:0;color:#2867ce;background:transparent;font-weight:700}.inline{display:flex;align-items:end;gap:13px}.inline label{flex:1}.result{margin-top:16px;padding:21px;border:1px solid #b9d0f7;border-radius:18px;background:#f8fbff}.result h3{margin:0 0 6px}.share{display:grid;gap:7px;margin-top:14px}.share-row{display:flex;gap:7px;align-items:center}.share-row code{flex:1;overflow:auto;padding:9px;border:1px solid #d4dfef;border-radius:8px;background:#fff;color:#274d8e;white-space:nowrap}.copy{padding:8px 10px;border:1px solid #bed0eb;border-radius:8px;color:#275aaf;background:white;font-size:12px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:17px 0}.stat{padding:12px;border:1px solid #e0e8f3;border-radius:10px;background:#fff}.stat b{display:block;color:#245db9;font-size:22px}.stat span{color:#75849c;font-size:11px}.people{display:grid;gap:8px}.person{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #e1e8f2;border-radius:10px;background:#fff}.person small{display:block;margin-top:3px}.status{padding:5px 8px;border-radius:999px;background:#edf1f6;color:#52627d;font-size:11px;font-weight:800}.status.working{color:#76500c;background:#fff1c8}.status.submitted{color:#126244;background:#dff5e9}.participant-card{display:grid;gap:16px}.participant-card h3{margin:0 0 5px}.upload{padding:24px;text-align:center;border:1px dashed #99b8ec;border-radius:13px;color:#5e7090;background:#f8fbff}.upload input{margin-top:10px;padding:8px;background:#fff}.files{display:grid;gap:7px}.file{display:flex;justify-content:space-between;padding:10px 12px;border-radius:8px;color:#53627b;background:#f3f6fa;font-size:13px}footer{margin-top:26px;text-align:center;color:#8b98ab;font-size:12px}@media(max-width:700px){.shell{width:calc(100% - 18px);padding-top:12px}.hero{display:block;padding:25px 21px}.badge{display:inline-block;margin-top:16px}.choices,.grid{grid-template-columns:1fr}.full{grid-column:auto}.title,.inline{display:block}.inline .secondary{width:100%;margin-top:11px}.stats{grid-template-columns:repeat(2,1fr)}}
/* Workspace refresh: shared visual language for participant and manager screens. */
:root{--ink:#14213d;--blue:#2468d7;--navy:#173b7b;--line:#d9e4f2;--soft:#f5f8fd;--shadow:0 16px 38px rgba(29,72,133,.10)}
body{background:radial-gradient(circle at 5% 0,#fff 0,transparent 32%),linear-gradient(145deg,#f8fbff 0%,#edf4fc 100%)}
.shell{width:min(1120px,calc(100% - 32px));padding:34px 0 28px}
.hero{position:relative;overflow:hidden;padding:34px 38px;border-radius:28px;box-shadow:0 24px 58px rgba(24,69,143,.20)}
.hero:after{content:"";position:absolute;width:240px;height:240px;right:-72px;bottom:-100px;border:1px solid #ffffff35;border-radius:50%;box-shadow:0 0 0 24px #ffffff0d,0 0 0 48px #ffffff0a;pointer-events:none}
.hero h1{font-size:clamp(29px,4vw,44px)}
.view{margin-top:30px}.title{margin:0 5px 18px;align-items:center}.title h2{font-size:29px;color:#142b50}.title .eyebrow{margin-bottom:7px}.title .link{padding:9px 13px;border:1px solid #c7d8ef;border-radius:9px;background:#fff;box-shadow:0 5px 14px #214b8310}
.panel{padding:26px;border-color:#d5e1f0;border-radius:20px;box-shadow:var(--shadow)}.grid{gap:18px}label{color:#3f5575}input,textarea{padding:12px 13px;border-color:#c9d8eb;border-radius:10px;background:#fcfdff}.primary,.secondary{padding:12px 18px;border-radius:10px;box-shadow:0 6px 14px rgba(28,76,157,.14)}.primary{background:linear-gradient(135deg,#2b74e4,#205ac0)}.secondary{background:linear-gradient(135deg,#21488e,#17356d)}
.choices{gap:18px}.choice{position:relative;overflow:hidden;min-height:178px;padding:28px;border-radius:20px;box-shadow:var(--shadow)}.choice:after{content:"";position:absolute;right:-22px;bottom:-35px;width:120px;height:120px;border:1px solid #dce8f8;border-radius:50%;box-shadow:0 0 0 16px #eef5ff}.choice b,.choice span{position:relative;z-index:1}.choice b{font-size:20px;color:#173b70}
.result{margin-top:18px;padding:24px;border-color:#c5d8f5;border-radius:20px;background:linear-gradient(180deg,#fbfdff,#f4f8fe);box-shadow:var(--shadow)}.result h3{font-size:20px;color:#183c70}.stats{gap:10px;margin:20px 0}.stat{padding:14px;border-color:#dbe6f2;border-radius:12px;box-shadow:0 5px 14px #214b8308}.stat b{font-size:24px}.people{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.person{align-items:flex-start;min-height:120px;padding:15px;border-color:#dbe5f1;border-radius:13px;box-shadow:0 6px 16px #214b8308}.person-main>b{display:inline-block;color:#1b3965;font-size:16px}.person-main>small{margin-left:7px;color:#8090a7}.case-list{gap:6px}.case-item{border-left-width:4px;border-radius:0 6px 6px 0;background:#f5f8fd}.person-side{min-width:64px}.result>.actions{padding-top:14px;border-top:1px solid #dce6f2}
.participant-card{gap:18px;padding:24px;border-color:#cbdcf1;background:linear-gradient(180deg,#fff,#f8fbff)}.participant-card>div:first-child{padding-bottom:4px}.participant-card h3{font-size:21px;color:#183d72}.participant-card label{padding:12px 14px;border:1px solid #dce7f3;border-radius:12px;background:#fff}.participant-card select{width:100%;margin-top:7px;padding:11px 12px;border:1px solid #c7d7eb;border-radius:9px;color:#18365f;background:#fbfdff;font:inherit}#participant-result{margin-top:18px}#participant .inline{padding:18px 20px;border-radius:16px;background:#fff;box-shadow:0 10px 24px #214b8309}#participant .inline .secondary{min-width:106px}
#manager-result .fare-settings-summary{margin-top:0}#manager-result .review-panel{margin-top:22px;padding:19px 0 0;border-top-color:#cfddec}#manager-result .review-person{border-color:#d7e3f1;box-shadow:0 5px 14px #214b8308}#manager-result #generate-hwpx{box-shadow:0 8px 18px #2468d733}footer{margin-top:34px}
@media(max-width:820px){.people{grid-template-columns:1fr}.hero{padding:30px 27px}}@media(max-width:700px){.shell{width:calc(100% - 18px);padding-top:14px}.hero{padding:26px 21px;border-radius:22px}.view{margin-top:24px}.title h2{font-size:25px}.panel{padding:18px}.participant-card{padding:18px}.participant-card label{padding:11px}.result{padding:17px}.person{min-height:0}.choice{min-height:145px;padding:22px}}