body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--bg:#f5f7f8;--card:#fff;--line:#e8ecef;--text:#1e293b;--muted:#667085;--green:#2f8b57;--green-strong:#14783f;--green-soft:#eef8f2;--shadow:0 18px 50px #10182814;--shadow-soft:0 10px 34px #1018280f}body{background:radial-gradient(circle at 8% 8%,#fffffff2 0,#fff3 34%,#0000 52%),radial-gradient(circle at 92% 16%,#2f8b5721 0,#2f8b5708 30%,#0000 48%),linear-gradient(180deg,#fbfcfc,#f5f7f8);background:radial-gradient(circle at 8% 8%,#fffffff2 0,#fff3 34%,#0000 52%),radial-gradient(circle at 92% 16%,#2f8b5721 0,#2f8b5708 30%,#0000 48%),linear-gradient(180deg,#fbfcfc 0,var(--bg) 100%);color:#1e293b;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh}.login-page{display:grid;min-height:100vh;padding:28px;place-items:center}.login-shell{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc2;border:1px solid #ffffffc7;border-radius:34px;box-shadow:0 18px 50px #10182814;box-shadow:var(--shadow);display:grid;grid-template-columns:1.05fr .95fr;min-height:680px;overflow:hidden;width:min(1120px,100%)}.brand-panel{background:linear-gradient(180deg,#ffffff14,#ffffff1f),linear-gradient(135deg,#2f8b5724,#ffffffbd 52%,#2f8b5714);overflow:hidden;padding:34px;position:relative}.brand-panel:before{background:repeating-linear-gradient(-15deg,#2f8b572e 0 12px,#2f8b5708 12px 26px),linear-gradient(180deg,#e6f2e51a,#c6e0c6b8);border-radius:50% 50% 0 0;content:"";height:360px;inset:auto -80px -120px -80px;position:absolute;transform:rotate(-2deg)}.brand-panel:after{background:linear-gradient(180deg,#4b5563 0 18px,#f8fafc 18px 28px,#111827 28px 100%);border-radius:8px;bottom:128px;box-shadow:-76px 28px 0 -32px #fffffff0,-72px 2px 0 -22px #111827b8,0 26px 0 -26px #1118272e;content:"";height:105px;opacity:.92;position:absolute;right:54px;width:210px}.brand-header,.feature-list,.hero-copy{position:relative;z-index:1}.brand-header{align-items:center;display:flex;gap:12px}.brand-mark{background:linear-gradient(135deg,#2f8b57,#14783f);border-radius:16px;box-shadow:0 12px 28px #2f8b5747;color:#fff;display:grid;font-weight:900;height:48px;place-items:center;width:48px}.brand-text strong{color:#14783f;display:block;font-size:18px;letter-spacing:.02em}.brand-text span{color:#475467;display:block;font-size:13px;font-weight:600;margin-top:2px}.hero-copy{margin-top:96px;max-width:500px}.eyebrow{align-items:center;background:#ffffffd1;border:1px solid #2f8b571f;border-radius:999px;color:#14783f;color:var(--green-strong);display:inline-flex;font-size:13px;font-weight:800;gap:8px;height:34px;padding:0 13px}.hero-copy h1{font-size:54px;letter-spacing:-.045em;line-height:1.02;margin:24px 0 14px}.hero-copy p{color:#667085;color:var(--muted);font-size:16px;line-height:1.7;margin:0;max-width:430px}.feature-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:34px;max-width:480px}.feature-card{align-items:flex-start;background:#ffffffb8;border:1px solid #e8ecefdb;border-radius:18px;box-shadow:0 10px 34px #1018280f;box-shadow:var(--shadow-soft);display:flex;gap:12px;padding:14px}.feature-icon{background:#eef8f2;background:var(--green-soft);border-radius:13px;color:#2f8b57;color:var(--green);display:grid;flex:0 0 auto;height:38px;place-items:center;width:38px}.feature-card strong{display:block;font-size:14px}.feature-card span{color:#667085;color:var(--muted);display:block;font-size:12px;line-height:1.45;margin-top:3px}.login-panel{background:#ffffffe6;display:grid;padding:42px;place-items:center}.login-card{width:min(420px,100%)}.login-title{margin-bottom:28px}.login-title h2{font-size:34px;letter-spacing:-.035em;line-height:1.1;margin:0}.login-title p{color:#667085;color:var(--muted);font-size:15px;line-height:1.6;margin:10px 0 0}.login-form{grid-gap:16px;display:grid;gap:16px}.form-group{grid-gap:8px;display:grid;gap:8px}.form-group label{font-size:14px;font-weight:800}.input-wrap{position:relative}.input-wrap input{background:#fbfcfd;border:1px solid #e8ecef;border:1px solid var(--line);border-radius:16px;color:#1e293b;color:var(--text);height:52px;outline:none;padding:0 46px;transition:.18s ease;width:100%}.input-wrap input::placeholder{color:#98a2b3}.input-wrap input:focus{background:#fff;border-color:#bad4c5;box-shadow:0 0 0 4px #2f8b5717}.input-icon{height:18px;left:16px;width:18px}.input-icon,.password-toggle{color:#98a2b3;position:absolute;top:50%;transform:translateY(-50%)}.password-toggle{background:#0000;border:none;border-radius:50%;cursor:pointer;display:grid;height:34px;place-items:center;right:11px;width:34px}.password-toggle:hover{background:#f2f4f7;color:#475467}.form-row{align-items:center;display:flex;gap:14px;justify-content:space-between;margin-top:2px}.remember{align-items:center;color:#475467;cursor:pointer;display:inline-flex;font-size:14px;gap:9px}.remember input{accent-color:#2f8b57;accent-color:var(--green);height:16px;width:16px}.forgot-link{color:#14783f;color:var(--green-strong);font-size:14px;font-weight:800}.submit-btn{background:linear-gradient(135deg,#2f8b57,#14783f);border:none;border-radius:17px;box-shadow:0 14px 28px #2f8b573d;color:#fff;cursor:pointer;font-weight:900;height:54px;margin-top:8px;transition:.18s ease;width:100%}.submit-btn:hover{box-shadow:0 18px 34px #2f8b5747;transform:translateY(-1px)}.divider{align-items:center;color:#98a2b3;display:flex;font-size:13px;gap:12px;margin:22px 0}.divider:after,.divider:before{background:#e8ecef;background:var(--line);content:"";flex:1 1;height:1px}.sso-btn{align-items:center;background:#fff;border:1px solid #e8ecef;border:1px solid var(--line);border-radius:16px;color:#344054;cursor:pointer;display:flex;font-weight:800;gap:10px;height:52px;justify-content:center;transition:.18s ease;width:100%}.sso-btn:hover{background:#fbfcfd;border-color:#d0d5dd}.login-help{background:#f8fafc;border:1px solid #e8ecef;border:1px solid var(--line);border-radius:18px;color:#475467;font-size:13px;line-height:1.55;margin-top:22px;padding:14px 16px}.login-help strong{color:#1e293b;color:var(--text)}.footer{color:#98a2b3;font-size:12px;margin-top:28px;text-align:center}.mobile-logo{align-items:center;display:none;gap:10px;margin-bottom:22px}.mobile-logo .brand-mark{border-radius:14px;height:42px;width:42px}@media (max-width:980px){.login-shell{grid-template-columns:1fr;min-height:auto}.brand-panel{display:none}.login-panel{padding:36px 28px}.mobile-logo{display:flex}.login-title h2{font-size:32px}}@media (max-width:560px){.login-page{padding:12px;place-items:start center}.login-shell{border-radius:24px}.login-panel{padding:26px 18px 22px}.login-title{margin-bottom:22px}.login-title h2{font-size:28px}.login-title p{font-size:14px}.form-row{align-items:flex-start;flex-direction:column;gap:10px}.input-wrap input,.sso-btn,.submit-btn{height:50px}.footer{margin-top:22px}}:root{--green:#009b4a;--green-dark:#007d3b;--navy:#07174f;--muted:#66708f;--line:#dfe5ee;--surface:#fff;--page:#f7f9fa;--violet:#7443f5;--blue:#087df4;--orange:#ff6b00;--shadow:0 6px 24px rgba(10,31,68,.055);color:#07174f;color:var(--navy);font-family:Be Vietnam Pro,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f7f9fa;background:var(--page);color:#07174f;color:var(--navy);font-size:14px;margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}svg{stroke-width:1.8;height:22px;width:22px}.mobile-only{display:none!important}.site-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;border-bottom:1px solid #dfe5ee;border-bottom:1px solid var(--line);height:70px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.header-inner{gap:28px;height:100%;margin:auto;max-width:1480px;padding:0 28px}.brand,.header-inner{align-items:center;display:flex}.brand{font-size:18px;font-weight:700;gap:18px;min-width:300px}.brand img{height:auto;object-fit:contain;width:185px}.global-search{align-items:center;background:#fafbfd;border:1px solid #dfe5ee;border:1px solid var(--line);border-radius:18px;color:#66708f;color:var(--muted);display:flex;flex:1 1;gap:12px;height:42px;max-width:530px;padding:0 14px}.global-search input{background:#0000;border:0;color:#07174f;color:var(--navy);outline:0;width:100%}.global-search input::placeholder{color:#77809b}.global-search kbd{background:none;border:0;color:#07174f;color:var(--navy);white-space:nowrap}.header-actions{align-items:center;display:flex;gap:14px;margin-left:auto}.icon-button,.profile,.text-button{background:#0000;border:0;color:#07174f;color:var(--navy);cursor:pointer}.icon-button{border-radius:50%;display:grid;height:34px;place-items:center;position:relative;width:34px}.icon-button:hover{background:#f0f4f6}.badge{background:#ff321d;border:2px solid #fff;border-radius:12px;color:#fff;display:grid;font-size:10px;height:18px;min-width:18px;place-items:center;position:absolute;right:-1px;top:-2px}.profile{align-items:center;display:flex;gap:12px;text-align:left}.avatar{background:#edf8f1;border-radius:50%;color:#009b4a;color:var(--green);display:grid;font-size:17px;font-weight:700;height:42px;place-items:center;width:42px}.profile-copy{grid-gap:4px;display:grid;gap:4px}.profile-copy small{color:#66708f;color:var(--muted)}.page-shell{grid-gap:10px;display:grid;gap:10px;margin:0 auto;max-width:1480px;padding:16px 28px 28px}.panel,.super-group{background:#fff;background:var(--surface);border:1px solid #dfe5ee;border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 24px rgba(10,31,68,.055);box-shadow:var(--shadow)}.personal-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1.46fr .96fr;min-height:174px}.welcome-card{background:#fff;border:1px solid #dfe5ee;border-radius:14px;min-height:174px;overflow:hidden;position:relative}.welcome-card:before{background-image:url(https://workplace.thacoagri.com.vn/img/chuoi.png);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";-webkit-mask-image:linear-gradient(90deg,#0000 0,#00000026 12%,#000000a6 30%,#000 48%);mask-image:linear-gradient(90deg,#0000 0,#00000026 12%,#000000a6 30%,#000 48%);pointer-events:none;position:absolute;right:0;top:0;width:52%;z-index:0}.welcome-copy{max-width:58%;padding:24px 28px;padding:21px 28px;position:relative;z-index:1}.eyebrow{color:#009b4a;color:var(--green);font-size:17px;font-weight:700}.welcome-copy h1{font-size:29px;letter-spacing:-.6px;line-height:1.25;margin:7px 0}.welcome-copy p{color:#4e5879;font-size:15px;margin:0 0 17px}.welcome-copy time{align-items:center;color:#526080;display:flex;font-size:13px;gap:9px}.welcome-copy time svg{width:17px}.favorites-card{padding:17px 22px 14px}.section-heading{align-items:center;display:flex;justify-content:space-between}.section-heading h2{font-size:15px;letter-spacing:.1px;margin:0}.text-button,.text-link{align-items:center;color:#009b4a;color:var(--green);display:inline-flex;font-weight:600;gap:6px}.text-button svg,.text-link svg{height:16px;width:16px}.favorite-grid{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);height:calc(100% - 26px)}.favorite-item{grid-gap:8px;display:grid;font-size:12px;gap:8px;justify-items:center;line-height:1.5;min-width:0;text-align:center}.favorite-icon{background:#f1faf5;border:1px solid #dbe6e1;border-radius:14px;display:grid;height:55px;place-items:center;width:55px}.favorite-icon svg{height:30px;width:30px}.green{color:#009b4a!important;color:var(--green)!important}.blue{color:#087df4!important;color:var(--blue)!important}.violet{color:#7443f5!important;color:var(--violet)!important}.navy{color:#1847aa!important}.orange{color:#ff6b00!important;color:var(--orange)!important}.favorite-icon.violet{background:#f5f1ff;border-color:#e7dcff}.favorite-icon.blue{background:#edf6ff;border-color:#dbeafb}.favorite-icon.neutral{background:#fff;color:#07174f;color:var(--navy)}.add-favorite b{color:#67708f;font-weight:400}.recent{padding:12px 26px 10px}.recent-list{display:flex;gap:clamp(8px,3.2vw,46px);margin-top:10px}.recent-item{align-items:center;background:#fff;border:1px solid #dfe5ee;border:1px solid var(--line);border-radius:10px;display:flex;flex:1 1;gap:13px;min-width:0;padding:9px 14px}.recent-item>svg{flex:0 0 auto;height:29px;width:29px}.recent-item span{grid-gap:4px;display:grid;gap:4px;min-width:0}.recent-item b{font-size:12px;line-height:1.45}.recent-item small{color:#66708f;color:var(--muted);display:none}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}.super-group{background-color:var(--group-bg-color);overflow:hidden;position:relative}.super-header{grid-gap:14px;align-items:center;background:linear-gradient(90deg,#fffffff5,#ffffffeb 60%,#ffffff73);cursor:pointer;display:grid;gap:14px;grid-template-columns:46px 1fr 24px;min-height:61px;padding:9px 17px}.super-group:before{background:linear-gradient(90deg,#ffffff0d,#fffffff2),var(--group-bg-image) left center /cover no-repeat;content:"";inset:0 auto 0 0;opacity:.7;pointer-events:none;position:absolute;width:280px;z-index:0}.super-header>*{position:relative;z-index:1}.super-symbol{background:linear-gradient(135deg,#10b45c,#008640);border-radius:12px;box-shadow:0 5px 13px #009b4a33;color:#fff;display:grid;height:42px;place-items:center;width:42px}.super-symbol svg{height:25px;width:25px}.super-header>span:nth-child(2){grid-gap:3px;display:grid;gap:3px}.super-header strong{color:#009b4a;color:var(--green);font-size:19px;letter-spacing:.25px}.super-header small{color:#66708f;color:var(--muted)}.chevron{transition:transform .2s ease}.super-group:not([open]) .chevron{transform:rotate(180deg)}.group-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 16px 9px 255px;position:relative;z-index:1}.app-group{background:#fffffff0;border:1px solid #dfe5ee;border:1px solid var(--line);border-radius:12px;overflow:hidden}.app-group-title{align-items:center;cursor:pointer;display:flex;justify-content:space-between;min-height:48px;padding:0 17px}.app-group-title>span{align-items:center;display:flex;gap:10px;min-width:0}.app-group-title span>svg{color:#009b4a;color:var(--green)}.app-group-title strong{font-size:15px;white-space:nowrap}.app-group-title small{color:#66708f;color:var(--muted);white-space:nowrap}.app-group-title a{align-items:center;color:#009b4a;color:var(--green);display:flex;font-size:11px;font-weight:600;white-space:nowrap}.app-group-title a svg{width:14px}.app-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 15px 13px}.app-group:not([open]) .app-grid{display:none}.app-tile{grid-gap:7px;align-content:center;background:#fff;border:1px solid #dfe5ee;border:1px solid var(--line);border-radius:10px;color:#009b4a;color:var(--green);display:grid;gap:7px;min-height:78px;place-items:center;text-align:center;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.app-tile:hover{border-color:#b8dec9;box-shadow:0 7px 18px #009b4a14;transform:translateY(-2px)}.app-tile svg{height:26px;width:26px}.app-tile span{color:#07174f;color:var(--navy);font-size:10px;font-weight:600;line-height:1.35}.app-tile.violet{color:#7443f5!important;color:var(--violet)!important}.app-tile.orange{color:#ff6b00!important;color:var(--orange)!important}.value-footer{background:#fff;border:1px solid #dfe5ee;border:1px solid var(--line);border-radius:13px;box-shadow:0 6px 24px rgba(10,31,68,.055);box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);min-height:76px;padding:10px 36px}.value-footer>div{align-items:center;border-right:1px solid #dfe5ee;border-right:1px solid var(--line);display:flex;gap:18px;justify-content:center}.value-footer>div:last-child{border:0}.value-footer svg{color:#009b4a;color:var(--green);height:29px;width:29px}.value-footer span{grid-gap:4px;display:grid;gap:4px}.value-footer b{color:#009b4a;color:var(--green)}.value-footer small{color:#66708f;color:var(--muted);font-size:10px;line-height:1.5}@media (max-width:1150px){.brand{min-width:230px}.group-grid{padding-left:170px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-item{padding-inline:8px}}@media (max-width:768px){body{background:#fff;font-size:14px;padding-bottom:92px}.desktop-only{display:none!important}.mobile-only{display:flex!important}.site-header{border-bottom:0;height:190px;padding:22px 20px 12px;position:static}.header-inner{align-items:flex-start;height:68px;padding:0}.brand{grid-gap:0;display:grid;flex:1 1;gap:0;min-width:0}.brand img{width:190px}.brand span{font-size:19px;line-height:1;margin-left:1px}.header-actions{gap:14px;margin-top:0}.icon-button{height:42px;width:42px}.icon-button svg{height:28px;width:28px}.avatar{font-size:20px;height:52px;width:52px}.header-inner>.global-search{display:none}.mobile-search{border-radius:16px;display:flex!important;height:58px;margin-top:15px;max-width:none;padding-inline:18px}.mobile-search svg{height:25px;width:25px}.mobile-search input{font-size:16px}.page-shell{gap:14px;padding:6px 16px 20px}.panel,.super-group,.welcome-card{border-radius:17px;box-shadow:0 4px 18px rgba(16,42,80,.045)}.personal-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr}.welcome-card{background:linear-gradient(90deg,#fff,#fffffff2 32%,#ffffff8c 55%,#ffffff0d),url(https://workplace.thacoagri.com.vn/img/chuoi.png) 66% /auto 100% no-repeat;min-height:218px}.welcome-copy{padding:24px 28px}.eyebrow{font-size:21px}.welcome-copy h1{font-size:31px;margin:9px 0 12px;max-width:330px}.welcome-copy p{font-size:15px;margin-bottom:26px}.welcome-copy time{font-size:15px}.favorites-card{padding:21px 22px}.section-heading h2{font-size:17px}.favorite-grid{gap:8px;grid-template-columns:repeat(4,1fr);margin-top:20px}.favorite-item{font-size:13px}.favorite-icon{height:64px;width:64px}.favorite-icon svg{height:36px;width:36px}.recent{overflow:hidden;padding:21px 22px 18px}.recent-list{gap:9px;max-width:none;overflow-x:auto;padding-bottom:2px;width:-webkit-max-content;width:max-content}.recent-item{flex:0 0 auto;min-height:102px;min-width:180px;width:180px}.recent-item small{display:block}.recent-item>svg{height:33px;width:33px}.recent-item b{font-size:13px}.super-group.agriculture:before,.super-group.enterprise:before{background-position:100%;height:118px;inset:0 0 auto auto;width:52%}.super-header{background:linear-gradient(90deg,#fff,#fffffff0 50%,#ffffff6b);gap:14px;grid-template-columns:55px 1fr 24px;min-height:104px;padding:13px 20px}.super-symbol{border-radius:14px;height:55px;width:55px}.super-symbol svg{height:31px;width:31px}.super-header strong{font-size:20px}.super-header small{font-size:13px;line-height:1.5;margin-top:4px}.group-grid{gap:9px;grid-template-columns:1fr;padding:0 11px 11px}.app-group{border-radius:13px}.app-group-title{min-height:70px;padding:0 22px}.app-group-title strong{font-size:18px}.app-group-title small{font-size:13px}.app-group-title span>svg{height:29px;width:29px}.group-chevron{margin-left:auto;width:22px}.app-grid{gap:9px;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 12px 14px}.app-tile{border-radius:12px;gap:10px;min-height:112px}.app-tile svg{height:33px;width:33px}.app-tile span{font-size:12px}.agriculture:not([open]){min-height:104px}.bottom-nav{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffffa;border-top:1px solid #dfe5ee;border-top:1px solid var(--line);bottom:0;box-shadow:0 -8px 26px #0b1f4314;height:82px;justify-content:space-around;left:0;position:fixed;right:0;z-index:60}.bottom-nav a{grid-gap:6px;color:#263157;display:grid;font-size:12px;gap:6px;justify-items:center;min-width:72px}.bottom-nav svg{height:27px;width:27px}.bottom-nav .active{color:#009b4a;color:var(--green);font-weight:600}}@media (max-width:430px){.site-header{height:177px;padding-inline:16px}.brand img{width:155px}.brand span{font-size:16px}.avatar{height:46px;width:46px}.mobile-search{height:54px}.page-shell{padding-inline:12px}.welcome-copy{padding-inline:21px}.welcome-copy h1{font-size:27px}.favorite-icon{height:56px;width:56px}.favorite-item{font-size:11px}.app-tile{min-height:94px}.app-tile span{font-size:10px}.super-header strong{font-size:17px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important}}.app-name{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;line-height:1.4;max-height:2.8em;overflow:hidden;text-overflow:ellipsis}
/*# sourceMappingURL=main.dff45833.css.map*/