:root{--font-caption:15px;--font-control:16px;--font-body:17px;--font-section:21px;font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,sans-serif;color:#18263c;background:#f3f5f9;font-size:var(--font-body);--blue:#2856d8;--nav:#122139;--muted:#53647b;--line:#e4e9f1;--red:#bb414c;--green:#14785f}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}a{color:var(--blue)}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{background:var(--nav);color:#aebdd3;padding:30px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin:0 12px 34px;color:white}.mark{width:38px;height:38px;border:1px solid #567193;border-radius:12px;display:grid;place-items:center;font-weight:700;color:#cad8ff}.brand b{display:block;font-size:22px;letter-spacing:2px}.brand small{font-size:var(--font-caption);letter-spacing:2px;color:#93a8c7}.nav-label{font-size:var(--font-caption);padding:0 14px;margin:18px 0 8px;color:#7185a4;letter-spacing:1px}.nav{display:flex;align-items:center;text-align:left;gap:12px;width:100%;background:transparent;color:inherit;padding:13px 15px;border-radius:8px;margin-bottom:4px;font-size:var(--font-control)}.nav svg{width:19px;height:19px;flex-shrink:0}.nav:hover{background:#203450;color:white}.nav.active{background:#2c56d5;color:white;box-shadow:0 7px 15px #0b152633}.sidebar footer{margin-top:auto;padding:22px 13px 0;font-size:var(--font-caption);color:#8399b7;line-height:1.8}.main{min-width:0}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:16px}.crumb{font-size:var(--font-control);color:#7d899a}.crumb strong{color:#30405a;font-weight:500}.identity{display:flex;gap:12px;align-items:center;font-size:var(--font-control)}.identity select{border:1px solid var(--line);padding:8px 10px;border-radius:6px;background:white;max-width:205px}.avatar{display:inline-grid;place-items:center;border-radius:50%;width:34px;height:34px;background:#e8efff;color:var(--blue);font-size:var(--font-control);flex-shrink:0}.page{padding:28px 36px 40px;max-width:1660px;margin:auto}.demo{display:flex;align-items:center;gap:10px;background:#e8effe;color:#375381;padding:10px 14px;border:1px solid #d8e4ff;border-radius:7px;font-size:var(--font-caption);margin-bottom:25px}.demo span{flex:1}.demo button{background:none;color:var(--blue);font-size:var(--font-caption);white-space:nowrap}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}h1{font-size:30px;letter-spacing:-.6px;font-weight:600;margin:0 0 8px}h2{font-size:var(--font-section);margin:0;font-weight:600}h3{font-size:var(--font-body);font-weight:600;margin:0 0 12px}p{line-height:1.75}.muted{color:var(--muted);font-size:var(--font-control)}.heading p{margin:0}.btn{background:var(--blue);border:1px solid var(--blue);color:#fff;border-radius:6px;padding:10px 17px;font-size:var(--font-control);display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.btn:hover{filter:brightness(.95)}.btn.secondary{background:#fff;color:#42536d;border-color:#dce3ed}.btn.danger{background:#fff;color:var(--red);border-color:#edcdd1}.btn.small{padding:7px 11px}.text-btn{color:var(--blue);background:none;font-size:var(--font-control);padding:6px 0}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.metric{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px 22px;position:relative}.metric .label{font-size:var(--font-control);color:#6d7a8e}.metric .number{font-size:36px;font-weight:600;letter-spacing:-1px;margin:9px 0 7px;line-height:1.25}.metric .sub{font-size:var(--font-caption);color:#53647b}.metric .glyph{position:absolute;right:20px;top:20px;color:#859fcf;background:#f0f4ff;border-radius:8px;padding:8px;display:flex}.metric svg{width:18px;height:18px}.grid-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:22px}.card{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-bottom:22px}.card-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.card-body{padding:20px 22px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.tab{background:transparent;color:#6d7b90;padding:9px 15px;border:1px solid transparent;border-radius:6px;font-size:var(--font-control)}.tab.active{color:var(--blue);background:#e8efff;border-color:#dce6ff}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:var(--font-caption);font-weight:500;color:#758298;background:#fafbfd;padding:13px 20px;border-bottom:1px solid var(--line)}td{font-size:var(--font-control);padding:18px 20px;border-bottom:1px solid #edf0f5;line-height:1.65}tr:last-child td{border-bottom:0}td .sub{display:block;color:#53647b;font-size:var(--font-caption);margin-top:3px}td.wrap{white-space:normal;min-width:210px;max-width:400px}.badge{display:inline-flex;padding:3px 9px;border-radius:4px;font-size:var(--font-caption);white-space:nowrap;background:#edf1f7;color:#66768d}.badge.blue{background:#eaf0ff;color:#3761be}.badge.red{background:#fbeef0;color:#b14a56}.badge.green{background:#e7f5ef;color:#2e8768}.badge.orange{background:#fff3e3;color:#a36f26}.pill{font-size:var(--font-caption);background:#edf2fc;color:#5775ae;border-radius:20px;padding:3px 9px}.row-title{font-weight:500;color:#2b3d57}.person{display:flex;align-items:center;gap:10px}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.toolbar input{min-width:220px;flex:1}.toolbar select,.toolbar input,.field input,.field select,.field textarea{background:white;border:1px solid #dce3ed;border-radius:6px;padding:10px 12px;color:#31425e;font-size:var(--font-control)}.toolbar input:focus,.field input:focus,.field textarea:focus{border-color:var(--blue)}.todo{display:flex;align-items:center;gap:14px;padding:17px 22px;border-bottom:1px solid #edf0f5}.todo:last-child{border:0}.todo-icon{background:#edf2fc;padding:9px;border-radius:8px;color:#6484c1;display:flex}.todo-icon svg{width:19px;height:19px}.todo .content{flex:1;min-width:0}.todo p{margin:5px 0 0;font-size:var(--font-caption);color:#53647b}.todo b{font-size:var(--font-control);font-weight:500}.rule{display:flex;gap:14px;margin:0 0 21px;font-size:var(--font-control)}.rule:last-child{margin:0}.rule .time{color:#3d64b9;font-variant-numeric:tabular-nums;font-weight:500;min-width:44px}.rule p{margin:4px 0 0;font-size:var(--font-caption);color:#53647b}.progress{height:5px;width:76px;border-radius:4px;background:#edf1f8;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:7px}.progress i{height:100%;background:#688be9;display:block}.notice{padding:14px 17px;border:1px solid #f0dfbf;border-radius:7px;background:#fffaf0;color:#8c6c32;font-size:var(--font-control);line-height:1.8;margin-bottom:20px}.empty{text-align:center;padding:52px 20px;color:#53647b}.empty svg{width:36px;height:36px;margin-bottom:14px;color:#a6b6cb}.empty h3{color:#4b5e77}.empty p{margin:0;font-size:var(--font-control)}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.lane{background:#eaf0f6;border-radius:9px;padding:16px;min-height:350px}.lane-head{display:flex;justify-content:space-between;margin-bottom:15px;font-size:var(--font-control);font-weight:500}.task-card{text-align:left;display:block;width:100%;background:#fff;border:1px solid #dfe6ef;border-radius:7px;padding:16px;margin-bottom:12px;box-shadow:0 3px 5px #1f395904;color:inherit}.task-card h3{line-height:1.65;font-size:var(--font-control);margin:10px 0 20px}.task-card footer{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-caption);color:#53647b}.task-card:hover{border-color:#a7bbea}.report-grid{display:grid;grid-template-columns:300px 1fr;min-height:500px}.report-list{border-right:1px solid var(--line);padding:12px}.report-person{display:block;text-align:left;padding:17px 14px;background:white;width:100%;border-radius:6px;margin-bottom:5px;border:1px solid transparent}.report-person.active{background:#f0f4ff;border-color:#e0e9ff}.report-person .person{justify-content:space-between}.report-person small{display:block;margin:6px 0 0 44px;color:#53647b;font-size:var(--font-caption)}.report{padding:28px 32px}.report h2{font-size:22px}.report .meta{font-size:var(--font-caption);color:#53647b;margin:10px 0 28px}.report section{margin:22px 0}.report p,.report li{font-size:var(--font-control);line-height:1.9}.report ul{padding-left:20px}.quote{background:#f6f8fc;border-left:3px solid #b8cbf2;padding:14px 18px;font-size:var(--font-control);line-height:1.8}.review{border:1px solid #dbe5f8;border-radius:7px;padding:18px;margin-top:24px}.review small{color:#53647b}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:18px;background:#f6f8fc;border-radius:7px;margin:15px 0}.flow span{font-size:var(--font-caption);color:#6b7e99}.flow b{font-size:var(--font-caption);background:white;padding:7px 10px;border:1px solid #e3e9f1;border-radius:5px;font-weight:500}.flow b.current{color:var(--blue);border-color:#a9bce9;background:#edf2ff}dialog{border:none;padding:0;border-radius:12px;box-shadow:0 20px 90px #0b1c4440;width:min(650px,calc(100vw - 32px));max-height:90vh;color:#233650}dialog::backdrop{background:#12243e66;backdrop-filter:blur(2px)}.dialog-head{padding:23px 26px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);align-items:center;position:sticky;top:0;background:#fff;z-index:2}.dialog-head h2{font-size:var(--font-section)}.close{font-size:26px;color:#8291a3;background:transparent;line-height:1;padding:5px}.dialog-body{padding:23px 26px}.dialog-foot{padding:18px 26px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;position:sticky;bottom:0;background:white}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px;font-size:var(--font-control);margin-bottom:18px}.fields .field{margin-bottom:0}.field.full{grid-column:1/-1}.field label{font-weight:500}.field textarea{min-height:105px;resize:vertical;line-height:1.65}.field small{color:#53647b;font-size:var(--font-caption)}.detail-grid{display:grid;grid-template-columns:110px 1fr;gap:15px;font-size:var(--font-control);line-height:1.7}.detail-grid dt{color:#53647b}.detail-grid dd{margin:0;overflow-wrap:anywhere}.history{margin-top:22px}.history-item{border-left:2px solid #e4eaf4;padding:0 0 20px 16px;font-size:var(--font-control)}.history-item small{display:block;font-size:var(--font-caption);color:#53647b;margin-bottom:5px}.error{color:var(--red);font-size:var(--font-control);padding:12px 0}.checks{display:flex;gap:15px;flex-wrap:wrap}.checks label{display:flex;gap:5px;font-weight:400}.note-label{font-size:var(--font-caption);letter-spacing:1px;color:#53647b;text-transform:uppercase}.audit-item{font-size:var(--font-control);line-height:1.8;padding:16px 0;border-bottom:1px solid var(--line)}.audit-item:last-child{border:0}.audit-item small{display:block;color:#53647b;font-size:var(--font-caption)}.mobile-brand{display:none}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);padding:13px 22px;background:#1c3554;color:white;border-radius:8px;box-shadow:0 5px 20px #12213922;font-size:var(--font-control);z-index:100;opacity:0;transition:opacity .2s;pointer-events:none;max-width:90vw}#toast.show{opacity:1}.menu-toggle{display:none}.summary-line{display:flex;justify-content:space-between;padding:11px 0;font-size:var(--font-control)}.summary-line strong{font-weight:500}.footnote{font-size:var(--font-caption);color:#53647b;margin-top:18px;line-height:1.7}.spacer{flex:1}.hide{display:none!important}.dialog-body hr{border:0;border-top:1px solid var(--line);margin:24px 0}
@media(min-width:1450px){.page{padding:34px 46px}}@media(max-width:1100px){.shell{grid-template-columns:200px 1fr}.page{padding:24px}.sidebar{padding:26px 12px}.topbar{padding:0 24px}.grid-main{grid-template-columns:1fr}.metrics{gap:12px}.metric{padding:17px}.metric .glyph{display:none}.kanban{grid-template-columns:repeat(2,1fr)}.report-grid{grid-template-columns:240px 1fr}.report{padding:25px}.identity .muted{display:none}}@media(max-width:760px){.shell{display:block}.sidebar{display:none;position:fixed;z-index:10;top:68px;height:calc(100vh - 68px);width:235px;box-shadow:12px 0 25px #192d4022}.sidebar.open{display:flex}.topbar{height:68px;padding:0 16px}.menu-toggle{display:inline-flex;background:none;color:#29405f;font-size:26px;padding:4px}.crumb{display:none}.mobile-brand{display:block;font-weight:600;flex:1}.identity select{max-width:132px;font-size:var(--font-caption)}.identity .avatar{display:none}.page{padding:20px 16px}.heading{align-items:flex-start;gap:12px}h1{font-size:26px}.heading p{font-size:var(--font-caption)}.heading .actions{justify-content:flex-end}.metrics{grid-template-columns:1fr 1fr}.metric .number{font-size:34px}.metric .sub{font-size:var(--font-caption)}.demo{align-items:flex-start;font-size:var(--font-caption);padding:10px}.demo button{font-size:var(--font-caption)}.split{grid-template-columns:1fr}.report-grid{display:block}.report-list{border-right:0;border-bottom:1px solid var(--line);display:flex;overflow:auto}.report-person{min-width:190px}.report{padding:20px}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.kanban{grid-template-columns:1fr}.lane{min-height:100px}.dialog-body,.dialog-head{padding:20px}.card-head{padding:17px}.btn{padding:9px 12px}.toolbar input{min-width:0;width:100%}.toolbar select{max-width:100%}.detail-grid{grid-template-columns:85px 1fr}.tabs{gap:3px}.tab{padding:9px 11px}.todo{padding:16px}.nav{font-size:var(--font-body)}}
.loading{padding:60px;text-align:center;color:#728098}.login{min-height:100vh;background:linear-gradient(135deg,#12233f,#20395c);padding:55px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-brand{color:white;display:flex;align-items:center;gap:12px;margin-bottom:28px;font-size:22px}.login-card{background:white;padding:40px;border-radius:12px;width:min(440px,100%);box-shadow:0 24px 90px #0b142966}.login-card h1{margin-top:15px}.login-card form{margin-top:28px}.login-submit{width:100%;margin-top:10px}.production-bar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;color:#53647b;font-size:var(--font-caption);margin-bottom:26px}.production-bar>span:nth-child(2){flex:1}.toolbar .tabs{margin:0}.detail-actions{margin:25px 0}.preview-list{padding-left:22px;font-size:var(--font-control);line-height:2.1;margin:25px 0}.external-check{padding:16px;background:#f7f9fc;border:1px solid #e6ebf3;border-radius:8px;margin:14px 0}.external-check .field:last-child{margin:0}.quote{margin:14px 0}.quote p{margin:8px 0}.login .mark{color:white}.mobile-brand{border:1px solid #e0e6ef;background:white;border-radius:6px;padding:8px;font-size:var(--font-control);max-width:145px}.field input[type=checkbox]{width:17px;height:17px;vertical-align:middle}.checks label{font-size:var(--font-control)}.dialog-body .notice{margin-top:20px}button:disabled{cursor:wait}.card .todo{flex-wrap:wrap}@media(max-width:760px){.login-card{padding:26px}.production-bar{font-size:var(--font-caption)}.identity{gap:7px}.identity strong{font-size:var(--font-control)}.metrics{grid-template-columns:1fr 1fr}.nav-label{display:none}.heading .actions{margin-left:auto}.dialog-foot{padding:15px}.field{line-height:1.8}}

.org-choice{display:inline-flex;align-items:center;gap:6px;margin:6px 16px 6px 0}.org-choice input{width:auto}#organization-team-choices fieldset{border:1px solid #dde4e1;border-radius:8px;padding:12px;margin:16px 0}.week-days{margin:10px 0 18px}#organization-internal-fields[hidden],#organization-external-fields[hidden]{display:none}

.work-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:20px 0}.work-filters .field{flex:1;min-width:150px;margin:0}.work-filters .btn{margin-bottom:1px}textarea{width:100%;min-height:110px;border:1px solid #d9dfdb;border-radius:8px;padding:12px;font:inherit;resize:vertical}.work-text{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.75;background:#f6f8f6;padding:16px;border-radius:10px;max-height:480px;overflow:auto}details{margin:12px 0}summary{cursor:pointer;padding:8px 0}.meeting-task-row{padding:16px;border:1px solid #d9dfdb;border-radius:10px;margin:12px 0}.meeting-task-row .field{margin-bottom:12px}.work-filters input[type=checkbox]{width:auto}fieldset{border:1px solid #d9dfdb;border-radius:8px;margin:12px 0;padding:12px}.card-head{gap:12px}small{overflow-wrap:anywhere}@media(max-width:700px){.work-filters{align-items:stretch}.work-filters .field{min-width:100%}.work-filters button{flex:1}.work-text{padding:12px}}

.task-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:16px 0 22px;padding:14px 0;color:#67758b;font-size:var(--font-caption)}.pagination-summary{white-space:nowrap}.pagination-summary strong{color:#24334b;font-weight:600}.pagination-summary span{display:inline-block;margin-left:14px;color:#53647b}.pagination-controls,.page-numbers,.page-jump,.page-jump label{display:flex;align-items:center;gap:6px}.pagination-controls{gap:16px;flex-wrap:wrap}.page-number{width:32px;height:32px;border-radius:6px;background:transparent;color:#526079;font-size:var(--font-caption);padding:0;transition:background .15s}.page-number:hover:not(:disabled){background:#e7edf8;color:#2856d8}.page-number[aria-current="page"]{background:#2856d8;color:white;font-weight:600}.page-number:disabled{opacity:.3;cursor:default}.page-size select,.page-jump input{height:32px;border:1px solid #dce3ed;border-radius:6px;background:white;color:#526079;font:inherit}.page-size select{padding:0 8px}.page-jump{margin:0;gap:8px;white-space:nowrap}.page-jump input{width:58px;text-align:center;padding:0 4px}.page-jump button{height:32px;padding:0 10px;border-radius:6px;border:1px solid #dce3ed;background:white;color:#526079;font:inherit}.page-jump button:hover{color:#2856d8;border-color:#a8b9e8}@media(max-width:760px){.task-pagination{align-items:flex-start;gap:10px}.pagination-controls{gap:10px;width:100%}.page-numbers{gap:2px}.page-number{width:30px}.pagination-summary span{margin-left:10px}}

/* Shared reading scale for every management page, login screen and dialog. */
body{font-size:var(--font-body);line-height:1.75}
button,input,select,textarea{line-height:1.5}
.nav{font-size:var(--font-body);line-height:1.5;padding-top:11px;padding-bottom:11px}
.sidebar{overflow-y:auto}.nav-label,.sidebar footer{color:#aebdd3}
.topbar{min-height:80px;height:auto;padding-top:14px;padding-bottom:14px;flex-wrap:wrap}
.identity{flex-wrap:wrap}.identity strong{font-size:var(--font-control)}
.heading p,.field,.btn,.text-btn,.tab,.checks label{font-size:var(--font-control)}
.toolbar :is(input,select),.field :is(input,select,textarea){font-size:var(--font-control)}
th{font-size:var(--font-control);color:#42536d;font-weight:600;padding-top:16px;padding-bottom:16px}
td{font-size:var(--font-body);line-height:1.8;padding-top:20px;padding-bottom:20px}
td :is(b,strong){font-size:18px;font-weight:600}
small,td .sub{font-size:var(--font-caption);line-height:1.75}
td small{display:block;margin-top:5px;color:#53647b}
.badge,.pill{font-size:var(--font-caption);padding:4px 10px}
.metric .label{font-size:var(--font-control);color:#53647b}
.metric .sub,.production-bar,.footnote{font-size:var(--font-caption);color:#53647b}
.todo b{font-size:var(--font-body)}.todo p{font-size:var(--font-control)}
.detail-grid,.report p,.report li,.work-text,.quote,.preview-list,.history-item,.summary-line{font-size:var(--font-body);line-height:1.85}
.detail-grid dt{color:#53647b}.audit-item{font-size:var(--font-control)}
h3{font-size:20px}.task-card h3{font-size:18px}.dialog-head h2{font-size:22px}.dialog-foot{flex-wrap:wrap}
.login-card{width:min(480px,100%)}
.task-pagination{font-size:var(--font-control);color:#42536d}.pagination-summary span{color:#53647b}
.page-number{font-size:var(--font-control);width:38px;height:38px}
.page-size select,.page-jump input,.page-jump button{height:38px;font-size:var(--font-control)}
.page-jump input{width:66px}.page-numbers{flex-wrap:wrap;max-width:100%}.pagination-controls{min-width:0;max-width:100%}
@media(max-width:760px){
 .topbar{min-height:68px;padding-top:12px;padding-bottom:12px}.heading{flex-wrap:wrap}
 .mobile-brand,.identity select{font-size:var(--font-control);max-width:170px}
 .production-bar,.metric .sub{font-size:var(--font-caption)}
 .page-number{width:38px}.pagination-controls{row-gap:12px}
}