:root{--wine:#741c23;--wine-900:#3f0d13;--wine-800:#57141b;--wine-100:#f3e6e5;--cream:#f5efe6;--canvas:#f7f5f2;--paper:#fff;--ink:#191716;--muted:#746e69;--line:#e8e3dd;--line-dark:rgba(255,255,255,.1);--green:#24704a;--amber:#8a5a11;font-family:Inter,"SF Pro Display","Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--canvas)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--canvas);letter-spacing:-.01em}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.eyebrow{color:var(--wine);font-size:10px;font-weight:800;letter-spacing:.16em;margin:0 0 10px}.muted{color:var(--muted)}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-brand{background:var(--wine-900);color:#fff;padding:9vh 9vw;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.login-brand:before{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-260px;top:-180px}.login-brand:after{content:"VIỆT PHÁP";position:absolute;right:-5px;bottom:18px;font-size:11px;letter-spacing:.42em;font-weight:700;color:rgba(255,255,255,.24)}.brand-mark{width:42px;height:42px;border-radius:9px;background:var(--wine);color:#fff;display:grid;place-items:center;font-family:Georgia,serif;font-weight:700}.brand-mark.large{width:64px;height:64px;border:1px solid rgba(255,255,255,.25);background:transparent;font-size:22px;margin-bottom:52px}.login-brand .eyebrow{color:#d8b9b7}.login-brand h1{font-size:clamp(48px,5.2vw,76px);line-height:.98;font-weight:620;margin:4px 0 24px;letter-spacing:-.065em}.login-brand h1 em{font-size:.24em;vertical-align:top;letter-spacing:.15em;color:#d8b9b7;font-style:normal}.login-brand>p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:520px;color:#d9ccca}.login-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}.login-points span{border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:8px 11px;font-size:11px;color:#eadfdd}.login-panel{display:grid;place-items:center;padding:42px;background:#fbfaf8}.login-card{width:min(400px,100%)}.login-card h2{font-size:32px;line-height:1.1;margin:0 0 8px;letter-spacing:-.045em}.login-card>p{margin:0 0 32px}.login-card label{font-size:12px;font-weight:700;display:block;margin:17px 0}.login-card input{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:8px;margin-top:7px;background:#fff;outline:none}.login-card input:focus{border-color:var(--wine);box-shadow:0 0 0 3px rgba(116,28,35,.07)}.login-card small{display:block;text-align:center;color:var(--muted);line-height:1.5;margin-top:18px}.mobile-logo{display:none}.form-error{color:#a12727!important;font-size:12px;margin:12px 0!important;min-height:18px}
.primary,.secondary,.ghost,.danger{border:0;border-radius:7px;padding:11px 15px;font-weight:700;font-size:12px;transition:.18s}.primary{background:var(--wine);color:#fff;box-shadow:0 6px 16px rgba(116,28,35,.14)}.primary:hover{background:var(--wine-800);transform:translateY(-1px)}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.secondary:hover,.ghost:hover{border-color:#cbbfb8;background:#faf8f5}.ghost{background:transparent;color:var(--wine);border:1px solid var(--line)}.danger{background:#fae6e4;color:#9d2929}.wide{width:100%;display:flex;justify-content:space-between}
.app-shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.sidebar{background:var(--wine-900);color:#fff;padding:22px 14px 16px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:244px;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:2px 10px 26px}.brand .brand-mark{width:38px;height:38px;background:#fff;color:var(--wine-900);border-radius:8px}.brand span:last-child{display:flex;flex-direction:column;font-size:13px;letter-spacing:.01em}.brand small{color:#c8aba9;font-size:9px;letter-spacing:.13em;text-transform:uppercase;margin-top:2px}.sidebar nav{display:flex;flex-direction:column;gap:3px}.nav-label{font-size:8px;font-weight:800;letter-spacing:.16em;color:#96777a;margin:21px 12px 8px}.nav-item{border:0;background:transparent;color:#cbb9ba;text-align:left;padding:10px 11px;border-radius:7px;display:flex;align-items:center;gap:11px;font-weight:600;font-size:12px}.nav-item>span{width:20px;height:20px;display:grid;place-items:center}.nav-item>span svg{width:17px;height:17px}.nav-item i{margin-left:auto;font-style:normal;font-size:9px;background:rgba(255,255,255,.1);color:#eadfde;border-radius:10px;padding:2px 7px}.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.active{background:#fff;color:var(--wine-900);box-shadow:0 8px 26px rgba(0,0,0,.15)}.nav-item.active i{background:var(--wine-100);color:var(--wine)}.system-state{margin-top:auto;padding:12px;background:rgba(255,255,255,.055);border:1px solid var(--line-dark);border-radius:8px;display:flex;gap:10px;align-items:flex-start}.system-state b,.system-state small{display:block;font-size:9px}.system-state small{color:#a98f91;margin-top:4px}.pulse{width:7px;height:7px;background:#6bd298;border-radius:50%;box-shadow:0 0 0 4px rgba(107,210,152,.1);margin-top:2px}.profile{border:0;border-top:1px solid var(--line-dark);background:transparent;color:#fff;margin-top:14px;padding:15px 5px 0;display:flex;align-items:center;gap:9px;text-align:left}.profile span:nth-child(2){display:flex;flex:1;flex-direction:column;font-size:10px}.profile small{font-size:8px;color:#c8aba9;font-weight:800;letter-spacing:.08em}.avatar{width:34px;height:34px;border-radius:8px;background:#fff;color:var(--wine);display:grid;place-items:center;font-weight:800;font-size:10px}.avatar.small{width:34px;height:34px;background:var(--wine-100)}.logout-icon{color:#96777a}.app-shell main{grid-column:2;min-width:0}.topbar{height:74px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:5}.topbar h2{font-size:19px;font-weight:720;margin:0;letter-spacing:-.035em}.topbar .eyebrow{font-size:8px;margin-bottom:4px;color:#9c918b}.top-actions{display:flex;align-items:center;gap:9px}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:8px;width:36px;height:36px;display:grid;place-items:center;position:relative;color:#665d58}.icon-btn svg{width:16px}.icon-btn .dot{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--wine);right:6px;top:6px}.menu-btn{display:none}.demo-pill{background:#f8efe0;color:#79571f;border:1px solid #eadbc2;border-radius:5px;padding:6px 9px;font-size:8px;font-weight:800;letter-spacing:.1em}.content{padding:34px 36px 64px;max-width:1440px;margin:0 auto}
.hero{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.hero h1{font-size:clamp(30px,3vw,42px);line-height:1.05;font-weight:650;margin:0 0 9px;letter-spacing:-.055em}.hero h1 em{color:var(--wine);font-style:normal}.hero p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.actions{display:flex;gap:8px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:23px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 18px 16px;position:relative;overflow:hidden}.stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--wine)}.stat-top{display:flex;justify-content:space-between;color:#8a817c;font-size:9px;font-weight:800;letter-spacing:.07em}.stat-icon{width:28px;height:28px;border-radius:7px;background:#f7efee;color:var(--wine);display:grid;place-items:center;font-size:9px}.stat strong{display:block;font-size:31px;font-weight:680;letter-spacing:-.055em;margin-top:12px}.stat small{color:var(--muted);font-size:9px}.stat small.positive{color:var(--green)}.grid-2{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-head h3{font-size:12px;margin:0;letter-spacing:-.01em}.panel-body{padding:18px}.activity{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid #f0ece8}.activity:last-child{border:0}.activity-icon{width:30px;height:30px;border-radius:7px;background:#f6efee;display:grid;place-items:center;color:var(--wine);flex:none;font-size:8px;font-weight:800}.activity p{margin:0;font-size:11px;font-weight:650}.activity small{color:var(--muted);font-size:9px}.health-row{display:flex;justify-content:space-between;padding:10px 0;font-size:11px}.health-row b{color:var(--green)}.progress{height:4px;background:#eee9e4;border-radius:9px;overflow:hidden}.progress span{display:block;height:100%;background:var(--wine);border-radius:9px}.notice{border-left:2px solid var(--wine);background:#faf5f1;padding:12px;border-radius:3px;margin-top:14px;font-size:10px;line-height:1.6}
.toolbar{display:flex;justify-content:space-between;gap:12px;margin:20px 0}.search{border:1px solid var(--line);background:#fff;border-radius:7px;padding:11px 13px;min-width:280px;font-size:12px;outline:none}.search:focus{border-color:#b89591;box-shadow:0 0 0 3px rgba(116,28,35,.05)}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{text-align:left;color:#8b827d;font-size:8px;letter-spacing:.1em;text-transform:uppercase;padding:12px 16px;background:#faf9f7}.data-table td{padding:15px 16px;border-top:1px solid var(--line);font-size:11px;vertical-align:top}.data-table td strong{display:block;max-width:440px;font-weight:680}.data-table td small{color:var(--muted);display:block;margin-top:5px;max-width:540px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-block;padding:4px 7px;border-radius:4px;font-size:8px;font-weight:800;letter-spacing:.05em}.badge.approved,.badge.active{background:#e8f3ec;color:var(--green)}.badge.pending{background:#fbf0dc;color:var(--amber)}.badge.archived{background:#efedeb;color:#6d645f}.badge.rejected{background:#fae6e4;color:#a13030}.row-actions{display:flex;gap:6px}.row-actions button{border:1px solid var(--line);background:#fff;border-radius:5px;padding:6px 8px;font-size:9px;color:var(--wine)}
.tabs{display:flex;border-bottom:1px solid var(--line);gap:20px;margin:20px 0}.tab{border:0;background:transparent;padding:10px 2px;border-bottom:2px solid transparent;font-size:11px;font-weight:700;color:var(--muted)}.tab.active{border-color:var(--wine);color:var(--wine)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:750;color:#514b47}.field.full{grid-column:1/-1}.field input,.field textarea,.field select{border:1px solid var(--line);border-radius:7px;padding:11px;background:#fff;outline:none;font-size:12px}.field small{font-size:9px;line-height:1.45;font-weight:500;color:var(--muted)}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#b89591;box-shadow:0 0 0 3px rgba(116,28,35,.06)}.dropzone{border:1px dashed #cdbfba;border-radius:8px;padding:30px;text-align:center;background:#fcfbf9}.dropzone input{max-width:100%}.dropzone strong{display:block;margin:8px}.dropzone p{color:var(--muted);font-size:10px}.preview-box{margin-top:14px;max-height:260px;overflow:auto}.split-editor{display:grid;grid-template-columns:1fr .75fr;gap:14px}.provider-pills{display:flex;gap:9px}.provider-pill{flex:1;border:1px solid var(--line);border-radius:8px;padding:13px;background:#fff;text-align:left;font-size:11px}.provider-pill.active{border-color:var(--wine);box-shadow:inset 3px 0 0 var(--wine)}.chat{min-height:430px;display:flex;flex-direction:column}.messages{flex:1;padding:18px;display:flex;flex-direction:column;gap:12px}.bubble{padding:12px 14px;border-radius:9px;max-width:82%;font-size:11px;line-height:1.65}.bubble.user{align-self:flex-end;background:var(--wine);color:#fff;border-bottom-right-radius:2px}.bubble.ai{background:#f3f0ec;border-bottom-left-radius:2px}.chat-form{display:flex;gap:8px;padding:14px;border-top:1px solid var(--line)}.chat-form input{flex:1;border:1px solid var(--line);border-radius:7px;padding:11px;font-size:12px}.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.security-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:17px;min-height:145px}.security-card span{font-size:8px;font-weight:800;letter-spacing:.1em;color:var(--wine)}.security-card h3{font-size:12px;margin:24px 0 7px}.security-card p{font-size:10px;line-height:1.65;color:var(--muted);margin:0}
.version-list{display:flex;flex-direction:column;gap:8px}.version-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:7px;padding:11px}.version-row.selected{border-color:#caa5a4;background:#fbf4f3}.version-row b,.version-row small{display:block}.version-row b{font-size:10px}.version-row small{font-size:8px;color:var(--muted);margin-top:4px}.version-row .ghost{padding:7px 9px;font-size:9px;flex:none}
.model-section{margin-top:14px}.model-section .panel-head>div small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.model-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.model-card{border:1px solid var(--line);border-radius:9px;padding:14px;background:#fff}.model-card.recommended{border-color:#b77f82;box-shadow:inset 3px 0 0 var(--wine)}.model-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.model-card-head small,.model-card-head b{display:block}.model-card-head small{font-size:8px;color:var(--muted);letter-spacing:.08em}.model-card-head b{font-size:12px;margin-top:3px}.model-card-head span{background:var(--wine-100);color:var(--wine);border-radius:4px;padding:4px 6px;font-size:7px;font-weight:800;white-space:nowrap}.model-card p{min-height:45px;color:var(--muted);font-size:9px;line-height:1.55;margin:11px 0}.model-price{display:grid;grid-template-columns:1fr 1fr;gap:6px;border-top:1px solid var(--line);padding-top:10px}.model-price small,.model-price b{display:block}.model-price small{font-size:7px;color:var(--muted)}.model-price b{font-size:10px;margin-top:3px}
.usage-estimator{margin-top:14px}.usage-estimator .panel-head>div small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.estimate-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.estimate-results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.estimate-results article{border:1px solid var(--line);border-radius:9px;padding:15px;background:#fcfbf9}.estimate-results article.safe{background:var(--wine-900);border-color:var(--wine-900);color:#fff}.estimate-results small,.estimate-results strong,.estimate-results span{display:block}.estimate-results small{font-size:7px;font-weight:800;letter-spacing:.08em;color:var(--muted)}.estimate-results .safe small,.estimate-results .safe span{color:#d8c4c4}.estimate-results strong{font-size:22px;letter-spacing:-.04em;margin:10px 0 4px}.estimate-results span{font-size:9px;color:var(--muted)}.estimate-note{border-top:1px solid var(--line);margin-top:14px;padding-top:12px;color:var(--muted);font-size:9px;line-height:1.55}
.modal{position:fixed;inset:0;background:rgba(31,17,16,.62);z-index:50;display:grid;place-items:center;padding:20px}.modal-card{background:#fff;border-radius:11px;padding:26px;width:min(700px,100%);max-height:92vh;overflow:auto;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.22)}.modal-close{position:absolute;right:16px;top:13px;border:0;background:transparent;font-size:22px}.modal-card h2{font-size:24px;margin:0 0 6px;letter-spacing:-.035em}.modal-card .actions{justify-content:flex-end;margin-top:20px}.toast{position:fixed;right:22px;bottom:22px;background:#231b18;color:#fff;border-radius:7px;padding:12px 16px;font-size:11px;z-index:100;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}.toast.error{background:#942f35}
@media(max-width:980px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2,.split-editor{grid-template-columns:1fr}.security-grid{grid-template-columns:1fr 1fr}.model-catalog{grid-template-columns:repeat(2,1fr)}.login-brand{padding:8vh 7vw}}
@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh;padding:28px}.mobile-logo{display:flex;align-items:center;gap:10px;margin-bottom:50px}.app-shell{display:block}.sidebar{transform:translateX(-105%);transition:.25s;box-shadow:18px 0 44px rgba(0,0,0,.25)}.sidebar.open{transform:none}.app-shell main{grid-column:auto}.topbar{height:64px;padding:0 15px}.menu-btn{display:grid}.topbar>div:nth-child(2){flex:1;margin-left:11px}.topbar .eyebrow{display:none}.topbar h2{font-size:17px}.content{padding:24px 15px 48px}.hero{align-items:flex-start;gap:15px}.hero h1{font-size:29px}.hero p{font-size:12px}.stats{grid-template-columns:1fr 1fr;gap:8px}.stat{padding:14px 13px}.stat strong{font-size:27px}.stat-top{font-size:7px}.stat-icon{width:24px;height:24px}.grid-2{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.toolbar .actions{display:grid;grid-template-columns:1fr 1fr}.search{min-width:0;width:100%}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.security-grid{grid-template-columns:1fr}.estimate-results{grid-template-columns:1fr}.demo-pill{display:none!important}}
@media(max-width:420px){.stats{grid-template-columns:1fr 1fr}.top-actions .icon-btn{display:none}.hero{display:block}.hero .actions{margin-top:16px}.hero .actions>*{flex:1}.login-card h2{font-size:28px}.stat small{display:block;line-height:1.35}.model-catalog,.estimate-inputs{grid-template-columns:1fr}.model-card p{min-height:0}.content{padding-top:21px}}