:root{font-family:DM Sans,Inter,ui-sans-serif,system-ui,sans-serif;color:#0f172a;background:#f8fafc}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid #4f46e5;outline-offset:2px}.sam-shell{display:flex;height:100vh;width:100vw;flex-direction:column;overflow:hidden;background:#f8fafc}.sam-topbar{z-index:30;display:flex;height:56px;flex-shrink:0;align-items:center;gap:12px;border-bottom:1px solid #e2e8f0;background:#fff;padding:0 16px;box-shadow:0 1px 2px #0f172a0f}.sam-brand{display:flex;flex-shrink:0;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#0f172a}.sam-brand-mark,.sam-avatar{display:flex;align-items:center;justify-content:center;border:1px solid #c7d2fe;background:#eef2ff;color:#4f46e5;object-fit:contain;font-weight:700}.sam-brand-mark{height:32px;width:32px;border-radius:6px;font-size:13px}.sam-divider{display:block;height:24px;width:1px;flex-shrink:0;background:#e2e8f0}.sam-system-nav{display:flex;min-width:0;flex:1;align-items:center;gap:4px;overflow-x:auto;padding:4px;scrollbar-width:none}.sam-system-nav::-webkit-scrollbar{display:none}.sam-mobile-modules{display:none}.sam-mobile-modules span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.sam-mobile-modules select,.sam-locale{height:34px;border:1px solid #dbe3ee;border-radius:6px;background:#fff;color:#334155;font:600 12px inherit;padding:0 8px}.sam-tab{display:inline-flex;min-height:40px;flex-shrink:0;touch-action:manipulation;align-items:center;gap:8px;border:1px solid transparent;border-radius:6px;background:transparent;padding:0 12px;color:#475569;font-size:14px;font-weight:500;transition:color .15s,background .15s,border-color .15s;white-space:nowrap}.sam-tab:hover{background:#f1f5f9;color:#0f172a}.sam-tab-active{border-color:#c7d2fe;background:#eef2ff;color:#4f46e5}.sam-dot{height:8px;width:8px;flex-shrink:0;border-radius:999px}.sam-dot-zalo{background:#0068ff}.sam-dot-facebook{background:#1877f2}.sam-dot-crm{background:#7c3aed}.sam-dot-email{background:#ea580c}.sam-dot-automation{background:#16a34a}.sam-actions{display:flex;flex-shrink:0;align-items:center;gap:4px}.sam-icon-button{display:inline-flex;height:36px;width:36px;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:#475569}.sam-icon-button:hover{background:#f1f5f9;color:#0f172a}.sam-icon-button svg{height:16px;width:16px}.sam-logout:hover{color:#e11d48}.sam-user-chip{display:flex;max-width:140px;align-items:center;gap:8px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;padding:6px 8px;color:#0f172a;font-size:12px;font-weight:500}.sam-avatar{height:24px;width:24px;flex-shrink:0;border-radius:999px;font-size:10px}.sam-user-chip span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sam-frame{min-height:0;flex:1}.sam-frame iframe{display:block;height:100%;width:100%;border:0;background:#fff}.shell-auth,.shell-auth-wait{display:flex;min-height:100%;align-items:center;justify-content:center;padding:24px;background:#f8fafc;color:#0f172a}.shell-auth-card{display:grid;width:100%;max-width:380px;gap:16px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;padding:28px;box-shadow:0 12px 30px #0f172a14}.shell-auth-brand{display:flex;align-items:center;gap:10px}.shell-auth-brand h1{margin:0;font-size:20px}.shell-auth-card label{display:grid;gap:7px;color:#334155;font-size:14px;font-weight:600}.shell-auth-card input,.shell-auth-card select{height:40px;border:1px solid #cbd5e1;border-radius:6px;padding:0 10px;color:#0f172a;font:inherit}.shell-auth-card button{height:40px;border:0;border-radius:6px;background:#4f46e5;color:#fff;font-weight:700}.shell-auth-card button:disabled{opacity:.65;cursor:wait}.shell-auth-locale{grid-template-columns:1fr auto;align-items:center}.shell-auth-locale span{justify-self:start}.shell-auth-locale select{width:70px}.shell-auth-error{margin:0;border-radius:6px;background:#fef2f2;padding:10px;color:#b91c1c;font-size:13px}@media(max-width:720px){.sam-topbar{gap:6px;padding:0 8px}.sam-brand>span:last-child,.sam-divider,.sam-user-chip,.sam-system-nav{display:none}.sam-mobile-modules{display:block;min-width:0;flex:1}.sam-mobile-modules select{width:100%;min-width:0;max-width:170px}.sam-locale{width:54px;padding:0 4px}.sam-icon-button{height:44px;width:36px}.sam-logout{display:none}}