.solutions-site{--side:0px;padding:0}.solutions-main{max-width:1240px;margin:auto;padding:24px 18px 56px;min-width:0}.catalog-heading{padding:6px 0 24px}.catalog-heading h1{font-size:var(--fs-h1);line-height:1.25;letter-spacing:-.035em;margin:7px 0 10px}.catalog-heading p{color:var(--muted);margin:0}.catalog-eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.12em;font-weight:750;color:#6d5ddd}.catalog-search{display:flex;align-items:end;gap:12px;padding:20px;background:var(--card);border:1px solid var(--line);border-radius:20px}.catalog-query{flex:1;min-width:0}.catalog-search label{display:flex;flex-direction:column;gap:6px}.catalog-search label>span{font-size:var(--fs-sm);color:#596579;font-weight:650}.catalog-search input,.catalog-search select{width:100%;box-sizing:border-box;min-width:0;background:#f9faff;border:1px solid #dfe3ef;border-radius:10px;padding:11px 12px;color:var(--ink);font:inherit;font-size:14px}.catalog-search{flex-wrap:wrap}.catalog-filters{flex:0 0 100%;display:flex;gap:14px;align-items:end}.catalog-filters>label{flex:1;min-width:0}.catalog-filters>a{font-size:13px;white-space:nowrap;padding-bottom:10px}.catalog-categories{display:flex;gap:8px;overflow-x:auto;padding:20px 0 14px;scrollbar-width:thin}.catalog-category{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:9px 13px;border:1px solid #e0e3ee;border-radius:12px;background:var(--card);color:#4c5871;text-decoration:none;font-size:13px;font-weight:650;min-height:40px;box-sizing:border-box}.catalog-category.active{background:#eeeaff;color:#4b36c6;border-color:#c9bfff}.catalog-category>span{color:#8070dc}.catalog-results{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:var(--fs-sm);color:var(--muted);margin-bottom:14px;flex-wrap:wrap}.catalog-results p{margin:0}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.solution-card{min-width:0;background:var(--card);border:1px solid #e3e6f0;border-radius:20px;overflow:hidden;box-shadow:0 4px 18px #22264a05;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}.solution-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #40338712}.solution-card>img,.solution-card-art{width:100%;aspect-ratio:16/9;object-fit:cover}.solution-card-art{display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at 20% 10%,#e2dbff,transparent 60%),linear-gradient(135deg,#f4f1ff,#e7ecff);color:#6552c7;gap:5px}.solution-card-art[data-category="tu-dong-hoa"]{background:linear-gradient(135deg,#e1f5f1,#e6f0ff);color:#287d82}.solution-card-art[data-category="huong-dan"]{background:linear-gradient(135deg,#fff0dc,#f5e7fa);color:#b06c41}.solution-card-art[data-category="skill-tai-nguyen"]{background:linear-gradient(135deg,#e8e9ff,#f2e5ff);color:#7653ad}.solution-card-art>span{font-size:42px;line-height:1.2}.solution-card-art>small{font-size:var(--fs-sm);font-weight:650}.solution-card-body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}.catalog-tags{display:flex;gap:6px;flex-wrap:wrap}.catalog-tags>span{font-size:var(--fs-xs);font-weight:650;color:#53627c;background:#f1f3fa;padding:4px 8px;border-radius:7px;overflow-wrap:anywhere}.solution-card h2{font-size:17px;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.solution-card h2 a{color:var(--ink);text-decoration:none}.solution-card-body>p{margin:0;font-size:var(--fs-sm);line-height:1.7;color:var(--muted);text-align:justify;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.solution-platform{font-size:var(--fs-xs);color:#73809a;overflow-wrap:anywhere}.solution-card-cta{display:flex;justify-content:space-between;padding-top:12px;margin-top:auto;border-top:1px solid #edf0f6;text-decoration:none;color:#5840ca;font-size:13px;font-weight:700}.catalog-empty{text-align:center;padding:54px 20px;border:1px dashed #d6dceb;border-radius:20px;background:var(--card)}.catalog-empty>span{font-size:38px;color:#8a79ca}.catalog-empty h2{font-size:20px;margin:10px 0}.catalog-empty p{max-width:520px;margin:0 auto 18px;color:#6a7489}.catalog-pagination{display:flex;justify-content:center;gap:12px;margin:26px 0}.solutions-footer{max-width:1240px;padding:24px;margin:auto;border-top:1px solid #dfe3ef;display:flex;align-items:center;gap:20px;font-size:13px;color:#6b748c;flex-wrap:wrap}.solutions-footer>strong{margin-right:auto;color:var(--ink)}.solutions-site .btn{white-space:nowrap}.crumbs{display:flex;gap:10px;font-size:12px;color:#7e87a0;margin-bottom:24px;flex-wrap:wrap}.crumbs a{text-decoration:none;color:#6a648e}.solution-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:36px;align-items:center;margin-bottom:32px}.solution-intro>div:only-child{grid-column:1/-1;max-width:900px}.solution-intro h1{font-size:clamp(28px,3.4vw,42px);line-height:1.2;letter-spacing:-.035em;margin:10px 0 16px;overflow-wrap:anywhere}.solution-lead{color:var(--muted);font-size:16px;line-height:1.8;text-align:justify;margin-bottom:18px}.solution-cover{width:100%;max-height:340px;aspect-ratio:16/9;object-fit:contain;background:var(--card);border:1px solid #e1e4ef;border-radius:20px}.solution-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}.solution-body{min-width:0}.solution-body>section{background:var(--card);border:1px solid #e4e7f0;border-radius:18px;padding:24px;margin-bottom:18px;overflow:hidden}.solution-body h2,.solution-sidebar h2,.related>h2{font-size:19px;margin:0 0 16px}.solution-body p{font-size:14px;line-height:1.9;text-align:justify;overflow-wrap:anywhere;color:var(--ink);white-space:normal}.solution-body details{padding:14px 0;border-top:1px solid #e6e9f1}.solution-body summary{cursor:pointer;font-size:14px;font-weight:650}.solution-demo{width:100%;aspect-ratio:16/9;border:0;border-radius:12px;background:#111b30;object-fit:contain}.solution-sidebar{position:sticky;top:92px;border:1px solid #dedfec;border-radius:18px;background:var(--card);padding:20px;min-width:0}.resource-link{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #ecedf5;text-decoration:none;color:#24334e;overflow-wrap:anywhere}.resource-link>span:nth-child(2){flex:1;min-width:0}.resource-icon{width:32px;height:36px;border-radius:9px;background:#f0ecff;color:#7151cf;display:grid;place-items:center;flex:none}.resource-link strong{font-size:13px;display:block}.resource-link small{font-size:10px;color:#7b8396;display:block;margin-top:4px}.resource-license{font-size:12px;color:#738099;line-height:1.7}.related{margin-top:28px}.catalog-notice{background:#fff5df;padding:16px;border-radius:12px;font-size:14px;color:#87621d}.solution-admin-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.solution-admin-filters{display:flex;gap:10px;flex-wrap:wrap}.solution-admin-filters input{flex:1;min-width:170px}.solution-admin-list{display:grid;gap:10px}.solution-admin-row{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--card);display:flex;align-items:center;gap:14px;min-width:0}.solution-admin-row>div{flex:1;min-width:0}.solution-admin-row h3{font-size:15px;margin:0 0 5px;overflow-wrap:anywhere}.solution-admin-row p{font-size:12px;color:var(--muted);margin:0}.solution-editor{display:grid;gap:18px}.solution-editor fieldset{margin:0;border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--card);min-width:0}.solution-editor legend{font-size:15px;font-weight:750;padding:0 6px}.solution-editor label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:650;min-width:0}.solution-editor input,.solution-editor select,.solution-editor textarea{width:100%;box-sizing:border-box;min-width:0;font-size:14px}.solution-editor textarea{min-height:110px;resize:vertical}.solution-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.solution-editor .full{grid-column:1/-1}.solution-editor-resource{padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:12px;display:grid;gap:12px;margin-bottom:12px;min-width:0}.solution-editor-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.solution-editor-message{font-size:13px;color:#657188;overflow-wrap:anywhere}.solution-editor-message.error{color:#b42338}.solution-upload-progress{width:100%;height:8px}.solution-admin-help{font-size:12px;color:var(--muted);line-height:1.7;margin:8px 0 14px}.solution-editor button{font-size:13px;min-height:40px;padding:9px 14px}.solution-admin-head button,.solution-admin-row button{font-size:13px;min-height:40px;padding:9px 14px}.solution-editor-bar{display:flex;gap:10px;flex-wrap:wrap;padding:14px;background:var(--card);border:1px solid var(--line);border-radius:14px;position:sticky;bottom:12px;z-index:3}.solution-editor-bar .solution-editor-message{flex:1;min-width:180px;align-self:center}.solutions-site a:focus-visible,.solution-editor :focus-visible{outline:3px solid #9e8bea;outline-offset:3px}
@media(max-width:1000px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-layout{grid-template-columns:minmax(0,1fr) 290px}.solution-intro{gap:22px}}@media(max-width:650px){.solutions-main{padding:22px 16px 36px}.catalog-grid{grid-template-columns:minmax(0,1fr);gap:16px}.catalog-heading{padding:0 0 18px}.catalog-heading p{font-size:var(--fs-sm)}.catalog-search{padding:14px;gap:10px}.catalog-query{flex:1 0 100%}.catalog-search>.btn{width:100%}.catalog-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-filters>a{padding:8px 0}.catalog-categories{padding-top:16px}.solution-intro,.solution-layout{grid-template-columns:1fr;gap:20px}.solution-sidebar{position:static;grid-row:1}.solution-intro h1{font-size:30px}.solution-lead{font-size:14px}.solution-body>section{padding:18px}.solution-card>img,.solution-card-art{aspect-ratio:16/8}.solution-editor-grid{grid-template-columns:minmax(0,1fr)}.solution-editor fieldset{padding:14px}.solution-admin-row{flex-wrap:wrap}.solution-admin-row>div{flex-basis:100%}.solutions-footer{padding:20px 16px;gap:14px}.solution-editor-bar{bottom:4px}.solution-editor-bar button{flex:1}}
@media(prefers-reduced-motion:reduce){.solution-card{transition:none}.solution-card:hover{transform:none}}.resource-code{padding:14px 0;border-bottom:1px solid #e5e8f2}.resource-code>strong{font-size:13px}.resource-code>small{display:block;color:#738099;font-size:11px}.resource-code pre{max-height:260px;overflow:auto;background:#f4f5fa;border:1px solid #e5e8f2;padding:12px;border-radius:10px;font-size:11px;white-space:pre;line-height:1.6}.resource-code .btn{white-space:normal}.solution-editor [hidden]{display:none!important}.solution-editor-optional{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}.solution-editor-optional>summary{font-size:13px;font-weight:700;cursor:pointer}.solution-editor-optional[open]>summary{margin-bottom:16px}.solution-editor-resource>button{width:max-content;max-width:100%;justify-self:start}.solution-editor{padding-bottom:24px}.solution-editor label.full>textarea{min-height:82px}@media(max-width:1000px){}@media(max-width:420px){}.resource-video{padding:16px 0;border-bottom:1px solid #e6e8f0;font-size:13px}.resource-video video{display:block;width:100%;max-height:360px;aspect-ratio:16/9;object-fit:contain;background:#111b30;border-radius:10px;margin:10px 0}.resource-video a{font-size:12px}