:root{--g-blue:#2f4f78;--g-deep:#182c46;--g-orange:#e8743b;--g-border:#e4e9f0;--g-bg:#f5f7fa;--g-muted:#697789;--g-green:#218568}*{box-sizing:border-box}.gvcl-body{margin:0;background:var(--g-bg);color:#20304a;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.55}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit}.gvcl-top{background:var(--g-deep);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:70px;padding:12px max(22px,calc((100vw - 1160px)/2))}.gvcl-brand{font-size:25px;letter-spacing:1.5px;font-weight:900;text-decoration:none;white-space:nowrap}.gvcl-brand small{font-size:10px;font-weight:700;letter-spacing:1px;color:#c8d7ea;margin-left:10px}.gvcl-top nav{display:flex;gap:20px}.gvcl-top nav a{font-size:13px;text-decoration:none;font-weight:600;color:#e6edf8}.gvcl-main{max-width:1140px;margin:25px auto 70px;padding:0 18px}.gvcl-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;padding:12px 0 20px}.gvcl-overline{color:var(--g-orange);font-weight:800;letter-spacing:1.6px;font-size:11px}.gvcl-hero h1{font-size:29px;line-height:1.2;margin:7px 0 5px;color:#203653}.gvcl-hero p{margin:0;color:var(--g-muted)}.gvcl-profile{background:white;border:1px solid var(--g-border);padding:12px 17px;border-radius:12px;min-width:210px}.gvcl-profile strong,.gvcl-profile span{display:block}.gvcl-profile span{color:var(--g-muted);font-size:12px}.gvcl-tabs{display:flex;border-bottom:1px solid #d7dfe9;gap:7px;margin-bottom:22px;overflow-x:auto;white-space:nowrap}.gvcl-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;padding:12px 17px;font-weight:650;color:#697789}.gvcl-tabs button.on{color:var(--g-orange);border-bottom-color:var(--g-orange)}.gvcl-toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:13px;background:white;padding:17px;border-radius:14px;border:1px solid var(--g-border);margin-bottom:18px}.gvcl-toolbar label,.gvcl-shifts{display:flex;flex-direction:column;gap:5px;color:#67758a;font-size:12px;font-weight:750}.gvcl-toolbar select,.gvcl-toolbar input{border:1px solid #d9e1eb;border-radius:9px;background:white;padding:9px 12px;color:#253851;min-height:41px;min-width:155px;font-size:14px}.gvcl-shifts>div{display:flex;gap:5px;border:1px solid #dfe4ee;border-radius:10px;padding:4px;background:#f3f6fa}.gvcl-shifts button{padding:6px 12px;color:#60728a;border:0;border-radius:8px;background:transparent;font-weight:750}.gvcl-shifts button.active{background:var(--g-blue);color:white;box-shadow:0 2px 5px #18304a29}.gvcl-statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:19px}.gvcl-stat{background:#fff;border:1px solid var(--g-border);border-radius:14px;padding:16px;min-height:116px}.gvcl-stat>span{display:block;color:var(--g-muted);font-weight:650;font-size:12px}.gvcl-stat>strong{display:block;font-size:28px;color:var(--g-deep);line-height:1.55}.gvcl-stat>small{font-size:12px;color:var(--g-muted)}.gvcl-stat .gvcl-state{font-size:20px}.gvcl-state.complete{color:var(--g-green)}.gvcl-state.working{color:#c17b2b}.gvcl-progress,.gvcl-tinybar{display:block;height:7px;background:#e7ebf1;border-radius:9px;overflow:hidden}.gvcl-progress i,.gvcl-tinybar i{background:var(--g-green);display:block;height:100%;border-radius:9px}.gvcl-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 13px}.gvcl-line h2,.gvcl-formpanel h2{font-size:18px;margin:0}.gvcl-pillbar{display:flex;gap:5px;padding:4px;background:#e9edf3;border-radius:10px}.gvcl-pillbar button{border:0;background:transparent;border-radius:8px;padding:7px 10px;color:var(--g-muted);font-size:12px;font-weight:700}.gvcl-pillbar button.on{background:white;color:var(--g-deep);box-shadow:0 1px 4px #0001}.gvcl-panel{background:white;border:1px solid var(--g-border);border-radius:14px;margin-bottom:15px;box-shadow:0 3px 18px #26364f05;overflow:hidden}.gvcl-grouphead{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--g-border);background:#fbfcfe}.gvcl-grouphead h3{font-size:16px;color:#293d57;margin:0}.gvcl-grouphead span{display:block;color:#7b889a;font-size:12px}.gvcl-grouphead>b{color:var(--g-orange);font-size:13px}.gvcl-task{padding:14px 17px;border-bottom:1px solid #edf0f4}.gvcl-task:last-child{border-bottom:0}.gvcl-taskrow{display:flex;align-items:flex-start;gap:14px;cursor:pointer}.gvcl-taskrow input{width:21px;height:21px;accent-color:var(--g-green);flex-shrink:0;margin:2px 0 0;cursor:pointer}.gvcl-taskrow input:disabled{cursor:default}.gvcl-taskcopy{flex:1}.gvcl-taskcopy strong{display:block;font-size:14px;color:#293a52}.gvcl-taskcopy small{display:block;font-size:12px;color:#8390a0;margin:3px 0 0}.gvcl-taskcopy em{font-size:11px;color:var(--g-green);display:block;font-style:normal;margin-top:5px}.gvcl-task.done{background:#f9fdfb}.gvcl-tasknote{margin-left:35px;margin-top:6px;max-width:700px}.gvcl-tasknote summary{font-size:12px;color:#5479aa;cursor:pointer;font-weight:650;display:inline-block}.gvcl-tasknote textarea{width:100%;display:block;margin:8px 0;padding:9px 12px;border:1px solid #d9e1ea;border-radius:8px;resize:vertical}.gvcl-btn{border:0;border-radius:10px;background:var(--g-orange);color:#fff;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;text-decoration:none}.gvcl-btn:hover{filter:brightness(.97)}.gvcl-btn.secondary{color:var(--g-blue);background:#edf2f8;border:1px solid #d5dfee}.gvcl-btn.small{font-size:12px;padding:6px 10px}.gvcl-final{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 19px;border:1px solid var(--g-border);border-radius:14px;background:white}.gvcl-final p{color:var(--g-muted);margin:3px 0 0;font-size:12px}.gvcl-formpanel{padding:21px}.gvcl-formpanel>p{margin:3px 0 20px;color:var(--g-muted)}.gvcl-formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gvcl-field{display:flex;flex-direction:column;gap:6px;min-width:0;font-weight:700;font-size:12px;color:#4d607a}.gvcl-field input,.gvcl-field select,.gvcl-field textarea{padding:10px 12px;border:1px solid #d9e1ec;border-radius:9px;font-size:14px;color:#253851;background:white;width:100%;font-weight:450;min-height:42px}.gvcl-field textarea{resize:vertical;min-height:75px}.gvcl-field:nth-child(n+5){grid-column:1/-1}.gvcl-formbottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf0f4;margin-top:20px;padding-top:15px}.gvcl-formbottom span{color:var(--g-muted);font-size:12px}.gvcl-notice,.gvcl-good{background:#fff7ed;border:1px solid #f1d5b5;padding:13px 15px;border-radius:12px;color:#8a5b26;margin:14px 0}.gvcl-good{background:#edf9f5;border-color:#c5eadc;color:#1a795a}.gvcl-tablewrap{overflow-x:auto}.gvcl-tablewrap table{width:100%;border-collapse:collapse;text-align:left;min-width:640px}.gvcl-tablewrap th,.gvcl-tablewrap td{padding:13px 15px;border-bottom:1px solid #ebeff4}.gvcl-tablewrap th{font-size:12px;color:#6c7c90;background:#f9fbfd}.gvcl-tablewrap td small{display:block;color:var(--g-orange)}.gvcl-tablewrap tr:last-child td{border-bottom:none}.gvcl-tinybar{margin-top:5px;height:5px;max-width:130px}.gvcl-tag{font-size:11px;padding:4px 8px;border-radius:6px;font-weight:800}.gvcl-tag.ok{color:#187e5a;background:#dff6eb}.gvcl-tag.warn{color:#a77121;background:#fff0d5}.gvcl-editrow{display:flex;align-items:center;gap:13px;padding:12px 16px;border-bottom:1px solid #edf0f4}.gvcl-editrow:last-child{border-bottom:0}.gvcl-num{background:#f1f4f8;border-radius:7px;padding:3px 7px;color:#7b8798}.gvcl-editdesc{flex:1;min-width:100px}.gvcl-editdesc strong{font-size:13px}.gvcl-editdesc p{font-size:12px;color:var(--g-muted);margin:1px 0}.gvcl-editbuttons{display:flex;flex-wrap:wrap;gap:5px}.gvcl-editbuttons button{padding:6px 8px;border:1px solid #dce3ea;background:#fff;border-radius:7px;color:#435e7c;font-size:12px;font-weight:700}.gvcl-editbuttons button:last-child{color:#ad4439}.gvcl-editorform{padding:19px;border:1px solid #d8b39d}.gvcl-editorform .gvcl-field{margin-bottom:14px}.gvcl-formtop{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.gvcl-formtop h2{font-size:18px;margin:0}.gvcl-formtop button{background:transparent;border:0;color:#54708d}.gvcl-empty,.gvcl-gate{padding:32px;max-width:750px;background:white;border:1px solid var(--g-border);border-radius:15px;margin:18px auto}.gvcl-empty h2,.gvcl-gate h1{font-size:23px}.gvcl-empty p,.gvcl-gate p{color:var(--g-muted)}.gvcl-footer{text-align:center;font-size:11px;color:#8996a7;padding:30px}.gvcl-loading{background:white;border:1px solid var(--g-border);padding:50px;text-align:center;border-radius:15px}.gvcl-spinner{display:inline-block;width:14px;height:14px;border:2px solid #cddaea;border-top-color:var(--g-orange);border-radius:50%;animation:gvcl-spin .8s linear infinite;vertical-align:middle;margin-right:7px}@keyframes gvcl-spin{to{transform:rotate(360deg)}}#gvcl-toast{position:fixed;bottom:22px;right:22px;max-width:min(420px,calc(100vw - 40px));background:#145b47;color:white;border-radius:10px;padding:13px 20px;box-shadow:0 10px 35px #0003;opacity:0;transform:translateY(20px);pointer-events:none;transition:.2s;z-index:9999}#gvcl-toast.show{opacity:1;transform:none}#gvcl-toast.error{background:#a82e31}.gvcl-muted{color:#9aa4b2}
@media(max-width:740px){.gvcl-main{margin:12px auto 60px;padding:0 11px}.gvcl-top{padding:10px 14px;min-height:auto;gap:8px 12px;flex-wrap:wrap;align-items:flex-start}.gvcl-brand{font-size:20px;line-height:1.15;max-width:100%}.gvcl-brand small{display:block;margin:4px 0 0;font-size:8px;letter-spacing:1.4px;white-space:normal}.gvcl-top nav{display:flex;align-items:center;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;width:100%}.gvcl-top nav a{font-size:12px;line-height:1.35}.gvcl-hero{padding:8px 0 13px;flex-direction:column;align-items:stretch;gap:12px}.gvcl-hero>div:first-child{width:100%;min-width:0}.gvcl-hero h1{font-size:23px}.gvcl-hero p{font-size:12px}.gvcl-profile{padding:10px 12px;min-width:0;max-width:none;width:100%;font-size:12px}.gvcl-profile span{font-size:11px}.gvcl-tabs{gap:2px;margin-bottom:13px}.gvcl-tabs button{font-size:12px;padding:10px 10px}.gvcl-toolbar{padding:12px;gap:9px;display:grid;grid-template-columns:1fr}.gvcl-toolbar>*{min-width:0;max-width:100%}.gvcl-toolbar label{flex:1 1 100%;width:100%;min-width:0;max-width:100%}.gvcl-toolbar input,.gvcl-toolbar select{display:block;width:100%;max-width:100%;min-width:0}.gvcl-toolbar input[type=date]{width:100%!important;max-width:100%!important;min-width:0!important;padding-right:10px;-webkit-appearance:none;appearance:none}.gvcl-shifts{flex:1 1 100%;width:100%;max-width:100%}.gvcl-shifts>div{width:100%}.gvcl-shifts button{flex:1}.gvcl-statrow{grid-template-columns:1fr;gap:9px}.gvcl-stat{padding:12px 11px;border-radius:10px;min-height:auto}.gvcl-stat>strong{font-size:22px}.gvcl-stat .gvcl-state{font-size:15px}.gvcl-stat>small{font-size:11px;word-wrap:break-word}.gvcl-stat>span{font-size:11px}.gvcl-line{align-items:stretch;flex-direction:column;gap:8px}.gvcl-line h2{font-size:16px}.gvcl-pillbar{align-self:flex-start;max-width:100%;overflow:auto}.gvcl-pillbar button{font-size:10px;padding:6px 8px}.gvcl-panel{border-radius:11px}.gvcl-grouphead{padding:12px}.gvcl-task{padding:11px 12px}.gvcl-taskrow{gap:9px}.gvcl-taskcopy strong{font-size:13px}.gvcl-taskcopy small{font-size:11px}.gvcl-tasknote{margin-left:30px}.gvcl-final{padding:12px;align-items:flex-start;flex-direction:column}.gvcl-final .gvcl-btn{white-space:nowrap;padding:10px;width:100%}.gvcl-formgrid{grid-template-columns:1fr;gap:11px}.gvcl-field:nth-child(n+5){grid-column:auto}.gvcl-editrow{flex-wrap:wrap;gap:8px}.gvcl-editdesc{flex:1;min-width:calc(100% - 55px)}.gvcl-editbuttons{width:100%;justify-content:flex-end}.gvcl-editbuttons button{padding:6px 10px}.gvcl-formpanel{padding:14px}.gvcl-formbottom{align-items:flex-start;flex-direction:column}.gvcl-formbottom .gvcl-btn{width:100%}}
@media(max-width:385px){.gvcl-brand{font-size:18px}.gvcl-hero h1{font-size:20px}.gvcl-profile strong{overflow-wrap:anywhere}.gvcl-stat>strong{font-size:18px}.gvcl-pillbar{gap:0}.gvcl-pillbar button{padding:6px}.gvcl-top nav{justify-content:flex-start}.gvcl-top nav a{font-size:11px}}

@media(max-width:520px){.gvcl-overline{font-size:10px;letter-spacing:1.2px}.gvcl-hero p{line-height:1.45}.gvcl-tabs{padding-bottom:2px}.gvcl-tabs button{padding:10px 12px}.gvcl-line{margin:18px 0 11px}.gvcl-grouphead{align-items:flex-start;gap:8px}.gvcl-tasknote{margin-left:0}.gvcl-editbuttons{justify-content:flex-start}.gvcl-editbuttons button{flex:0 0 auto}.gvcl-tablewrap table{min-width:560px}}

@media(max-width:520px){.gvcl-toolbar #gvcl-date{font-size:13px;line-height:1.3}.gvcl-toolbar label:first-child{overflow:hidden}.gvcl-toolbar #gvcl-date::-webkit-date-and-time-value{min-height:1.3em;text-align:left}}

/* v1.0.1: account login right on the checklist page (shared with GUVIET HR) */
.gvcl-login{width:min(100%,510px);margin:42px auto 32px;padding:32px;background:#fff;border:1px solid var(--g-border);border-radius:17px;box-shadow:0 12px 40px #2139540c}
.gvcl-login-heading{display:flex;align-items:flex-start;gap:15px;margin:0 0 23px}
.gvcl-login-mark{width:49px;height:49px;border-radius:13px;display:grid;place-items:center;background:var(--g-orange);color:#fff;font-size:19px;font-weight:900;flex:none}
.gvcl-login-overline{display:block;color:var(--g-orange);font-weight:800;letter-spacing:1px;font-size:10px;margin-top:1px}
.gvcl-login h1{font-size:23px;line-height:1.3;color:var(--g-deep);margin:2px 0 7px}
.gvcl-login-heading p{font-size:13px;color:var(--g-muted);line-height:1.5;margin:0}
.gvcl-login-form{display:flex;flex-direction:column;gap:7px}
.gvcl-login-form>label:not(.gvcl-remember){font-size:13px;color:#3f5067;font-weight:750;margin-top:8px}
.gvcl-login-form>input{display:block;width:100%;min-height:47px;border:1px solid #cfdae8;background:#fff;color:var(--g-deep);border-radius:9px;padding:11px 13px;outline:none}
.gvcl-login-form>input:focus-visible{border-color:var(--g-blue);box-shadow:0 0 0 3px #2f4f7822}
.gvcl-remember{display:flex;align-items:center;gap:8px;font-size:12px;color:#53627a;margin:9px 0 7px;cursor:pointer}
.gvcl-remember input{accent-color:var(--g-blue)}
.gvcl-login-submit{border:0;border-radius:10px;min-height:47px;background:var(--g-orange);color:#fff;font-weight:800;font-size:14px;cursor:pointer}
.gvcl-login-submit:hover{filter:brightness(.96)}
.gvcl-login-links{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin-top:17px}
.gvcl-login-links a{color:#335e8c;text-decoration:none;font-weight:700}
.gvcl-login-tip{border-top:1px solid #edf0f4;padding-top:15px;font-size:11px;color:#79879b;margin:18px 0 0}
.gvcl-login-alert{background:#fff1ed;border:1px solid #f0c2b3;border-radius:9px;padding:11px 13px;color:#9a4330;font-size:12px;margin-bottom:15px}
@media(max-width:740px){.gvcl-login{margin:19px auto 25px;padding:22px 18px;border-radius:13px}.gvcl-login-heading{gap:11px}.gvcl-login-mark{height:43px;width:43px;font-size:16px}.gvcl-login h1{font-size:21px}.gvcl-login-heading p{font-size:12px}}