:root{--brand:#C2410C;--brand-2:#EA580C;--brand-soft:#FFEDD5;--gold:#CA8A04;--bg:#FFF7ED;--card:#FFFFFF;--ink:#431407;--muted:#9A6A4F;--line:#FCE4D0;--ok:#15803D;--shadow:0 6px 20px rgba(124,45,18,.07),0 2px 6px rgba(124,45,18,.05);--r:16px;--sb:240px}*{box-sizing:border-box}body{margin:0;font-family:Cabin,system-ui,sans-serif;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:"Baloo 2",cursive;margin:0;line-height:1.2}.app{display:flex;min-height:100vh}.main{flex:1;min-width:0;display:flex;flex-direction:column}.content{padding:24px;max-width:1200px;width:100%;margin:0 auto}.sidebar{width:var(--sb);flex:0 0 var(--sb);background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:18px 14px}.sb-logo{display:flex;align-items:center;gap:10px;padding:6px 8px 18px}.sb-logo-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--brand),var(--brand-2));display:flex;align-items:center;justify-content:center}.sb-logo-mark svg{width:22px;height:22px}.sb-logo-name{font-family:"Baloo 2";font-weight:700;font-size:17px;color:var(--brand)}.sb-logo-sub{font-size:11px;color:var(--muted)}.sb-nav{flex:1;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sb-group{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding:14px 10px 6px}.sb-item{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;padding:10px 11px;border-radius:10px;font-family:Cabin;font-size:14.5px;font-weight:600;color:var(--ink);cursor:pointer;transition:.15s;text-align:left}.sb-item svg{width:19px;height:19px;flex:0 0 19px;color:var(--muted)}.sb-item:hover{background:var(--bg)}.sb-item.active{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff}.sb-item.active svg{color:#fff}.sb-badge{margin-left:auto;background:var(--gold);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px}.sb-item.active .sb-badge{background:#ffffff40}.sb-foot{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);padding:12px 10px 4px;border-top:1px solid var(--line)}.sb-foot svg{width:16px;height:16px;color:var(--ok)}.header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.hd-title{font-size:22px;color:var(--ink)}.hd-crumb{font-size:13px;color:var(--muted);margin-top:2px}.hd-user{display:flex;align-items:center;gap:12px}.hd-user-name{font-weight:700;font-size:14px}.hd-user-role{font-size:12px;color:var(--muted)}.hd-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--gold));color:#fff;display:flex;align-items:center;justify-content:center;font-family:"Baloo 2";font-weight:700;font-size:18px}.card{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:20px;border:1px solid var(--line)}.hint{font-size:13px;color:var(--muted);margin:4px 0 14px}.field{margin-bottom:14px}label{display:block;font-weight:600;font-size:13px;margin-bottom:6px;color:var(--ink)}input,textarea,select{width:100%;padding:11px 13px;border:1.5px solid var(--line);border-radius:11px;font-family:Cabin;font-size:15px;background:#fffbf8;color:var(--ink);transition:.2s}input:focus,textarea:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px #ca8a0426}textarea{resize:vertical;min-height:70px}.row{display:flex;gap:10px}.row>*{flex:1}.suffix{position:relative}.suffix em{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--muted);font-size:13px;pointer-events:none}.btn{border:0;border-radius:11px;padding:11px 17px;font-family:Cabin;font-weight:700;font-size:15px;cursor:pointer;transition:.15s;display:inline-flex;align-items:center;gap:8px;justify-content:center}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;box-shadow:var(--shadow);width:100%}.btn-gold{background:linear-gradient(135deg,var(--gold),#A16207);color:#fff}.btn-ghost{background:#fff;color:var(--brand);border:1.5px solid var(--line)}.btn-sm{padding:8px 12px;font-size:13px;width:auto}.btn:disabled{opacity:.5;cursor:not-allowed}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:0 0 10px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}@media(max-width:980px){.steps{grid-template-columns:1fr}}.step-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.step-n{width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:var(--brand-soft);color:var(--brand);font-family:"Baloo 2";font-weight:700;display:flex;align-items:center;justify-content:center}.step-head h3{font-size:16px;color:var(--ink)}.step-sub{font-size:12px;color:var(--muted)}.step-foot{font-size:13px;color:var(--muted);margin-top:12px}.step-empty{margin-top:12px;padding:16px;border:1px dashed var(--line);border-radius:11px;font-size:13px;color:var(--muted);text-align:center;background:#fffbf8}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.media-cell{position:relative;aspect-ratio:1;border-radius:11px;overflow:hidden;border:2px solid var(--line);cursor:pointer;background:var(--bg)}.media-cell.on{border-color:var(--brand)}.media-cell img,.media-cell video{width:100%;height:100%;object-fit:cover;display:block}.media-check{position:absolute;top:5px;right:5px;background:var(--brand);color:#fff;width:20px;height:20px;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center}.media-add{aspect-ratio:1;border-radius:11px;border:2px dashed var(--brand);background:var(--brand-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;color:var(--brand);font-size:12px;font-weight:600;text-align:center;padding:6px}.media-add-plus{font-size:26px;line-height:1}.seo-cards{display:flex;flex-direction:column;gap:12px;margin-top:14px}.seo-card{border:1px solid var(--line);border-radius:12px;padding:13px;background:#fffbf8}.seo-card-head{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--brand);margin-bottom:9px}.seo-title{margin-bottom:8px}.seo-cap{min-height:64px;margin-bottom:8px}.chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px}.chip{background:var(--brand-soft);color:var(--brand);font-size:12px;font-weight:600;padding:3px 9px;border-radius:20px}.ch-list{display:flex;flex-direction:column;gap:9px}.ch-row{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1.5px solid var(--line);border-radius:11px;cursor:pointer;font-weight:600}.ch-row input{width:auto;flex:0 0 auto}.ch-stat{margin-left:auto;font-size:12px;font-weight:600;color:var(--muted)}.ch-stat.ok{color:var(--ok)}.ch-stat.err{color:#b91c1c}.ch-stat.run{color:var(--gold)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}@media(max-width:980px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.stat-label{font-size:13px;color:var(--muted)}.stat-val{font-family:"Baloo 2";font-weight:700;font-size:28px;color:var(--ink);margin:4px 0}.stat-sub{font-size:12px;color:var(--ok)}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{text-align:left;padding:9px 11px;background:var(--bg);color:var(--muted);font-weight:600;font-size:12px}.data-table td{padding:10px 11px;border-top:1px solid var(--line)}.sp-del{border:0;background:#fde8e8;color:#b91c1c;border-radius:8px;padding:5px 11px;font-size:12px;font-weight:600;cursor:pointer}.ch-conn-list{display:flex;flex-direction:column;gap:10px;margin-top:6px}.ch-conn{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border:1.5px solid var(--line);border-radius:12px;flex-wrap:wrap}.ch-conn-info{display:flex;align-items:center;gap:11px}.ch-conn-name{font-weight:700}.ch-conn-note{font-size:12px;color:var(--muted)}.ch-conn-edit{display:flex;gap:7px;align-items:center;flex:1;min-width:240px}.ch-conn-edit input{flex:1}.dinhgia-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}@media(max-width:880px){.dinhgia-grid{grid-template-columns:1fr}}.result-row{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:11px;background:#fffbf8;border:1px solid var(--line);margin-bottom:9px}.result-label{flex:0 0 100px;font-weight:700;color:var(--brand)}.result-label span{display:block;font-weight:500;font-size:12px;color:var(--muted)}.result-price{flex:1;font-family:"Baloo 2";font-size:22px;font-weight:700;text-align:right}.breakdown{background:#fffbf8;border:1px solid var(--line);border-radius:12px;padding:14px}.bd-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--line)}.bd-total{margin-top:10px;padding-top:10px;font-family:"Baloo 2";font-size:19px;font-weight:700;color:var(--brand);text-align:right;border-top:2px solid var(--gold)}.badge{display:inline-block;padding:5px 11px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}.badge.ok{background:#dcfce7;color:var(--ok)}.badge.warn{background:#fef3c7;color:#a16207}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;padding:8px 10px;color:var(--muted);font-weight:700;border-bottom:2px solid var(--gold);white-space:nowrap}.tbl td{padding:8px 10px;border-bottom:1px solid #00000010;vertical-align:top}.tbl tr:hover td{background:#fff7ed}.key-wrap{position:relative}.key-wrap input{padding-right:44px}.eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:0;cursor:pointer;color:var(--muted);padding:6px;display:flex}.eye svg{width:20px;height:20px}.key-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.key-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fffbf8}.key-row.active{border-color:var(--ok);background:#f0fdf4}.key-txt{flex:1;font-family:monospace;font-size:13px;word-break:break-all}.key-del{border:0;background:#fde8e8;color:#b91c1c;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer}.fab{position:fixed;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;border:0;cursor:pointer;z-index:60;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 8px 24px #c2410c66;display:flex;align-items:center;justify-content:center}.fab svg{width:26px;height:26px}.chatp{position:fixed;right:24px;bottom:92px;width:400px;max-width:calc(100vw - 32px);height:560px;max-height:calc(100vh - 120px);background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 48px #7c2d1238;z-index:60;display:flex;flex-direction:column;overflow:hidden}.chatp-head{padding:14px 16px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff}.chatp-title{font-family:"Baloo 2";font-weight:700;font-size:16px}.chatp-sub{font-size:12px;opacity:.85}.chatp-tabs{display:flex;gap:5px;padding:8px 10px;border-bottom:1px solid var(--line);overflow-x:auto;align-items:center}.chatp-tab{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:9px;font-size:12.5px;font-weight:600;color:var(--muted);background:var(--bg);cursor:pointer;white-space:nowrap}.chatp-tab.active{background:var(--brand-soft);color:var(--brand)}.chatp-tab-x{opacity:.5;font-size:14px}.chatp-tab-x:hover{opacity:1}.chatp-tab-add{border:0;background:var(--bg);color:var(--brand);width:26px;height:26px;border-radius:8px;font-size:16px;cursor:pointer;flex:0 0 auto}.chatp-log{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px;display:flex;flex-direction:column;gap:10px}.msg{display:flex;max-width:90%;min-width:0}.msg.user{align-self:flex-end}.msg.ai{align-self:flex-start}.bubble{padding:10px 13px;border-radius:14px;font-size:14px;line-height:1.5;min-width:0;word-break:break-word;overflow-wrap:anywhere}.msg.user .bubble{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-bottom-right-radius:4px}.msg.ai .bubble{background:var(--bg);border:1px solid var(--line);border-bottom-left-radius:4px}.bubble p{margin:0 0 7px}.bubble p:last-child{margin:0}.bubble a{color:var(--brand);font-weight:600;word-break:break-all}.bubble ul{margin:5px 0;padding-left:17px}.cursor:after{content:"▋";color:var(--gold);animation:blink .9s steps(1) infinite}@keyframes blink{50%{opacity:0}}.chatp-input{display:flex;gap:8px;align-items:flex-end;padding:10px;border-top:1px solid var(--line)}.chatp-input textarea{flex:1;resize:none;max-height:110px;min-height:42px}.chatp-send{flex:0 0 auto;width:44px;height:42px;padding:0;border-radius:11px;border:0;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.chatp-send svg{width:19px;height:19px}.mini-quote{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px 11px;font-size:13px;margin-top:6px}.think{background:#fbf3e8;border:1px dashed var(--gold);border-radius:11px;padding:8px 11px;max-width:90%;align-self:flex-start}.think summary{cursor:pointer;font-size:12.5px;font-weight:600;color:#a16207;list-style:none}.think summary::-webkit-details-marker{display:none}.think-body{margin-top:7px;font-size:12.5px;color:var(--muted);line-height:1.5;max-height:200px;overflow:auto;white-space:pre-wrap}.ai-table-wrap{margin-top:6px;overflow-x:auto;max-width:100%;border-radius:8px}.ai-table{border-collapse:collapse;width:auto;min-width:100%;font-size:13px}.ai-table th{background:var(--brand);color:#fff;padding:7px 9px;text-align:left;white-space:nowrap}.ai-table td{border:1px solid var(--line);padding:6px 9px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(20px);background:var(--ink);color:#fff;padding:12px 20px;border-radius:12px;font-weight:600;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.25s;z-index:80;max-width:90%}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast.err{background:#b91c1c}@media(max-width:760px){.sidebar{display:none}.content{padding:16px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}