:root{--green:#087a4b;--green2:#0a8f59;--mint:#eaf7f0;--text:#17223b;--muted:#6b7280;--line:#e5e7eb;--bg:#f7faf8;--red:#dc2626;--amber:#d97706;--blue:#2563eb;--purple:#7c3aed;--card:#fff}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.boot{padding:40px;text-align:center}.hidden{display:none!important}
.app-shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{background:white;border-right:1px solid var(--line);padding:18px 14px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;gap:10px;align-items:center;font-weight:800;font-size:18px;margin-bottom:22px}.leaf{width:34px;height:44px;position:relative}.leaf:before,.leaf:after{content:"";position:absolute;background:#61c68a;border-radius:100% 0 100% 0;transform:rotate(-35deg)}.leaf:before{width:20px;height:34px;left:2px;top:0}.leaf:after{width:16px;height:28px;right:1px;top:12px;transform:rotate(35deg)}.brand small{display:block;font-size:11px;font-weight:500;color:var(--muted)}
.nav-group{font-size:11px;color:#64748b;margin:18px 10px 7px}.nav button{width:100%;border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:9px;margin:2px 0;color:#32415f;display:flex;gap:9px;align-items:center}.nav button.active{background:var(--mint);color:var(--green);font-weight:700}.sidebar-foot{margin-top:28px;padding:12px;color:var(--green);font-size:13px;font-weight:700;font-style:italic}.version{font-size:11px;color:var(--muted);margin-top:12px}
.main{min-width:0}.topbar{height:62px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:5}.search{width:min(430px,45vw)}.search input{width:100%;padding:10px 13px;border:1px solid var(--line);border-radius:9px;background:#fafafa}.userbox{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:700}.content{padding:22px;max-width:1600px;margin:auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.page-head h1{margin:0;font-size:28px}.page-head p{margin:4px 0 0;color:var(--muted)}
.btn{border:1px solid var(--line);background:white;border-radius:8px;padding:9px 13px;color:#26324b}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.btn.danger{color:var(--red);border-color:#fecaca}.btn.ghost{background:transparent}.btn.small{padding:6px 9px;font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}
.grid{display:grid;gap:14px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}.kpi b{font-size:25px;display:block}.kpi span{font-size:12px;color:var(--muted)}.kpi.green{background:#effaf4}.kpi.blue{background:#f1f6ff}.kpi.amber{background:#fff8e9}.kpi.red{background:#fff1f2}
.toolbar{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.toolbar input,.toolbar select{padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;min-width:150px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fff}.table{width:100%;border-collapse:collapse;font-size:13px;min-width:900px}.table th,.table td{padding:10px;border-bottom:1px solid #eef0f2;text-align:left;vertical-align:middle}.table th{background:#f8fafc;color:#43506a;font-size:12px}.table tr:hover td{background:#fbfdfc}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;background:#eef2f7}.badge.green{background:#dcfce7;color:#166534}.badge.blue{background:#dbeafe;color:#1d4ed8}.badge.amber{background:#fef3c7;color:#92400e}.badge.red{background:#fee2e2;color:#991b1b}.badge.purple{background:#ede9fe;color:#6d28d9}
.split{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px}.panel-title{font-weight:750;margin-bottom:9px}.muted{color:var(--muted);font-size:12px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:11px}.field label{font-size:12px;font-weight:650}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff}.field textarea{min-height:90px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.full{grid-column:1/-1}.info{background:#edf9f2;border:1px solid #d4f2df;padding:11px;border-radius:9px;font-size:13px}.warn{background:#fff7e6;border:1px solid #fde6b3;padding:11px;border-radius:9px;font-size:13px}.error{background:#fff1f2;border:1px solid #fecdd3;padding:11px;border-radius:9px;color:#9f1239;font-size:13px}
.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:14px;overflow:auto}.tabs button{border:0;background:transparent;padding:10px 14px;color:#475569;white-space:nowrap}.tabs button.active{color:var(--green);font-weight:750;border-bottom:2px solid var(--green)}
.pipeline{display:flex;gap:6px;overflow:auto}.pipe{padding:12px 16px;border-radius:9px;background:#f1f5f9;min-width:130px;text-align:center}.pipe.active{background:var(--mint);color:var(--green);font-weight:700}.pipe b{display:block;font-size:20px}.calendar-layout{display:grid;grid-template-columns:280px minmax(0,1fr) 380px;gap:14px}.mini-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;font-size:12px}.mini-cal div{padding:7px;text-align:center;border-radius:7px}.mini-cal .sel{background:var(--green);color:#fff}.timeline-row{display:grid;grid-template-columns:70px 1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid #edf0f2}.timeline-row.selected{background:#f1faf5;border-radius:8px;padding:11px}.timeline-row b{font-size:13px}.timeline-row small{color:var(--muted)}
.chart-bars{display:flex;align-items:flex-end;gap:18px;height:180px;padding:10px 5px}.bar-group{flex:1;text-align:center}.bar{width:24px;background:var(--green);margin:auto;border-radius:5px 5px 0 0}.hbar{display:grid;grid-template-columns:180px 1fr 45px;gap:8px;align-items:center;margin:9px 0}.hbar-track{height:10px;background:#eef2f3;border-radius:99px;overflow:hidden}.hbar-fill{height:100%;background:var(--green);border-radius:99px}
.settings-tabs{display:flex;gap:2px;background:#f5f7f8;padding:3px;border-radius:10px;margin-bottom:16px;overflow:auto}.settings-tabs button{border:0;background:transparent;padding:10px 13px;border-radius:8px;white-space:nowrap}.settings-tabs button.active{background:#fff;color:var(--green);font-weight:750;box-shadow:0 0 0 1px var(--line)}.master-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.master-card{min-height:270px}.compact-list{font-size:12px}.compact-list .row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:7px 0;border-bottom:1px solid #eef1f3}.role-layout{display:grid;grid-template-columns:280px 1fr;gap:14px}.role-item{padding:11px;border-bottom:1px solid var(--line);cursor:pointer}.role-item.active{background:var(--mint);color:var(--green);font-weight:700}.perm-table{width:100%;border-collapse:collapse;font-size:12px}.perm-table th,.perm-table td{padding:8px;border-bottom:1px solid #eef1f3;text-align:center}.perm-table th:first-child,.perm-table td:first-child{text-align:left}.check{width:18px;height:18px;accent-color:var(--green)}
.modal-backdrop{position:fixed;inset:0;background:#0f172a66;z-index:50;display:grid;place-items:center;padding:16px}.modal{background:#fff;border-radius:14px;width:min(760px,96vw);max-height:92vh;overflow:auto;padding:18px}.modal.wide{width:min(1100px,98vw)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-head h2{margin:0}.close{border:0;background:transparent;font-size:22px}.toast{position:fixed;right:18px;bottom:18px;z-index:90;background:#0f5132;color:#fff;padding:11px 15px;border-radius:9px;box-shadow:0 8px 30px #0002}.toast.err{background:#9f1239}
.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#effaf4,#f8fbfa)}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}.login-card h1{margin-bottom:8px}.public-request{max-width:900px;margin:30px auto;padding:0 16px}.stepper{display:flex;gap:10px;margin:12px 0 18px}.step{flex:1;padding:9px;border-radius:8px;background:#f1f5f9;text-align:center;font-size:12px}.step.active{background:var(--mint);color:var(--green);font-weight:700}.file-chip{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:6px 9px;font-size:12px}.money-preview{font-size:11px;color:var(--muted);margin-top:3px}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}.calendar-layout{grid-template-columns:1fr}.master-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.role-layout{grid-template-columns:1fr}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.nav{display:grid;grid-template-columns:repeat(2,1fr)}.topbar{position:relative}.content{padding:14px}.kpis{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.master-grid{grid-template-columns:1fr}.search{width:55vw}.page-head{flex-direction:column}.settings-tabs{margin-left:-2px}.public-request{margin-top:15px}}

/* ===== TomaFood UI Refresh v8 ===== */
:root{--green:#174b3f;--green2:#1d5a4b;--green3:#0e6e56;--orange:#f15a24;--orange2:#ff7a39;--mint:#eaf6ef;--text:#12213a;--muted:#708096;--line:#e8edf1;--bg:#f8faf9;--card:#fff}
body{background:#f8faf9;color:var(--text)}
.app-shell{grid-template-columns:270px 1fr;background:#f8faf9}.sidebar{background:linear-gradient(180deg,#164b3f 0%,#0f463c 100%);border-right:0;padding:0;box-shadow:6px 0 24px #12372e12}.brand-logo-wrap{height:78px;background:#fff;margin:0;padding:18px 28px;border-bottom:1px solid #edf1f0}.brand-logo{width:170px;height:auto;display:block}.nav{padding:16px 12px}.nav-group{color:#9fc5b7;margin:22px 14px 7px;font-weight:700;letter-spacing:.08em}.nav button{color:#eaf3ef;border-radius:10px;padding:12px 14px;margin:4px 0;font-size:14px}.nav button span{width:22px;text-align:center;opacity:.9}.nav button:hover{background:#ffffff10}.nav button.active{background:#ffffff20;color:#fff;font-weight:700;box-shadow:inset 3px 0 0 var(--orange)}.sidebar-foot{position:absolute;left:0;bottom:0;width:100%;padding:26px 32px 20px;color:#fff;font-weight:400}.side-quote{font-style:italic;line-height:1.55;color:#f2f7f4}.version{color:#a9c7bb}.topbar{height:72px;border-bottom:1px solid #e8edf1;padding:0 28px;box-shadow:0 1px 0 #fff}.search input{background:#f8fafb;border-color:#e3e8ec;padding:11px 15px}.userbox{gap:12px}.avatar{background:#1b5948;width:38px;height:38px}.notif-dot{position:relative;font-size:18px}.notif-dot i{position:absolute;top:-9px;right:-9px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#ef3e2e;color:#fff;font-size:10px;font-style:normal;border:2px solid #fff}.logout-btn{border-color:#dfe6e3}.content{padding:26px 28px 34px;max-width:1720px}.card{border-color:#e6ebe8;border-radius:12px;box-shadow:0 2px 12px #18382f08}.panel-title{font-size:15px;color:#14233c}.btn.primary{background:linear-gradient(135deg,#17644e,#0d7254);border-color:#0d7254}.btn.primary:hover{filter:brightness(.98)}
.dash-welcome{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 2px 22px}.welcome-title{font-size:25px;font-weight:800;letter-spacing:-.02em}.welcome-sub{margin-top:6px;color:#68788c;font-size:14px}.welcome-script{text-align:center;font-family:cursive;font-size:22px;line-height:1.05;transform:rotate(-4deg);color:#14283a;margin-right:18px}.welcome-script span{color:var(--orange)}
.kpis-v2{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:18px}.kpi-v2{display:flex;align-items:center;gap:18px;padding:18px 20px;min-height:112px;background:#fff}.kpi-v2.mint{background:linear-gradient(135deg,#f4fbf6,#eef9f2)}.kpi-v2.peach{background:linear-gradient(135deg,#fff8f5,#fff1eb)}.kpi-v2.sky{background:linear-gradient(135deg,#f4f9ff,#edf5ff)}.kpi-v2 .kpi-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#dff3e8;color:#126148;font-size:21px;font-weight:800}.kpi-v2.peach .kpi-icon{background:#ffe5d9;color:var(--orange)}.kpi-v2.sky .kpi-icon{background:#dcecff;color:#2167b7}.kpi-v2 b{font-size:29px;line-height:1;margin-bottom:5px}.kpi-v2 strong{display:block;font-size:14px}.kpi-v2 small{display:block;color:#64748b;margin-top:5px;font-size:11px}
.dashboard-main-grid{display:grid;grid-template-columns:1.05fr 1.05fr .72fr;gap:18px;margin-bottom:18px}.dashboard-card{min-height:295px}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.donut-wrap{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:20px;height:230px}.donut{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;margin:auto}.donut-hole{width:112px;height:112px;border-radius:50%;background:#fff;display:grid;place-items:center;align-content:center;box-shadow:0 0 0 1px #e8edf1}.donut-hole b{font-size:26px}.donut-hole span{font-size:12px;color:#68788c}.legend-list{display:grid;gap:11px}.legend-list>div{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:9px;font-size:12px}.legend-list i{width:10px;height:10px;border-radius:50%}.pillar-bars{height:230px;display:flex;gap:20px;align-items:flex-end;padding:6px 12px}.pillar-col{flex:1;min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.pillar-value{font-weight:800;font-size:13px;margin-bottom:5px}.pillar-bar-track{height:158px;width:54px;display:flex;align-items:flex-end;border-bottom:1px solid #dfe6e8}.pillar-bar-fill{width:100%;border-radius:4px 4px 0 0;background:#184f41}.pillar-bar-fill.p1{background:linear-gradient(#fa6d31,#ef5b21)}.pillar-bar-fill.p2{background:linear-gradient(#286a58,#174c40)}.pillar-bar-fill.p3{background:linear-gradient(#99d5b4,#65b789)}.pillar-bar-fill.p4{background:linear-gradient(#ffd5bd,#f7ac82)}.pillar-col span{font-size:10.5px;color:#48576a;margin-top:9px;line-height:1.25;min-height:28px}.quick-card{display:flex;flex-direction:column;gap:8px}.quick{border:1px solid #e5eaed;background:#f5f7f8;color:#20324b;border-radius:8px;padding:10px 12px;text-align:left;cursor:pointer}.quick:hover{background:#edf3f0}.quick.primary{background:linear-gradient(90deg,#f36b2f,#f0521d);color:#fff;border-color:#f0521d;font-weight:700}.dashboard-bottom-grid{display:grid;grid-template-columns:1.55fr .95fr;gap:18px}.right-stack{display:grid;gap:18px}.link-btn{border:0;background:transparent;color:#1672b8;cursor:pointer;font-size:12px}.empty-state{padding:26px;text-align:center;color:#7a8797;background:#fafcfc;border-radius:8px}.notice-list{display:grid;gap:10px}.notice-list>div{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;font-size:12px}.notice-list i{width:9px;height:9px;border-radius:50%;background:#f5aa2c}.notice-list>div:nth-child(2) i{background:#467fb9}.notice-list>div:nth-child(3) i{background:#ef8b4e}.notice-list small{color:#8a96a6}.qr-mini-body{display:flex;gap:13px;align-items:center;background:#eff9f3;border-radius:10px;padding:10px}.qr-mini-body img{width:86px;height:86px;border-radius:7px;background:#fff;padding:4px}.qr-mini-body b{font-size:13px}.qr-mini-body p{margin:5px 0;color:#6f887c;font-size:11px}.qr-mini-body code{display:block;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;background:#fff;padding:6px;border-radius:6px;color:#516071}.table th{background:#f4f6f7}.table td,.table th{padding:9px 10px}
.login{background:radial-gradient(circle at 20% 15%,#edf7f1 0,#f7faf8 45%,#fff 100%)}.login-card-v2{padding:32px;border-radius:18px;box-shadow:0 18px 55px #173f3420}.login-logo{display:block;width:220px;max-width:85%;height:auto;margin:0 auto 8px}.login-kicker{text-align:center;color:#1b5948;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:22px}.login-card-v2 h1{text-align:center;margin:0 0 5px;font-size:25px}.login-card-v2>p{text-align:center;margin-bottom:20px}.login-btn{width:100%;padding:11px}.public-brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.public-brand img{width:210px;height:auto}.public-brand span{font-weight:750;color:#174b3f;font-size:17px}
@media(max-width:1250px){.dashboard-main-grid{grid-template-columns:1fr 1fr}.quick-card{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.dashboard-bottom-grid{grid-template-columns:1fr}.donut-wrap{grid-template-columns:180px 1fr}.donut{width:160px;height:160px}.donut-hole{width:96px;height:96px}.app-shell{grid-template-columns:235px 1fr}.brand-logo{width:155px}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.brand-logo-wrap{height:auto}.sidebar-foot{position:relative}.dashboard-main-grid{grid-template-columns:1fr}.kpis-v2{grid-template-columns:repeat(2,1fr)}.quick-card{grid-template-columns:1fr 1fr}.dash-welcome{flex-direction:column}.welcome-script{display:none}.donut-wrap{grid-template-columns:1fr}.legend-list{grid-template-columns:repeat(2,1fr)}.pillar-bars{padding-left:0;padding-right:0}}
@media(max-width:620px){.kpis-v2{grid-template-columns:1fr}.quick-card{grid-template-columns:1fr}.content{padding:16px}.topbar{padding:0 14px}.user-meta{display:none}.logout-btn{display:none}.dashboard-bottom-grid{grid-template-columns:1fr}.public-brand{flex-direction:column;align-items:flex-start;gap:8px}.public-brand img{width:180px}}

/* ===== TomaFood UI Refinement v9 ===== */
:root{
  --tf-green:#174b3f;
  --tf-green-deep:#103f35;
  --tf-green-soft:#edf7f1;
  --tf-orange:#f15a24;
  --tf-ink:#10213a;
  --tf-muted:#758399;
  --tf-line:#e7ece9;
  --tf-bg:#f7f9f8;
}
html{background:var(--tf-bg)}
body{font-size:14px;background:var(--tf-bg);letter-spacing:-.005em}
.app-shell{grid-template-columns:236px minmax(0,1fr);background:var(--tf-bg)}
.sidebar{background:linear-gradient(180deg,#174f42 0%,#0f4338 100%);box-shadow:4px 0 20px rgba(16,63,53,.07)}
.brand-logo-wrap{height:72px;padding:17px 22px;display:flex;align-items:center;background:#fff}
.brand-logo{width:158px;max-height:40px;object-fit:contain;object-position:left center}
.nav{padding:14px 10px 112px}
.nav button{padding:10px 12px;margin:3px 0;border-radius:9px;font-size:13px;gap:10px}
.nav button span{font-size:15px;width:20px}
.nav button.active{background:rgba(255,255,255,.15);box-shadow:inset 3px 0 0 var(--tf-orange)}
.nav-group{margin:20px 12px 6px;font-size:10px}
.sidebar-foot{padding:20px 22px 18px;font-size:12px}
.side-quote{font-size:12px;line-height:1.55;opacity:.96}
.version{font-size:10px;margin-top:14px}
.topbar{height:64px;padding:0 22px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}
.search{width:min(480px,46vw)}
.search input{height:40px;border-radius:10px;padding:9px 14px;font-size:13px;background:#f8faf9}
.userbox{gap:10px}.avatar{width:34px;height:34px;font-size:12px}.user-meta b{font-size:13px}.user-meta .muted{font-size:11px}.logout-btn{padding:6px 9px}
.content{padding:22px 24px 30px;max-width:1540px;margin:0 auto;width:100%}
.card{border-radius:14px;border:1px solid var(--tf-line);box-shadow:0 4px 16px rgba(21,65,54,.035);padding:15px}
.dash-welcome{padding:4px 2px 16px;align-items:center}.welcome-title{font-size:24px;line-height:1.15}.welcome-sub{font-size:13px;margin-top:5px}.welcome-script{font-size:19px;margin-right:8px;opacity:.9}
.kpis-v2{gap:14px;margin-bottom:14px}.kpi-v2{min-height:94px;padding:15px 16px;gap:14px;border-radius:14px}.kpi-v2 .kpi-icon{width:42px;height:42px;border-radius:12px;font-size:18px}.kpi-v2 b{font-size:25px}.kpi-v2 strong{font-size:13px}.kpi-v2 small{font-size:10.5px}
.dashboard-main-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) 250px;gap:14px;margin-bottom:14px}.dashboard-card{min-height:265px}.panel-title{font-size:14px}.card-title-row{margin-bottom:10px}
.donut-wrap{grid-template-columns:170px 1fr;height:205px;gap:14px}.donut{width:150px;height:150px}.donut-hole{width:88px;height:88px}.donut-hole b{font-size:23px}.donut-hole span{font-size:10px}.legend-list{gap:8px}.legend-list>div{font-size:11px;grid-template-columns:10px 1fr auto;gap:7px}.legend-list i{width:8px;height:8px}
.pillar-bars{height:205px;gap:13px;padding:4px 6px}.pillar-bar-track{height:135px;width:45px}.pillar-value{font-size:12px}.pillar-col span{font-size:9.5px;min-height:25px;margin-top:7px}
.quick-card{gap:7px;padding:15px}.quick-card .panel-title{margin-bottom:2px}.quick{padding:9px 10px;border-radius:9px;font-size:12px;line-height:1.25}.quick.primary{padding:11px 12px}
.dashboard-bottom-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);gap:14px}.right-stack{gap:14px}
.qr-mini-body{gap:10px;padding:9px}.qr-mini-body img{width:72px;height:72px}.qr-mini-body p{font-size:10px}.qr-mini-body code{font-size:9.5px;max-width:220px}
.notice-list{gap:8px}.notice-list>div{font-size:11px}.notice-list small{font-size:10px}
.table{font-size:12px}.table td,.table th{padding:8px 9px}.table th{font-size:11px}
.page-head h1{font-size:24px}.page-head p{font-size:12px}
.toolbar{gap:7px}.toolbar input,.toolbar select{padding:8px 9px;font-size:12px}
.btn{padding:8px 11px;font-size:12px}.settings-tabs button{padding:9px 11px;font-size:12px}
.master-grid{gap:10px}.master-card{min-height:245px}.compact-list{font-size:11px}
.field input,.field select,.field textarea{padding:9px;font-size:12px}.field label{font-size:11px}
.modal{border-radius:16px;box-shadow:0 24px 80px rgba(15,52,43,.20)}

/* Empty dashboard should stay visually balanced */
.donut[style*="0deg 360deg"]{background:#edf1ef!important}

@media(max-width:1360px){
  .app-shell{grid-template-columns:220px minmax(0,1fr)}
  .brand-logo{width:145px}
  .dashboard-main-grid{grid-template-columns:1fr 1fr 230px}
  .content{padding:20px}
}
@media(max-width:1120px){
  .dashboard-main-grid{grid-template-columns:1fr 1fr}
  .quick-card{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}
  .dashboard-bottom-grid{grid-template-columns:1fr}
}
@media(max-width:860px){
  .app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar-foot{position:relative}.nav{padding-bottom:14px}
  .topbar{position:relative}.kpis-v2{grid-template-columns:repeat(2,1fr)}.dashboard-main-grid{grid-template-columns:1fr}.quick-card{grid-template-columns:1fr 1fr}.donut-wrap{grid-template-columns:150px 1fr}
}
@media(max-width:560px){
  .content{padding:14px}.topbar{padding:0 12px}.kpis-v2{grid-template-columns:1fr}.quick-card{grid-template-columns:1fr}.donut-wrap{grid-template-columns:1fr;height:auto}.legend-list{grid-template-columns:1fr 1fr}.search{width:60vw}
}

/* ===== TomaFood v10 — soft premium visual system ===== */
:root{--font-ui:"Aptos","Segoe UI Variable","Segoe UI",system-ui,-apple-system,sans-serif;--tf-navy:#12223b;--tf-forest:#12493d;--tf-orange:#f45b24}
body,button,input,select,textarea{font-family:var(--font-ui);font-feature-settings:"ss01" 1,"cv01" 1}
body{font-size:13.5px;color:var(--tf-navy);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.ui-icon{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nav button{min-height:43px;font-weight:540;letter-spacing:.002em}.nav button.active{font-weight:690}.nav-ico{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:#d8eee7;transition:.2s ease}.nav button.active .nav-ico{background:rgba(255,255,255,.13);color:#fff}.nav-ico .ui-icon{width:19px;height:19px}.nav-label{flex:1}
.search-modern{position:relative;display:flex;align-items:center}.search-modern input{padding-left:42px;padding-right:64px;border-color:#e3e9e7;background:#f8faf9;box-shadow:inset 0 1px 2px rgba(17,65,54,.025)}.search-svg{position:absolute;left:14px;width:18px;height:18px;color:#65758b;fill:none;stroke:currentColor;stroke-width:1.8}.keycap{position:absolute;right:10px;color:#8490a0;background:#eef2f1;border:1px solid #e3e8e6;border-radius:6px;padding:3px 6px;font-size:9px;font-weight:650}.notif-dot{width:34px;height:34px;display:grid;place-items:center;position:relative;color:#27475f}.bell-svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.notif-dot i{position:absolute;right:-2px;top:-3px;background:#ef472e;color:#fff;border:2px solid #fff;border-radius:999px;min-width:17px;height:17px;display:grid;place-items:center;font:700 9px var(--font-ui)}
.avatar{background:linear-gradient(145deg,#1c6452,#123f36);box-shadow:0 5px 14px rgba(20,75,63,.16)}
.dash-welcome{min-height:92px}.welcome-eyebrow{font-size:12px;color:#567267;font-weight:650;margin-bottom:2px}.welcome-title{font-size:28px;letter-spacing:-.035em;font-weight:760}.welcome-title .wave{display:inline-block;font-size:23px;transform:rotate(-8deg);margin-left:4px}.welcome-sub{font-size:12.5px;color:#738295}.welcome-script{font-family:"Segoe Print","Bradley Hand",cursive;transform:rotate(-4deg);line-height:1.02;color:#153d35}.welcome-script span{color:var(--tf-orange)}
.card{border-color:#e8eeeb;box-shadow:0 7px 22px rgba(24,72,60,.045);transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:0 10px 30px rgba(24,72,60,.065)}
.kpi-v2{overflow:hidden;position:relative}.kpi-v2:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-52px;top:-55px;background:rgba(255,255,255,.52)}.kpi-v2 .kpi-icon{box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}.kpi-svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.kpi-v2 b{font-size:26px;letter-spacing:-.035em;font-weight:780}.kpi-v2 strong{font-weight:680}.kpi-v2 small{margin-top:4px;color:#708294}
.panel-title{font-weight:720;letter-spacing:-.015em;color:#14243c}.dashboard-card,.quick-card,.right-stack>.card,.dashboard-bottom-grid>.card{background:linear-gradient(180deg,#fff,#fefefe)}
.donut{box-shadow:inset 0 0 0 1px rgba(16,50,43,.03)}.donut-hole{box-shadow:0 0 0 1px #edf1ef,0 5px 20px rgba(18,62,52,.04)}.legend-list>div{color:#43536b}.legend-list b{font-weight:700;color:#182941}
.quick-heading{display:flex;align-items:center;gap:8px;margin-bottom:2px}.quick-head-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#fff1e9;color:var(--tf-orange)}.quick-head-icon .ui-icon{width:16px;height:16px}.quick{display:flex;align-items:center;gap:9px;min-height:39px;font-weight:570}.quick>span{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#eaf0ee;color:#214b40}.quick>span .ui-icon{width:16px;height:16px}.quick.primary{box-shadow:0 8px 18px rgba(241,90,36,.16)}.quick.primary>span{background:rgba(255,255,255,.16);color:#fff}.quick:hover{transform:translateY(-1px)}
.table-wrap{border-color:#e7ecea}.table thead th{font-weight:680;color:#536177;letter-spacing:.005em}.table tbody tr{transition:background .15s ease}.badge{font-weight:630}
.btn{font-weight:620;border-radius:9px}.btn.primary{background:linear-gradient(135deg,#17604d,#12483d);box-shadow:0 5px 14px rgba(18,72,61,.12)}
.field label{color:#4c5a6e;font-weight:650}.field input,.field select,.field textarea{border-color:#dfe6e3;box-shadow:0 1px 2px rgba(20,65,54,.02)}.field input:focus,.field select:focus,.field textarea:focus,.search input:focus{outline:none;border-color:#8bb7a8;box-shadow:0 0 0 3px rgba(33,119,91,.09)}
.sidebar-foot:after{content:"";display:block;width:74px;height:74px;margin:14px 0 -8px auto;border-radius:60% 10% 60% 10%;background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.13));transform:rotate(-18deg)}
@media(max-width:860px){.keycap{display:none}.search-modern input{padding-right:12px}.welcome-title{font-size:24px}}
/* v11 master data + sidebar cleanup */
.sidebar-foot{padding:18px 22px 20px}.sidebar-foot:after{display:none!important}.side-quote{display:none!important}.version{margin-top:0;color:#a9c7bb;font-style:normal;font-size:11px}
.master-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#eef8f3;border:1px solid #dceee5;border-radius:12px;padding:13px 16px;margin-bottom:12px}.master-ready{font-size:12px;font-weight:750;color:#16805d;background:#fff;border:1px solid #cfe7dc;border-radius:999px;padding:6px 10px}.master-click{cursor:pointer;transition:.18s ease}.master-click:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(19,70,58,.09);border-color:#cfe1da}.master-more{padding:10px 0 2px;color:#167052;font-weight:700;font-size:11px}.master-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.master-table{max-height:55vh;overflow:auto}.master-table table{width:100%;border-collapse:collapse}.master-table th,.master-table td{padding:10px;border-bottom:1px solid #edf1ef;text-align:left}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}

/* ===== v12 — straight left-to-right dashboard + SUPERADMIN master link ===== */
.welcome-script,.welcome-title .wave,.sidebar-foot:after,.leaf:before,.leaf:after{transform:none!important}
.dash-welcome{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center!important;gap:24px}
.welcome-script{text-align:right!important;font-family:var(--font-ui)!important;font-style:normal!important;font-size:13px!important;line-height:1.35!important;letter-spacing:0!important;color:#5d6e7d!important;margin:0!important;white-space:nowrap}
.welcome-script span{color:inherit!important}
.welcome-title .wave{margin-left:6px!important}
.dashboard-main-grid,.dashboard-bottom-grid,.kpis-v2{direction:ltr}
.card,.kpi-v2,.quick-card,.dashboard-card,.table-wrap{text-align:left}
.nav-external{margin-left:auto;font-size:13px;opacity:.7}
#openMasterSheet{cursor:pointer}
#openMasterSheet:hover .nav-external{opacity:1}
@media(max-width:860px){.dash-welcome{grid-template-columns:1fr}.welcome-script{text-align:left!important;white-space:normal}}

/* v13 - Sidebar strict alignment */
.sidebar .nav{padding-left:14px;padding-right:14px}
.sidebar .nav button{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 18px!important;
  column-gap:12px!important;
  align-items:center!important;
  width:100%!important;
  min-height:46px!important;
  padding:6px 12px!important;
  margin:3px 0!important;
  text-align:left!important;
}
.sidebar .nav button .nav-ico{
  grid-column:1!important;
  width:34px!important;
  height:34px!important;
  margin:0!important;
  justify-self:start!important;
  display:grid!important;
  place-items:center!important;
}
.sidebar .nav button .nav-label{
  grid-column:2!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  justify-self:start!important;
  text-align:left!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.sidebar .nav button .nav-external{
  grid-column:3!important;
  margin:0!important;
  justify-self:end!important;
}
.sidebar .nav-group{
  margin:20px 12px 8px!important;
  padding:0!important;
  text-align:left!important;
}
.sidebar .nav button.active{padding-left:12px!important}
@media(max-width:900px){
 .sidebar .nav button{grid-template-columns:34px minmax(0,1fr) 18px!important}
}

/* ===== v14 — TomaFood Document Hub design language ===== */
:root{--green:#087a58;--green-dark:#075f47;--orange:#f36b2b;--ink:#15251f;--muted:#7d8b85;--line:#e7ece9;--bg:#f5f8f6;--card:#fff;--radius:24px;--shadow:0 18px 50px rgba(21,55,43,.06)}
body{font-family:"Segoe UI Variable","Aptos","Inter",system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink)}
.app-shell{grid-template-columns:280px minmax(0,1fr);background:var(--bg)}
.sidebar{background:#fff!important;border-right:1px solid #dde6e1!important;padding:0 18px 24px!important;box-shadow:none!important;overflow-y:auto}
.brand-logo-wrap{height:138px!important;margin:0 0 20px!important;padding:24px 10px 30px!important;border-bottom:1px solid var(--line);display:flex!important;align-items:flex-start!important;justify-content:center!important;position:relative}
.brand-logo{width:210px!important;max-height:64px!important;object-fit:contain!important}
.brand-logo-wrap:after{content:"RECRUITMENT SYSTEM";position:absolute;left:24px;bottom:18px;color:#809089;font-size:11px;font-weight:800;letter-spacing:2.2px}
.sidebar .nav{padding:18px 2px 0!important}
.sidebar .nav button{grid-template-columns:38px minmax(0,1fr) 18px!important;column-gap:10px!important;min-height:54px!important;padding:8px 14px!important;margin:4px 0!important;border-radius:14px!important;color:#415048!important;font-size:14px!important;font-weight:550!important;transition:.18s ease!important}
.sidebar .nav button .nav-ico{width:38px!important;height:38px!important;color:#415048!important;background:transparent!important;border-radius:11px!important}
.sidebar .nav button .nav-ico svg{width:20px!important;height:20px!important;stroke-width:1.8!important}
.sidebar .nav button:hover{background:#f2f7f4!important;color:#0a674d!important}
.sidebar .nav button.active{background:linear-gradient(135deg,#087a58,#06684c)!important;color:#fff!important;font-weight:750!important;box-shadow:0 10px 24px rgba(8,122,88,.16)!important}
.sidebar .nav button.active .nav-ico{color:#fff!important;background:rgba(255,255,255,.12)!important}
.sidebar .nav button.active .nav-external{color:#fff!important}
.sidebar .nav-group{margin:22px 12px 9px!important;padding-top:16px!important;border-top:1px solid var(--line);color:#87948e!important;font-size:10px!important;font-weight:800!important;letter-spacing:1.7px!important}
.sidebar-foot{display:none!important}
.topbar{height:96px!important;background:#fff!important;border-bottom:1px solid var(--line)!important;padding:0 34px!important;box-shadow:none!important;gap:20px}
.search-modern{width:min(600px,48vw)!important;background:#fbfcfb!important;border:1px solid #dfe7e3!important;border-radius:16px!important;height:58px!important;padding:0 14px!important;box-shadow:none!important}
.search-modern input{font-size:14px!important;background:transparent!important}.search-modern .keycap{background:#fff!important;border:1px solid #e1e7e4!important;border-radius:9px!important;padding:7px 9px!important;color:#82908a!important}
.userbox{gap:12px!important}.avatar{width:44px!important;height:44px!important;background:#087a58!important}.user-meta b{font-size:14px!important}.logout-btn{border-radius:12px!important}
.content{padding:48px 42px 34px!important;max-width:1500px!important}
.dash-welcome{position:relative!important;overflow:hidden!important;min-height:240px!important;padding:40px!important;margin-bottom:26px!important;background:linear-gradient(110deg,#fff 0%,#fff 57%,#eef8f3 82%,#fff7ef 100%)!important;border:1px solid #dfe8e3!important;border-radius:30px!important;box-shadow:var(--shadow)!important;grid-template-columns:minmax(0,1fr) 280px!important}
.dash-welcome:before{content:"TOMAFOOD RECRUITMENT SYSTEM";position:absolute;top:38px;left:40px;color:#087a58;font-size:11px;font-weight:850;letter-spacing:2px;padding-left:20px}
.dash-welcome:after{content:"";position:absolute;width:300px;height:300px;border:42px solid rgba(8,122,88,.045);border-radius:50%;right:-70px;top:-110px;pointer-events:none}
.welcome-eyebrow{display:none!important}.welcome-title{font-size:42px!important;line-height:1.1!important;max-width:760px!important;margin-top:38px!important;color:#14251f!important;font-weight:780!important;letter-spacing:-1.5px!important}.welcome-title .wave{font-size:32px!important}.welcome-sub{font-size:16px!important;margin-top:14px!important;color:#7c8984!important}.welcome-script{align-self:end!important;justify-self:end!important;padding:18px 22px!important;background:#087a58!important;color:#fff!important;border-radius:16px!important;font-weight:750!important;font-size:14px!important;z-index:1!important;white-space:normal!important;text-align:center!important;min-width:190px}.welcome-script span{color:#fff!important}
.kpis-v2{gap:18px!important;margin-bottom:26px!important}.kpi-v2{min-height:205px!important;border-radius:26px!important;border:1px solid #e1e8e4!important;background:#fff!important;padding:26px!important;box-shadow:var(--shadow)!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between!important;position:relative!important;overflow:hidden!important}.kpi-v2:first-child{background:linear-gradient(145deg,#087a58,#066b4e)!important;color:#fff!important}.kpi-v2:first-child strong,.kpi-v2:first-child small,.kpi-v2:first-child b{color:#fff!important}.kpi-v2 .kpi-icon{width:56px!important;height:56px!important;border-radius:15px!important;background:#f0f7f3!important;color:#087a58!important;display:grid!important;place-items:center!important}.kpi-v2:first-child .kpi-icon{background:rgba(255,255,255,.14)!important;color:#fff!important}.kpi-v2 .kpi-icon svg{width:27px!important;height:27px!important}.kpi-v2 b{font-size:40px!important;line-height:1!important;margin:16px 0 6px!important;color:#14251f!important}.kpi-v2 strong{font-size:12px!important;letter-spacing:.7px!important;text-transform:uppercase!important;color:#63716b!important}.kpi-v2 small{font-size:12px!important;color:#8b9792!important;margin-top:7px!important}
.card{border:1px solid #e1e8e4!important;border-radius:24px!important;box-shadow:var(--shadow)!important;background:#fff!important}.dashboard-card,.quick-card{padding:26px!important}.panel-title{font-size:17px!important;color:#1b2a24!important}.card-title-row{margin-bottom:18px!important}.dashboard-main-grid{gap:18px!important}.dashboard-bottom-grid{gap:18px!important;margin-top:18px!important}.quick-card .quick{border-radius:13px!important;min-height:48px!important}.quick-card .quick.primary{background:#087a58!important;border-color:#087a58!important}.table-wrap{border-radius:18px!important;border-color:#e2e8e5!important}.table th{background:#f7faf8!important;color:#627069!important;text-transform:uppercase!important;font-size:10px!important;letter-spacing:.6px!important}.table td{padding-top:13px!important;padding-bottom:13px!important}.btn{border-radius:12px!important}.btn.primary{background:#087a58!important;border-color:#087a58!important}.field input,.field select,.field textarea,.toolbar input,.toolbar select{border-radius:12px!important;border-color:#dfe7e3!important;min-height:44px}.modal{border-radius:26px!important;box-shadow:0 30px 90px rgba(20,55,43,.18)!important}.tabs,.settings-tabs{border-radius:14px!important}.page-head h1{font-size:32px!important;letter-spacing:-.6px!important}.page-head p{font-size:14px!important}.qr-mini-body{background:#f2f8f5!important;border-radius:16px!important;padding:12px!important}.badge{border-radius:8px!important}
@media(max-width:1100px){.app-shell{grid-template-columns:240px 1fr}.content{padding:30px 24px!important}.dash-welcome{grid-template-columns:1fr!important}.welcome-script{justify-self:start!important}.brand-logo{width:180px!important}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative!important;height:auto!important}.brand-logo-wrap{height:110px!important}.topbar{height:auto!important;padding:14px!important;flex-wrap:wrap!important}.search-modern{width:100%!important}.content{padding:18px 14px!important}.dash-welcome{padding:28px!important;min-height:0!important}.dash-welcome:before{left:28px!important;top:26px!important}.welcome-title{font-size:30px!important;margin-top:36px!important}.kpi-v2{min-height:150px!important}.sidebar .nav{display:block!important}}
/* v15 compact Document Hub scale - no search bar */
.app-shell{grid-template-columns:245px minmax(0,1fr)!important}
.sidebar{padding:0 16px 18px!important}
.brand-logo-wrap{height:108px!important;padding:22px 20px 16px!important;margin:0!important}
.brand-logo{width:185px!important;max-height:64px!important;object-fit:contain!important;object-position:left center!important}
.brand-logo-wrap:after{font-size:10px!important;letter-spacing:2.1px!important;margin-top:8px!important}
.sidebar .nav{padding-top:14px!important}
.sidebar .nav button{grid-template-columns:32px minmax(0,1fr) 16px!important;column-gap:9px!important;min-height:46px!important;padding:6px 11px!important;margin:3px 0!important;border-radius:11px!important;font-size:13px!important}
.sidebar .nav button .nav-ico{width:32px!important;height:32px!important;border-radius:9px!important}
.sidebar .nav button .nav-ico svg{width:18px!important;height:18px!important}
.sidebar .nav-group{margin:18px 10px 7px!important;padding-top:14px!important;font-size:9px!important;letter-spacing:1.55px!important}
.topbar{height:76px!important;padding:0 28px!important;justify-content:space-between!important;gap:18px!important}
.topbar-greeting,.topbar-right{display:flex;align-items:center;gap:14px}.topbar-greeting b{font-size:14px;color:#15261f}.topbar-greeting .muted{font-size:11px;margin-top:2px}.topbar-menu{border:0;background:transparent;color:#153f36;font-size:25px;line-height:1;padding:4px 6px;cursor:pointer}.topbar-right{margin-left:auto}.topbar-date{border:1px solid #e1e8e4;border-radius:12px;padding:9px 14px;min-width:190px}.topbar-date b{display:block;font-size:11px}.topbar-date small{display:block;font-size:9px;color:#7d8a84;margin-top:2px}.userbox{gap:9px!important}.avatar{width:34px!important;height:34px!important;font-size:11px!important}.user-meta b{font-size:12px}.user-meta .muted{font-size:10px}.notif-dot{width:32px!important;height:32px!important}.logout-btn{padding:7px 10px!important;font-size:10px!important}
.content{padding:24px 28px 30px!important;max-width:1500px!important}
.dash-welcome{min-height:205px!important;padding:36px 42px!important;border-radius:24px!important;margin-bottom:20px!important}.dash-welcome:before{left:42px!important;top:35px!important;font-size:10px!important;letter-spacing:2px!important}.welcome-title{font-size:37px!important;line-height:1.05!important;margin-top:36px!important}.welcome-sub{font-size:14px!important;max-width:700px!important;line-height:1.55!important}.dash-welcome .btn{padding:12px 22px!important;font-size:13px!important;border-radius:12px!important}
.kpis-v2{gap:16px!important;margin-bottom:20px!important}.kpi-v2{min-height:150px!important;padding:22px 24px!important;border-radius:18px!important}.kpi-v2 .kpi-icon{width:48px!important;height:48px!important;border-radius:13px!important}.kpi-v2 .kpi-icon svg{width:24px!important;height:24px!important}.kpi-v2 .num{font-size:32px!important;line-height:1!important}.kpi-v2 .label{font-size:11px!important;margin-top:8px!important}.kpi-v2 .sub{font-size:10px!important;margin-top:8px!important}
.card{border-radius:18px!important}.panel-title{font-size:14px!important}.dashboard-main-grid,.dashboard-bottom-grid{gap:16px!important}.table th{font-size:10px!important}.table td{font-size:11px!important;padding-top:9px!important;padding-bottom:9px!important}.quick-card .btn{font-size:11px!important;min-height:38px!important}.modal{border-radius:18px!important}.field label{font-size:11px!important}.field input,.field select,.field textarea{font-size:12px!important;padding:9px 10px!important}
@media(max-width:1000px){.app-shell{grid-template-columns:220px minmax(0,1fr)!important}.topbar-date{display:none}.content{padding:20px!important}.welcome-title{font-size:31px!important}.dash-welcome{padding:30px!important}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr!important}.topbar{height:auto!important;min-height:66px!important}.topbar-greeting .muted,.user-meta{display:none}.topbar-right{gap:7px}.dash-welcome{padding:24px!important}.welcome-title{font-size:27px!important;margin-top:34px!important}}