:root{font-family:Inter,ui-sans-serif,system-ui,Arial,sans-serif;color:#142d35;background:#eef3f3}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.layout{display:flex;min-height:100vh}nav{background:#102f39;width:240px;min-width:240px;padding:28px 17px;display:flex;flex-direction:column;gap:8px;color:#e5f0f2}nav button{color:#c7dce0;background:transparent;border:0;text-align:left;padding:14px 16px;border-radius:9px}nav button.on{color:#fff;background:#236677;font-weight:800}.logo{display:flex;align-items:center;gap:14px;margin:5px 12px 55px}.logo span{border:2px solid #d28b30;padding:12px;color:#fff;border-radius:9px}.logo b{letter-spacing:.05em;font-size:22px}.overline{font-size:11px;color:#25778a;letter-spacing:.12em;font-weight:800}nav .overline{color:#9abbc5;margin:0 10px 10px}.spacer{flex:1}.content{width:100%;padding:54px clamp(22px,5vw,80px);max-width:1600px}h1{font-size:38px;letter-spacing:-.04em;margin:11px 0}header p{color:#6f8590}.statrow{display:flex;gap:18px;margin:33px 0}.statrow article{background:#fff;padding:28px;border:1px solid #dbe5e5;border-radius:12px;min-width:185px;flex:1}.statrow strong{font-size:46px;display:block;color:#0e4a5a;margin-top:12px}.statrow small{color:#758e97}.content section{background:#fff;border:1px solid #dbe5e5;border-radius:12px;overflow:hidden}.content section h2{padding:27px;margin:0;font-size:21px;border-bottom:1px solid #e2eaea}.content .empty{padding:65px;text-align:center;color:#82969c}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:17px 25px;border-bottom:1px solid #e7eded;white-space:nowrap}th{font-size:12px;color:#667e86;background:#f9fbfb}.chip{background:#e0f0f2;color:#135d6c;border-radius:20px;padding:5px 12px}.warning{background:#fff6e6;border-left:4px solid #d28b30;color:#805b25;padding:17px;margin-top:24px;line-height:1.5}.login-page{background:#102f39;min-height:100vh;display:grid;place-items:center;padding:16px}.login{background:#fff;padding:41px;border-radius:18px;width:min(440px,100%)}.login h1{font-size:31px}.login p,.login small{color:#71858a}.login label{display:block;margin:18px 0;font-size:13px;font-weight:700}.login input{width:100%;display:block;padding:13px;margin-top:7px;border:1px solid #cbdadb;border-radius:7px}.login button{background:#0e4a5a;color:#fff;border:0;border-radius:8px;width:100%;padding:14px;font-weight:700;margin:16px 0}.login small{display:block;text-align:center}.error{color:#b42318!important}.loading{min-height:100vh;display:grid;place-items:center}@media(max-width:740px){.layout{display:block}nav{width:100%;min-width:0;flex-direction:row;align-items:center;flex-wrap:wrap;padding:8px}.logo{margin:0 16px 0 0}.logo b{font-size:16px}nav .overline,nav .spacer,nav small{display:none}.content{padding:25px 16px}.statrow{flex-wrap:wrap}.statrow article{min-width:145px}.content h1{font-size:29px}}.work-area{background:transparent;border:0!important;padding:0!important;overflow:visible!important}.work-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 18px}.work-head h2{margin:0;font-size:22px}.work-head span{color:#63838e;font-size:13px}.work-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(330px,1.45fr);gap:20px;align-items:start}.work-list,.work-detail{background:#fff;border:1px solid #d8e3e6;border-radius:12px;padding:18px;min-height:265px}.work-list{padding:8px}.work-list>button{position:relative;display:flex;width:100%;text-align:left;align-items:start;flex-direction:column;background:transparent;border:1px solid transparent;border-radius:8px;padding:14px;gap:4px;color:#183a44}.work-list>button+.work-list>button{border-top:1px solid #f0f3f4}.work-list>button:hover{background:#f1f7f8}.work-list>button.work-selected{border-color:#6da9b9;background:#e9f5f7}.work-list span{color:#566f78;font-size:13px}.work-list small{color:#81969e;font-size:12px}.work-list em{font-size:11px;font-style:normal;color:#176578;background:#e5f2f4;border-radius:18px;padding:4px 9px}.work-detail h3{margin:0 0 12px;font-size:20px}.work-detail>p{color:#607c85}.work-step{border-top:1px solid #e8efef;margin-top:22px;padding-top:18px}.work-step h4{margin:2px 0 15px;font-size:15px}.work-detail button,.newbar button{background:#0e5365;color:#fff;border:0;border-radius:8px;padding:11px 14px;margin:6px 8px 8px 0;font-weight:750}.work-detail button:disabled,.newbar button:disabled{background:#9db3b8;cursor:not-allowed}.work-detail label,.newbar label,.work-step label{display:block;color:#43616d;font-size:12px;font-weight:700;margin:9px 0}.work-detail input,.work-detail textarea,.work-detail select,.work-step input,.work-step select,.newbar input,.newbar select{display:block;width:100%;border:1px solid #c9dbdf;border-radius:7px;padding:11px;margin-top:6px;min-width:0;background:#fff;color:#183a44;font-size:14px}.newbar{display:flex;flex-wrap:wrap;align-items:end;gap:14px;padding:18px 20px;background:#fff;border:1px solid #d8e3e6;border-radius:12px;margin-bottom:20px}.newbar label{flex:1;min-width:160px;margin:0}.newbar button{margin:0}.work-error,.work-success{padding:12px 17px;border-radius:8px;margin:12px 0}.work-error{background:#fff0ed;color:#a32b20}.work-success{background:#e7f5ef;color:#176648}.event{font-size:12px;color:#6e8790;border-bottom:1px dashed #e2e8e8;padding-bottom:9px}.work-step>p{line-height:1.5;font-size:13px;color:#60757d}.work-step button{margin-top:10px!important}.work-area table{width:100%;border-collapse:collapse;text-align:left}.work-area th,.work-area td{border-bottom:1px solid #edf1f2;padding:12px;text-align:left;font-size:13px}.work-area .table-scroll{overflow:auto}@media(max-width:900px){.work-grid{grid-template-columns:1fr}.work-head{display:block}.work-head span{display:block;margin-top:5px}.newbar{display:block}.newbar label{margin-top:12px}.work-detail{padding:15px}}