/* SYAFI GROW | Scoped vanilla CSS: Staff and Management share no protected UI. */
.sg-shell{--sg:#0d7659;--sg-dark:#092f29;--sg-green:#169a72;--sg-text:#1a3932;--sg-mute:#72877f;--sg-line:#e1eae5;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;color:var(--sg-text);background:#f5f8f6;border:1px solid var(--sg-line);border-radius:22px;overflow:hidden;line-height:1.5;box-shadow:0 15px 45px rgba(8,53,38,.05);font-size:14px;max-width:1500px;margin:16px auto 25px}
.sg-shell *{box-sizing:border-box}.sg-shell input,.sg-shell select,.sg-shell textarea,.sg-shell button{font-family:inherit!important;max-width:100%;font-size:13px}.sg-shell a{text-decoration:none!important}.sg-head{background:#fff;border-bottom:1px solid var(--sg-line);display:flex;align-items:center;gap:11px;padding:16px clamp(16px,3vw,35px)}.sg-logo{font-size:22px;font-weight:900;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#159e74,#093c32);color:white;box-shadow:0 7px 15px #0d745b26}.sg-logo-t{display:flex;flex-direction:column;gap:1px}.sg-logo-t strong{font-size:17px;letter-spacing:-.045em}.sg-logo-t small{font-weight:800;letter-spacing:.18em;font-size:8px;color:#829c90}.sg-head-right{margin-left:auto;display:flex;gap:15px;align-items:center}.sg-user{font-size:12px;font-weight:700}.sg-logout{font-size:12px;color:#0c7756!important;font-weight:700}.sg-content{max-width:1420px;margin:auto;padding:27px clamp(15px,3.5vw,38px) 35px}.sg-eyebrow{font-weight:900;color:#118363;letter-spacing:.17em;font-size:10px}.sg-shell h1,.sg-shell h2,.sg-shell h3,.sg-shell p{margin-top:0}.sg-shell h1{font-size:clamp(25px,4vw,39px)!important;line-height:1.15;letter-spacing:-.06em;color:#1b3932;margin:9px 0 12px}.sg-shell h1 em{color:#11926a;font-style:normal}.sg-shell p{color:#72877f;line-height:1.65;margin-bottom:13px}.sg-upload .sg-content{max-width:890px}.sg-upload-intro{display:flex;justify-content:space-between;gap:18px;align-items:center}.sg-upload-intro p{max-width:650px}.sg-stepicon{height:64px;min-width:64px;background:#e1f2e9;color:#159a6a;border-radius:20px;display:grid;place-items:center;font-size:30px}.sg-flow{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0 17px}.sg-flow span{background:#eaf1ed;color:#839b8b;padding:9px 14px;border-radius:30px;font-size:11px;font-weight:800}.sg-flow span.active{background:#d8f2e5;color:#0a855c}.sg-card{background:#fff;border:1px solid var(--sg-line);border-radius:17px;padding:clamp(15px,2.5vw,23px);box-shadow:0 5px 22px #204a3610;margin-bottom:16px;animation:sg-rise .48s ease both;min-width:0}.sg-cardtitle{font-size:16px;font-weight:850;display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:15px;letter-spacing:-.025em;color:#173d33}.sg-cardtitle small{font-weight:500;font-size:11px;color:#9aaba0}.sg-chip{border-radius:40px;padding:6px 10px;background:#e4f6eb;color:#148660;font-size:9px;font-weight:850;letter-spacing:.07em}.sg-formrow{margin-bottom:16px}.sg-shell label{display:block;font-size:11px;font-weight:850;color:#446e5c;margin-bottom:7px}.sg-shell textarea,.sg-shell select,.sg-shell input:not([type=checkbox]):not([type=hidden]){width:100%;border-radius:10px;border:1px solid #d6e5d9;padding:12px 14px;background:#fff;color:#1d3d34;outline:0;transition:border-color .18s,box-shadow .18s;min-height:42px}.sg-shell textarea{resize:vertical;min-height:90px}.sg-shell textarea:focus,.sg-shell select:focus,.sg-shell input:focus{border-color:#16aa7e!important;box-shadow:0 0 0 3px #13a37d1f}.sg-formrow small{font-size:11px;color:#90a59a;display:block;margin:7px 0}.sg-buttons{display:flex;flex-wrap:wrap;gap:9px}.sg-button{appearance:none;background:linear-gradient(145deg,#148e69,#0c7254);color:#fff!important;border:1px solid #0a7754;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:6px;padding:12px 17px;font-size:12px!important;font-weight:820;cursor:pointer;text-decoration:none!important;transition:transform .18s,box-shadow .18s,filter .18s;min-height:39px}.sg-button:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 18px #087a5230;color:#fff!important}.sg-button:active{transform:scale(.975)}.sg-button:disabled{opacity:.58;cursor:wait}.sg-button.sg-outline{background:#fff;border-color:#b8d6c6;color:#177a5b!important}.sg-button.sg-light{background:#f2f6f3;color:#6c8176!important;border-color:#e2ebe5}.sg-button.sg-small{padding:8px 11px;font-size:10px!important;min-height:31px}.sg-message:empty{display:none}.sg-message{margin:12px 0;padding:12px 14px;border-radius:10px;font-size:12px;background:#edf9f0;color:#147e58;border:1px solid #d6f0e1;animation:sg-rise .32s}.sg-message.sg-error{background:#fff1ed;color:#a73e27;border-color:#f5d7cf}.sg-hidden{display:none!important}.sg-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:15px 0}.sg-metric{background:white;border:1px solid var(--sg-line);border-radius:14px;padding:17px;overflow-wrap:anywhere;min-width:0}.sg-metric>span{display:block;font-size:11px;color:#7a8f83;font-weight:680}.sg-metric strong{display:block;font-size:clamp(15px,2vw,22px);letter-spacing:-.05em;color:#173f34;margin:9px 0 6px}.sg-metric small{display:block;font-size:10px;color:#99a79d}.sg-panel-title{font-size:13px;font-weight:800;margin:20px 0 11px}.sg-tablewrap{width:100%;overflow:auto}.sg-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px!important}.sg-table th{text-align:left;font-size:10px;background:#f4f8f6;color:#6c8479;text-transform:uppercase;letter-spacing:.06em;padding:11px 9px}.sg-table td{border-bottom:1px solid #ecf0ed;padding:12px 9px;color:#345244}.sg-table tr:last-child td{border-bottom:0}.sg-num{font-weight:800}.sg-status{padding:6px 9px;border-radius:18px;font-size:9px;font-weight:900;letter-spacing:.04em}.sg-status.verified{background:#e1f7e9;color:#137550}.sg-status.provisional{background:#fff2dc;color:#a6751b}.sg-warning{background:#fff5e7;border:1px solid #f5e1c1;color:#966719;padding:12px 14px;border-radius:9px;font-size:11px;margin:11px 0}.sg-warning.good{background:#eaf8ed;border-color:#d2efdd;color:#15754c}.sg-footnote{font-size:10px;color:#899f93;text-align:center;padding:9px}.sg-management-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:23px;margin-top:16px}.sg-sidebar{background:#0a342b;color:white;border-radius:15px;padding:19px 11px;min-width:0;align-self:start;position:sticky;top:15px}.sg-menu-title{font-size:9px;letter-spacing:.13em;font-weight:850;color:#91b8a7;margin:4px 12px 17px}.sg-nav{display:block;color:#bad4c7!important;font-size:12px!important;padding:12px;margin-bottom:4px;border-radius:9px;transition:background .18s,transform .18s}.sg-nav:hover{color:white!important;background:#185541;transform:translateX(2px)}.sg-nav.active{color:white!important;background:#167c59;font-weight:820}.sg-sidebar-foot{border-top:1px solid #3a6352;padding:16px 12px 4px;color:#96bda9;font-size:10px;margin-top:15px}.sg-mainpanel{min-width:0}.sg-mainpanel h1{font-size:clamp(23px,3vw,32px)!important}.sg-description{font-size:12px}.sg-filters{display:flex;align-items:end;gap:11px;flex-wrap:wrap;background:#fff;border:1px solid var(--sg-line);border-radius:12px;padding:13px;margin:15px 0}.sg-filters>div{min-width:140px;flex:1}.sg-filters input,.sg-filters select{min-height:40px!important}.sg-hero{background:linear-gradient(113deg,#0b4435,#169470);border-radius:16px;padding:26px;color:#fff;margin:12px 0;box-shadow:0 13px 28px #0a5a4030}.sg-hero span{color:#c9efdc;font-size:10px;letter-spacing:.15em;font-weight:830}.sg-hero h2{font-size:clamp(20px,3vw,27px)!important;color:#fff;letter-spacing:-.04em;margin:7px 0 4px}.sg-hero p{color:#cdeedd;font-size:11px;margin:0}.sg-secondary-kpis .sg-metric{padding:12px 15px}.sg-secondary-kpis .sg-metric strong{font-size:17px}.sg-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sg-chart{height:185px;display:flex;gap:4px;align-items:end;border-bottom:1px solid #ebf0ec;padding:8px 0 3px}.sg-chartbar{flex:1;min-width:4px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.sg-chartbar>div{width:75%;background:linear-gradient(180deg,#16aa78,#77d6b0);border-radius:5px 5px 0 0;animation:sg-grow .75s ease both}.sg-chartbar small{font-size:8px;color:#889d90;margin-top:4px}.sg-branchbar{display:grid;grid-template-columns:minmax(70px,105px) 1fr 80px;gap:9px;align-items:center;margin:14px 0}.sg-branchbar span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-branchbar b{font-size:9px;text-align:right;white-space:nowrap}.sg-barbg{background:#edf3ee;height:8px;border-radius:30px;overflow:hidden}.sg-barbg>div{height:100%;border-radius:30px;background:linear-gradient(90deg,#0e8564,#88d7ad);animation:sg-grow-wide .7s ease}.sg-periods{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.sg-period{border-radius:9px;color:#557867!important;border:1px solid #d3e5d9;background:#fff;padding:9px 12px;font-size:11px!important;font-weight:800}.sg-period.on{color:#fff!important;background:#118660;border-color:#118660}.sg-reviewfield{margin-bottom:14px}.sg-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:8px 0}.sg-action-card{padding:15px;border:1px solid var(--sg-line);background:#f8faf8;border-radius:11px;margin:10px 0}.sg-action-card>b{display:block;font-size:12px;margin-bottom:10px}.sg-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.sg-target-form{border:1px solid var(--sg-line);padding:13px;border-radius:10px}.sg-target-row{display:flex;align-items:center;gap:5px}.sg-target-row>span{font-size:12px;color:#809688;font-weight:750}.sg-target-row input{width:100px;min-width:0;flex:1}.sg-verify-form{display:flex;gap:7px;min-width:260px}.sg-verify-form .sg-reason{font-size:10px;min-width:150px}.sg-empty{text-align:center;font-size:12px;color:#8fa397;padding:25px!important}.sg-muted{font-size:11px;color:#899e93}.sg-gate{max-width:490px;text-align:center;margin:35px auto;padding:33px}.sg-gate h2{font-size:23px!important;margin:9px 0}.sg-gate-mark{width:60px;height:60px;background:linear-gradient(135deg,#0d624c,#15b37c);color:white;border-radius:20px;font-size:26px;font-weight:950;display:grid;place-items:center;margin:0 auto 14px}.sg-gate #loginform{text-align:left;margin:25px auto}.sg-gate #loginform label{display:block}.sg-gate #loginform input.input{width:100%;margin-top:5px}.sg-gate #loginform .button-primary{background:#0d7f5b;border:none;border-radius:9px;padding:10px 20px;color:#fff;cursor:pointer}.sg-gate #loginform .login-remember label{display:flex;align-items:center;gap:7px}.sg-gate #loginform .login-remember input{width:auto}.sg-gate #loginform .login-remember{margin-bottom:12px}
@keyframes sg-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes sg-grow{from{height:0}}@keyframes sg-grow-wide{from{width:0}}
@media(max-width:1050px){.sg-management-layout{grid-template-columns:170px minmax(0,1fr);gap:13px}.sg-branchbar{grid-template-columns:83px 1fr 60px}.sg-branchbar b{font-size:8px}}
@media(max-width:760px){.sg-content{padding:18px 12px}.sg-head{padding:11px 12px}.sg-user{display:none}.sg-management-layout{display:block}.sg-sidebar{position:static;display:flex;gap:5px;overflow-x:auto;padding:8px;margin-bottom:12px;border-radius:11px}.sg-sidebar .sg-menu-title,.sg-sidebar .sg-sidebar-foot{display:none}.sg-nav{white-space:nowrap;font-size:10px!important;padding:10px;flex:none;margin:0}.sg-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sg-metric{padding:12px}.sg-metric strong{font-size:17px}.sg-two,.sg-admin-grid{grid-template-columns:1fr}.sg-hero{padding:20px}.sg-filters{gap:8px}.sg-filters>div{min-width:110px}.sg-stepicon{display:none}}
@media(max-width:390px){.sg-logo-t small{font-size:7px}.sg-logo-t strong{font-size:14px}.sg-kpis{grid-template-columns:1fr 1fr}.sg-metric strong{font-size:14px}.sg-buttons .sg-button{flex:1}.sg-branchbar{grid-template-columns:80px 1fr 55px}}