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{--green-strong:#14783f;--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%);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{font-size:12px;margin-top:28px}.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{--bg:#f5f7f8;--card:#fff;--line:#e8ecef;--text:#1e293b;--muted:#667085;--green:#2f8b57;--green-soft:#eef8f2;--blue:#4e74d8;--blue-soft:#eef3ff;--orange:#f39b20;--orange-soft:#fff5e8;--teal:#1fa3a3;--teal-soft:#ebfbfb;--purple:#7b61d7;--purple-soft:#f2efff;--shadow:0 10px 34px #1018280f;--radius:22px;--radius-sm:16px;--container:80vw}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left,#fff 0,#f8fbfb 25%,#0000 48%),linear-gradient(180deg,#fbfcfc,#f5f7f8);background:radial-gradient(circle at top left,#fff 0,#f8fbfb 25%,#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;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{margin:0 auto;width:min(calc(100% - 32px),80vw);width:min(calc(100% - 32px),var(--container))}.shell{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbd;border:1px solid #ffffffbf;border-radius:30px;box-shadow:0 10px 34px #1018280f;box-shadow:var(--shadow);margin:24px auto;overflow:hidden}.topbar{background:#ffffffd9;border-bottom:1px solid #e8ecef;border-bottom:1px solid var(--line);gap:18px;padding:18px 28px}.brand,.topbar{align-items:center;display:flex}.brand{font-weight:800;gap:10px;letter-spacing:.02em;min-width:260px}.brand-logo{color:#11854a;font-size:18px}.brand-sub{color:#475467;font-weight:600}.search-wrap{display:flex;flex:1 1;justify-content:center}.search{position:relative;width:min(100%,520px)}.search input{background:#fbfcfd;border:1px solid #e8ecef;border:1px solid var(--line);border-radius:999px;height:48px;outline:none;padding:0 18px 0 46px;transition:.2s ease;width:100%}.search input:focus{border-color:#c8d9cf;box-shadow:0 0 0 4px #2f8b5714}.search svg{stroke:#98a2b3;height:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%);width:18px}.top-actions{align-items:center;display:flex;gap:14px;min-width:-webkit-max-content;min-width:max-content}.icon-btn{background:#fff;border:1px solid #e8ecef;border:1px solid var(--line);border-radius:50%;display:grid;height:40px;place-items:center;position:relative;width:40px}.badge{background:#ef4444;border-radius:999px;color:#fff;font-size:11px;font-weight:700;height:18px;line-height:18px;min-width:18px;padding:0 5px;position:absolute;right:-3px;text-align:center;top:-3px}.user-chip{align-items:center;background:#fff;border:1px solid #e8ecef;border:1px solid var(--line);border-radius:999px;display:flex;gap:10px;padding:4px 10px 4px 4px}.avatar{background:linear-gradient(135deg,#d8ecdd,#f7faf8);border-radius:50%;color:#2f8b57;display:grid;font-weight:800;height:36px;place-items:center;width:36px}.user-name{font-size:14px;font-weight:700}.user-role{color:#667085;color:var(--muted);font-size:12px}.page{padding:22px 28px 28px}.hero{grid-gap:24px;background:#fff;background:var(--card);border:1px solid #e8ecef;border:1px solid var(--line);border-radius:26px;display:grid;gap:24px;grid-template-columns:1.1fr 1fr;margin-bottom:22px;overflow:hidden;padding:0}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:34px}.hero h1{font-size:54px;letter-spacing:-.04em;line-height:1.02;margin:0 0 10px}.hero p{color:#667085;color:var(--muted);font-size:17px;line-height:1.6;margin:0;max-width:440px}.hero-art{background-image:url(/static/media/chuoi.8e70eaa22e3f04384a73.png);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:220px;position:relative}.hero-art:after{background:linear-gradient(165deg,#0000 0 100%,#5d18180a,#0000 0) 0 70px/100% 30px no-repeat,linear-gradient(165deg,#0000 0 100%,#5e1e1e0a,#0000 0) 0 100px/100% 30px no-repeat,repeating-linear-gradient(-15deg,#6ca65926 0 12px,#6ca65905 12px 24px);content:"";inset:0;opacity:.85;position:absolute}.section-list{grid-gap:14px;display:grid;gap:14px}.group-card{grid-gap:18px;align-items:center;border:1px solid #e8ecef;border:1px solid var(--line);border-radius:24px;display:grid;gap:18px;grid-template-columns:280px 1fr 20px;padding:18px;transition:.2s ease}.group-card:hover{box-shadow:0 10px 34px #1018280f;box-shadow:var(--shadow);transform:translateY(-1px)}.group-card:after,.group-card:before{background-repeat:no-repeat;background-size:320px auto;content:"";inset:0;opacity:.75;pointer-events:none;position:absolute;z-index:-1}.group-card:before{background-image:linear-gradient(-160deg,#fff 60%,#fff0 99%),var(--group-bg-image);background-position:0 100%}.group-card:after{background-image:linear-gradient(10deg,#fff 90%,#fff0 100%),var(--group-bg-image);background-position:100% 0;top:-6px}.group-intro{align-items:flex-start;display:flex;gap:14px}.group-icon{border-radius:50%;display:grid;flex:0 0 auto;height:52px;place-items:center;width:52px}.group-icon svg{stroke:currentColor;height:24px;width:24px}.group-copy{position:relative}.group-copy:before{background:linear-gradient(270deg,#fff0,#fff);bottom:0;content:"";height:144px;left:95%;pointer-events:none;position:absolute;top:-41px;width:80px}.group-copy h3{font-size:18px;margin:0}.group-copy p{color:#667085;color:var(--muted);font-size:14px;line-height:1.55;margin:8px 0 0}.app-tile{align-items:center;background:#fff;border:1px solid #e8ecef;border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:98px;padding:14px 12px;text-align:center;transition:.2s ease}.app-tile:hover{background:#fcfefd;border-color:#d4e3db;transform:translateY(-2px)}.app-icon{border-radius:12px;display:grid;height:36px;place-items:center;width:36px}.app-icon svg{stroke:currentColor;height:20px;width:20px}.app-label{font-size:.7em;font-weight:600;line-height:1.35;white-space:pre-line}.group-card{overflow:hidden;position:relative}.group-arrow{align-items:center;align-self:stretch;background:#fff;color:#98a2b3;cursor:pointer;display:flex;font-size:32px;justify-content:center;position:relative;width:52px;z-index:3}.group-arrow:before{background:linear-gradient(90deg,#fff0,#fff);bottom:0;content:"";pointer-events:none;position:absolute;right:100%;top:0;width:80px}.recent{background:#fff;border:1px solid #e8ecef;border:1px solid var(--line);border-radius:24px;margin-bottom:18px;margin-top:18px;padding:16px}.recent-head{align-items:flex-end;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.recent-title{align-items:flex-start;display:flex;gap:12px}.recent-title h3{font-size:18px;margin:0}.recent-title p{color:#667085;color:var(--muted);font-size:14px;margin:4px 0 0}.recent-link{color:#0f766e;font-size:14px;font-weight:700}.recent-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr)}.recent-item{align-items:center;border:1px solid #e8ecef;border:1px solid var(--line);border-radius:16px;cursor:pointer;display:flex;gap:12px;padding:12px 14px}.recent-item strong{display:block;font-size:14px}.recent-item span{color:#667085;color:var(--muted);display:block;font-size:12px;margin-top:3px}.bottom-note{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr);padding:36px 6px 4px}.note{align-items:flex-start;display:flex;gap:14px}.note-icon{background:#fff;border:1px solid #e8ecef;border:1px solid var(--line);border-radius:50%;display:grid;flex:0 0 auto;height:54px;place-items:center;width:54px}.note h4{font-size:18px;margin:0 0 6px}.note p{color:#667085;color:var(--muted);font-size:14px;line-height:1.55;margin:0}.footer{color:#98a2b3;font-size:13px;padding:18px 28px 26px;text-align:center}.hidden{display:none!important}.green{background:#eef8f2;background:var(--green-soft);color:#2f8b57;color:var(--green)}.blue{background:#eef3ff;background:var(--blue-soft);color:#4e74d8;color:var(--blue)}.orange{background:#fff5e8;background:var(--orange-soft);color:#f39b20;color:var(--orange)}.teal{background:#ebfbfb;background:var(--teal-soft);color:#1fa3a3;color:var(--teal)}.purple{background:#f2efff;background:var(--purple-soft);color:#7b61d7;color:var(--purple)}.mobile-menu{align-items:center;background:#fff;border:1px solid #e8ecef;border:1px solid var(--line);border-radius:14px;display:none;height:42px;justify-content:center;width:42px}.mobile-drawer{display:none}.app-grid{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;cursor:pointer;display:flex!important;flex-direction:row;flex-wrap:nowrap!important;gap:14px;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:4px 8px 12px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.app-tile{flex:0 0 160px;min-width:160px;scroll-snap-align:start}@media (max-width:1180px){.group-card{grid-template-columns:240px 1fr 18px}.recent-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:960px){.topbar{grid-gap:12px;display:grid;gap:12px;grid-template-columns:auto 1fr auto;padding:16px 18px}.brand{min-width:auto}.user-chip{display:none}.hero{grid-template-columns:1fr}.hero h1{font-size:42px}.hero-art{min-height:180px}.page{padding:18px}.group-card{gap:16px;grid-template-columns:1fr}.group-arrow{display:none}.recent-list{grid-template-columns:repeat(2,1fr)}.bottom-note{grid-template-columns:1fr}}@media (max-width:720px){.container{width:min(calc(100% - 18px),80vw);width:min(calc(100% - 18px),var(--container))}.shell{border-radius:22px;margin:10px auto 20px}.topbar{grid-template-columns:auto 1fr auto;padding:14px}.brand-sub{display:none}.mobile-menu{display:flex}.top-actions .icon-btn:nth-child(2){display:none}.search-wrap{grid-column:1/-1;order:3}.search{width:100%}.page{padding:14px}.hero{border-radius:20px;margin-bottom:14px}.hero-copy{padding:22px}.hero h1{font-size:34px}.hero p{font-size:15px}.hero-art{min-height:130px}.group-card{border-radius:20px;padding:14px}.group-intro{align-items:center}.group-icon{height:46px;width:46px}.group-copy h3{font-size:17px}.recent{border-radius:20px;padding:14px}.recent-list{grid-template-columns:1fr}.recent-head{align-items:flex-start;flex-direction:column}.bottom-note{padding-top:24px}.note h4{font-size:16px}.footer{padding:16px 18px 22px}}
/*# sourceMappingURL=main.6a0487b1.css.map*/