:root{--ink:#17332a;--green:#123d30;--green2:#1e5c47;--lime:#d7f36b;--paper:#fff;--canvas:#f2f5f2;--line:#dce5df;--muted:#74877f;--blue:#1769e0;--red:#c85b4d;--amber:#b77822}*{box-sizing:border-box}.monitoring-app{background:var(--canvas);min-height:100vh;color:var(--ink);grid-template-columns:252px 1fr;font-family:Arial,sans-serif;display:grid}.monitoring-sidebar{background:var(--green);color:#e6f0ec;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.monitoring-brand{color:inherit;align-items:center;gap:11px;padding:2px 6px 30px;text-decoration:none;display:flex}.monitoring-brand>span{background:var(--lime);width:42px;height:42px;color:var(--green);border-radius:13px;place-items:center;font-weight:900;display:grid}.monitoring-brand div{gap:3px;display:grid}.monitoring-brand strong{font-size:14px}.monitoring-brand small{color:#91aba1;text-transform:uppercase;letter-spacing:.1em;font-size:9px}.nav-caption{letter-spacing:.15em;color:#7f9d91;margin:0 10px 10px;font-size:8px;font-weight:800}.monitoring-sidebar nav{gap:5px;display:grid}.monitoring-sidebar nav button{color:#aac1b8;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:11px 12px;display:flex}.monitoring-sidebar nav button:hover{color:#fff;background:#ffffff0b}.monitoring-sidebar nav button.active{color:#fff;box-shadow:inset 3px 0 var(--lime);background:#2a594a}.monitoring-sidebar nav em{color:#75988a;font-size:8px;font-style:normal}.monitoring-sidebar nav button.active em{color:var(--lime)}.monitoring-sidebar nav span{font-size:11px;font-weight:700}.permission-note{background:#0c3025;border:1px solid #2a5748;border-radius:12px;gap:6px;margin-top:24px;padding:14px;display:grid}.permission-note span{letter-spacing:.13em;color:#7ea392;font-size:7px;font-weight:900}.permission-note strong{color:var(--lime);font-size:11px}.permission-note small{color:#8ba69c;font-size:9px;line-height:1.55}.sidebar-user{border-top:1px solid #315a4d;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;margin-top:auto;padding:18px 5px 0;display:grid}.sidebar-user>i{color:#285846;background:#dceae2;border-radius:50%;place-items:center;width:34px;height:34px;font-size:9px;font-style:normal;font-weight:900;display:grid}.sidebar-user div{gap:2px;display:grid}.sidebar-user strong{font-size:10px}.sidebar-user small{color:#8ba69c;font-size:8px}.sidebar-user button{color:#a3b9b0;cursor:pointer;background:0 0;border:0}.monitoring-content{min-width:0;padding:32px clamp(24px,4vw,56px)}.monitoring-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px;display:flex}.monitoring-header>div:first-child>span,.panel header span,.assignment-intro span,.permission-summary span,.setup-dialog>span,.form-dialog header span,.ai-insight>span,.conversation-detail>.message-history>span{letter-spacing:.14em;color:#6e8179;font-size:8px;font-weight:900}.monitoring-header h1{letter-spacing:-.04em;margin:7px 0 5px;font-size:27px}.monitoring-header p{color:#74827c;margin:0;font-size:11px}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.header-actions button,.assignment-intro button,.panel header button,.setup-dialog button,.connections-grid button{color:#3d5a4e;cursor:pointer;background:#fff;border:1px solid #d8e2dc;border-radius:9px;padding:9px 12px;font-size:10px;font-weight:700}.header-actions .primary,.primary,.assignment-intro .primary,.panel header .primary,.setup-dialog .primary,.form-dialog .primary{background:var(--green2);color:#fff;border:0}.read-only,.readonly-badge{letter-spacing:.08em;color:#2e724e;background:#e2f0e7;border-radius:20px;padding:7px 9px;font-size:8px;font-weight:900}.global-notice{color:#775f2f;background:#fff5d9;border:1px solid #f0dfac;border-radius:10px;justify-content:space-between;max-width:760px;margin:0 0 16px;padding:10px 13px;font-size:10px;display:flex}.global-notice button{cursor:pointer;background:0 0;border:0}.loading-board{color:#6e8179;place-items:center;height:420px;font-size:11px;display:grid}.view-stack{gap:16px;display:grid}.metric-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.metric-grid article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px;box-shadow:0 8px 22px #173d3010}.metric-grid article>span{color:#7a8b84;letter-spacing:.08em;font-size:8px;font-weight:900}.metric-grid strong{margin:11px 0 4px;font-size:29px;display:block}.metric-grid small{color:#7e8d87;font-size:9px}.metric-grid .danger{border-color:#efd6d0}.metric-grid .danger strong{color:var(--red)}.overview-grid{grid-template-columns:1.3fr .7fr;gap:16px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 8px 25px #173d300c}.panel>header,.assignment-intro{border-bottom:1px solid #e7ece9;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.panel header h2,.assignment-intro h2,.permission-summary h2{margin:5px 0;font-size:15px}.panel header p,.assignment-intro p,.permission-summary p{color:#7a8a83;margin:4px 0 0;font-size:10px;line-height:1.5}.panel header em{color:#567066;background:#edf3ef;border-radius:20px;padding:6px 8px;font-size:8px;font-style:normal}.score-row{grid-template-columns:105px 1fr;align-items:center;gap:18px;padding:20px;display:grid}.big-score{color:#2c634a;border:10px solid #dff0ba;border-radius:50%;place-items:center;width:92px;height:92px;font-size:29px;font-weight:900;display:grid}.big-score small{font-size:10px}.score-row>div:last-child{gap:7px;display:grid}.score-row strong{font-size:12px}.score-row p{color:#718078;margin:0;font-size:10px;line-height:1.55}.recommendations{margin:0;padding:0 20px 18px;list-style:none;display:grid}.recommendations li{border-top:1px solid #edf0ee;grid-template-columns:30px 1fr;gap:10px;padding:10px 0;display:grid}.recommendations li>b{color:#4e7849;background:#edf5e9;border-radius:8px;place-items:center;width:25px;height:25px;font-size:9px;display:grid}.recommendations span{color:#53665e;font-size:10px;line-height:1.45}.alert-line{border-top:1px solid #edf0ee;grid-template-columns:9px 1fr auto;align-items:center;gap:9px;padding:13px 18px;display:grid}.alert-line>i{border-radius:50%;width:8px;height:8px}.alert-line .red{background:#d05a4d}.alert-line .amber{background:#d09536}.alert-line .green{background:#4b9a69}.alert-line div{gap:3px;display:grid}.alert-line strong{font-size:10px}.alert-line small{color:#83908a;font-size:8px}.alert-line>b{color:#6d7e76;font-size:8px}.flow-steps{grid-template-columns:repeat(4,1fr);padding:18px;display:grid}.flow-steps article{border-right:1px solid #e6ece8;grid-template-columns:35px 1fr;gap:10px;padding:10px 14px;display:grid}.flow-steps article:last-child{border:0}.flow-steps article>b{background:var(--green);width:32px;height:32px;color:var(--lime);border-radius:10px;place-items:center;font-size:11px;display:grid}.flow-steps span{gap:4px;display:grid}.flow-steps strong{font-size:10px}.flow-steps small{color:#7c8b85;font-size:8px;line-height:1.4}.conversation-board{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:360px 1fr;height:calc(100vh - 150px);min-height:620px;display:grid;overflow:hidden}.conversation-board>aside{border-right:1px solid var(--line);overflow:auto}.conversation-filter{grid-template-columns:1fr 130px;gap:7px;padding:14px;display:grid}.conversation-filter input,.conversation-filter select{background:#f8faf9;border:1px solid #dfe6e2;border-radius:8px;min-width:0;padding:9px;font-size:9px}.conversation-board>aside>p{letter-spacing:.1em;color:#7f8f88;padding:0 15px;font-size:8px;font-weight:900}.conversation-board>aside>button{text-align:left;cursor:pointer;background:#fff;border:0;border-top:1px solid #edf0ee;grid-template-columns:38px 1fr auto;gap:9px;width:100%;padding:13px 14px;display:grid}.conversation-board>aside>button.active{box-shadow:inset 3px 0 var(--green2);background:#eef6f1}.conversation-board>aside>button>i,.conversation-detail header i{color:#285b47;background:#e6efe9;border-radius:12px;place-items:center;width:38px;height:38px;font-size:9px;font-style:normal;font-weight:900;display:grid}.conversation-board button>span{gap:3px;min-width:0;display:grid}.conversation-board button strong{font-size:10px}.conversation-board button small{color:#7b8b84;font-size:8px}.conversation-board button em{color:#586a62;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-style:normal;overflow:hidden}.conversation-board time{color:#89958f;font-size:8px}.conversation-detail{grid-template-rows:auto 1fr;grid-template-columns:1fr 320px;min-width:0;display:grid}.conversation-detail>header{border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;padding:13px 17px;display:flex}.conversation-detail>header>div{align-items:center;gap:10px;display:flex}.conversation-detail header span{gap:4px;display:grid}.conversation-detail header strong{font-size:11px}.conversation-detail header small{color:#7d8c85;font-size:8px}.message-history{background:#f7faf8;flex-direction:column;gap:10px;padding:22px;display:flex;overflow:auto}.message-history>span{text-align:center}.message-history section{background:#fff;border:1px solid #e0e7e3;border-radius:13px 13px 13px 4px;align-self:flex-start;max-width:70%;padding:10px 12px}.message-history section.out{background:var(--green2);color:#fff;border-radius:13px 13px 4px;align-self:flex-end}.message-history small{opacity:.65;font-size:8px}.message-history p{margin:5px 0;font-size:11px;line-height:1.5}.ai-insight{border-left:1px solid var(--line);padding:20px;overflow:auto}.insight-score{grid-template-columns:64px 1fr;gap:11px;margin:14px 0;display:grid}.insight-score>b{color:#315f45;background:#e6f0c5;border-radius:14px;place-items:center;width:60px;height:60px;font-size:21px;display:grid}.insight-score p{gap:5px;margin:0;display:grid}.insight-score strong{font-size:10px}.insight-score small{color:#788981;font-size:8px;line-height:1.45}.ai-insight ul{margin:12px 0;padding:0;list-style:none;display:grid}.ai-insight li{color:#6c7d75;border-top:1px solid #edf0ee;justify-content:space-between;padding:10px 0;font-size:9px;display:flex}.assignment-intro{color:#fff;background:linear-gradient(120deg,#173f32,#285c49);border:0;border-radius:15px;align-items:center}.assignment-intro span{color:#a9c2b7}.assignment-intro h2{font-size:19px}.assignment-intro p{color:#b7c9c1;max-width:650px}.assignment-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.assignment-grid article{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.assignment-grid header{grid-template-columns:43px 1fr auto;gap:11px;padding:16px;display:grid}.assignment-grid header>i,.connections-grid header>i{border-radius:12px;place-items:center;width:42px;height:42px;font-style:normal;font-weight:900;display:grid}.facebook_page{color:#1769e0;background:#e7effd}.facebook_personal{color:#2b644d;background:#e9f1ed}.zalo_personal{color:#0879e8;background:#e5f3ff}.assignment-grid header span{gap:3px;display:grid}.assignment-grid header small{letter-spacing:.08em;color:#7c8c84;font-size:7px;font-weight:900}.assignment-grid header strong{font-size:11px}.assignment-grid header em{color:#85918c;font-size:8px;font-style:normal}.assignment-grid header>b{border-radius:20px;align-self:start;padding:6px 8px;font-size:8px}.assignment-grid .active{color:#39734f;background:#e4f2e8}.assignment-grid .scheduled{color:#86612e;background:#fff1d6}.assignment-grid .ended{color:#748078;background:#ecefed}.assignment-grid article>div{border-top:1px solid #edf0ee;gap:4px;padding:14px 16px;display:grid}.assignment-grid article>div span{color:#809089;letter-spacing:.08em;font-size:7px;font-weight:900}.assignment-grid article>div strong{font-size:10px}.assignment-grid article>div small{color:#7d8d85;font-size:8px}.table-panel>header{align-items:center}.table-scroll{overflow:auto}.table-scroll table{border-collapse:collapse;width:100%}.table-scroll th{text-align:left;color:#7d8c86;letter-spacing:.08em;background:#f7f9f8;padding:10px 14px;font-size:7px}.table-scroll td{color:#55675e;white-space:nowrap;border-top:1px solid #e8edea;padding:12px 14px;font-size:9px}.table-scroll td>strong,.table-scroll td>small{display:block}.table-scroll td>small{color:#85918b;margin-top:4px;font-size:8px}.employee-cell{align-items:center;gap:9px;display:flex}.employee-cell>i{color:#295f49;background:#e4efe8;border-radius:11px;place-items:center;width:34px;height:34px;font-size:9px;font-style:normal;font-weight:900;display:grid}.employee-cell span{gap:3px;display:grid}.employee-cell strong{color:#203d32;font-size:10px}.employee-cell small{color:#819089;font-size:8px}.table-scroll em{font-style:normal}.role,.account,.status-active{border-radius:20px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.role.boss{color:#4f6824;background:#e7f0c8}.role.manager{color:#2e684f;background:#e4ede8}.role.sales{color:#2761a7;background:#e6effd}.role.media{color:#76508c;background:#f0e7f7}.account.active,.status-active{color:#39734f;background:#e4f2e8}.account.pending{color:#8a632d;background:#fff0d6}.account.locked{color:#9a5147;background:#f5e4e1}.permission-summary{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px}.permission-table th:not(:first-child),.permission-table td:not(:first-child){text-align:center}.allow,.deny{font-size:8px;font-weight:800}.allow{color:#34714d}.deny{color:#9da8a3}.rule-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.rule-cards article{border:1px solid var(--line);background:#fff;border-radius:12px;padding:16px}.rule-cards b{letter-spacing:.09em;color:#375e4d;font-size:8px}.rule-cards p{color:#718179;margin:8px 0 0;font-size:9px;line-height:1.55}.connection-warning{background:#fff7df;border:1px solid #eddfb7;border-radius:12px;padding:14px 16px}.connection-warning b{font-size:10px}.connection-warning p{color:#7b6e4b;margin:5px 0 0;font-size:9px}.connections-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.connections-grid article{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;padding:17px;display:flex}.connections-grid header{grid-template-columns:42px 1fr auto;align-items:center;gap:10px;display:grid}.connections-grid header span{gap:3px;display:grid}.connections-grid header small{letter-spacing:.08em;color:#839089;font-size:7px;font-weight:900}.connections-grid header strong{font-size:11px}.connections-grid header em{border-radius:20px;padding:5px 7px;font-size:7px;font-style:normal}.connections-grid .ready{color:#35704c;background:#e3f1e7}.connections-grid .research{color:#8a642e;background:#fff0d4}.connections-grid p{color:#6e7f77;font-size:9px;line-height:1.55}.connections-grid ul{gap:7px;margin:4px 0 16px;padding:0;list-style:none;display:grid}.connections-grid li{color:#65776e;font-size:8px}.connections-grid li:before{content:"✓";color:#42805c;margin-right:6px;font-weight:900}.connections-grid button{margin-top:auto}.connections-grid button:disabled{color:#9aa49f;cursor:not-allowed;background:#f0f2f1}.modal-backdrop{z-index:50;background:#0b2a207d;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.form-dialog,.setup-dialog{background:#fff;border-radius:16px;width:min(720px,100%);max-height:94vh;padding:21px;overflow:auto;box-shadow:0 30px 90px #0a241b55}.form-dialog.compact{width:min(630px,100%)}.form-dialog header{justify-content:space-between;display:flex}.form-dialog header h2,.setup-dialog h2{margin:7px 0 5px;font-size:19px}.form-dialog header p,.setup-dialog p{color:#75867e;margin:0;font-size:9px;line-height:1.5}.form-dialog header>button{cursor:pointer;background:#edf1ef;border:0;border-radius:9px;width:34px;height:34px;font-size:18px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.form-grid label{color:#52665c;gap:6px;font-size:8px;font-weight:800;display:grid}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid select,.setup-dialog input,.password-page input{background:#f8faf9;border:1px solid #dce4df;border-radius:8px;outline:none;padding:10px;font-size:10px}.form-dialog footer{justify-content:flex-end;gap:8px;margin-top:17px;display:flex}.form-dialog footer button{cursor:pointer;background:#fff;border:1px solid #dbe3de;border-radius:8px;padding:9px 12px;font-size:9px;font-weight:800}.form-dialog footer .primary{background:var(--green2);color:#fff}.form-dialog button:disabled{opacity:.55}.form-error{color:#994d43;background:#fee8e4;border-radius:8px;margin-top:12px;padding:9px 11px;font-size:9px}.setup-dialog{width:min(560px,100%)}.setup-dialog input{width:100%;margin:15px 0}.setup-dialog>div{justify-content:flex-end;gap:8px;display:flex}.password-page{background:linear-gradient(140deg,#eef4ef,#dfe9e2);place-items:center;min-height:100vh;padding:20px;font-family:Arial,sans-serif;display:grid}.password-page>section{border:1px solid var(--line);background:#fff;border-radius:18px;width:min(460px,100%);padding:28px;box-shadow:0 24px 70px #173d3020}.password-page>section>span{letter-spacing:.14em;color:#63776e;font-size:8px;font-weight:900}.password-page h1{margin:9px 0;font-size:24px}.password-page p{color:#71827a;font-size:10px;line-height:1.55}.password-page form{gap:13px;margin-top:20px;display:grid}.password-page label{gap:6px;font-size:9px;font-weight:800;display:grid}.password-page button{cursor:pointer;border:0;border-radius:9px;padding:11px}.password-success{color:#32704b;background:#e7f3ea;border-radius:11px;margin-top:20px;padding:15px}@media (max-width:1120px){.metric-grid{grid-template-columns:repeat(2,1fr)}.overview-grid,.connections-grid,.conversation-detail{grid-template-columns:1fr}.ai-insight{border-left:0;border-top:1px solid var(--line)}.conversation-board{grid-template-columns:320px 1fr}.assignment-grid{grid-template-columns:1fr}}@media (max-width:780px){.monitoring-app{display:block}.monitoring-sidebar{height:auto;padding:12px;position:static}.monitoring-brand{padding:0}.monitoring-sidebar .nav-caption,.permission-note,.sidebar-user{display:none}.monitoring-sidebar nav{margin-top:12px;display:flex;overflow:auto}.monitoring-sidebar nav button{white-space:nowrap}.monitoring-content{padding:20px 12px}.monitoring-header{flex-direction:column;align-items:flex-start}.header-actions{justify-content:flex-start}.flow-steps{grid-template-columns:1fr 1fr}.conversation-board{height:auto;display:block}.conversation-board>aside{max-height:350px}.conversation-detail{min-height:650px}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.rule-cards,.assignment-grid{grid-template-columns:1fr}}@media (max-width:520px){.metric-grid{grid-template-columns:1fr 1fr}.metric-grid article{padding:13px}.metric-grid strong{font-size:23px}.flow-steps{grid-template-columns:1fr}.flow-steps article{border-bottom:1px solid #e7ece9;border-right:0}.score-row{grid-template-columns:1fr}.conversation-detail{display:block}.message-history{min-height:370px}.connections-grid{grid-template-columns:1fr}}