@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#172033;background:#f7f7f5;font-synthesis:none;--coral: #f45d48;--coral-soft: #fff0ec;--blue: #1677ff;--blue-soft: #eaf4ff;--border: #e7e7e2;--muted: #6f7787;--shadow: 0 18px 50px rgba(37, 42, 55, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 90% -10%,#eaf4ff 0,transparent 30%),#f8f8f6}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.splash{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.loader{width:18px;height:18px;border:2px solid #ddd;border-top-color:var(--coral);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.logo{display:flex;align-items:center;gap:10px;font:800 19px Manrope;letter-spacing:-.5px}.logo-mark{width:36px;height:36px;display:grid;place-items:center;color:#fff;border-radius:12px;background:linear-gradient(145deg,#ff7d67,var(--coral));box-shadow:0 8px 20px #f45d4840}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:var(--coral)}.primary-button,.secondary-button{border:0;border-radius:12px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;padding:0 20px}.primary-button{background:linear-gradient(135deg,#fa6a54,#f04d3a);color:#fff;box-shadow:0 9px 22px #f45d4838}.primary-button:hover{transform:translateY(-1px)}.primary-button:disabled{opacity:.55;transform:none}.primary-button.compact{min-height:42px}.secondary-button{background:#fff;border:1px solid var(--border);color:#333}.secondary-button:disabled{cursor:not-allowed;opacity:.48}.text-button{border:0;background:none;color:var(--coral);font-weight:700}.icon-button,.modal-close,.danger-icon{border:0;background:transparent;display:grid;place-items:center;border-radius:10px}.icon-button{width:36px;height:36px}.danger-icon{width:38px;height:38px;color:#db4d42;background:#fff1ef}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.auth-story{padding:52px max(6vw,56px);background:linear-gradient(145deg,#fff8f3,#fff 55%,#eef7ff);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-story:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;border:70px solid rgba(244,93,72,.05);right:-140px;bottom:20%}.auth-story h1{font:800 clamp(38px,5vw,68px)/1.05 "Manrope";letter-spacing:-3px;margin:24px 0}.auth-story h1 em{color:var(--coral);font-style:normal}.auth-story>div>p{font-size:18px;max-width:620px;color:var(--muted);line-height:1.7}.feature-row{display:flex;align-items:center;gap:14px;margin-top:22px;color:#334}.feature-row>svg{padding:10px;width:42px;height:42px;border-radius:13px;background:#fff;color:var(--coral);box-shadow:0 8px 25px #0000000f}.feature-row span{display:flex;flex-direction:column}.feature-row small{color:var(--muted);margin-top:3px}.auth-proof{display:flex;align-items:center;gap:9px;font-size:13px;color:#36735c}.auth-form-wrap{display:grid;place-items:center;padding:40px}.auth-card{width:min(420px,100%);display:flex;flex-direction:column;gap:17px;background:#fff;padding:42px;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}.auth-card h2{font:800 34px Manrope;margin:0;letter-spacing:-1px}.auth-card>p{color:var(--muted);margin:-8px 0 10px}.auth-card label,.modal label,.drawer label{font-weight:700;font-size:13px;display:flex;flex-direction:column;gap:8px}.auth-card input,.modal input,.modal textarea,.drawer input,.drawer textarea,.drawer select{border:1px solid #dfe1e5;border-radius:11px;padding:13px 14px;background:#fbfbfa;outline:none;color:#172033}.auth-card input:focus,.modal input:focus,.modal textarea:focus,.drawer input:focus,.drawer textarea:focus,.drawer select:focus{border-color:var(--coral);box-shadow:0 0 0 3px #f45d4817}.form-error{padding:12px 14px;border-radius:10px;background:#fff0ee;color:#a92f24;font-size:13px}.mobile-logo{display:none}.app-shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:28px 20px;background:#ffffffe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar .logo{padding:0 10px 28px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav a,.nav-static{display:flex;align-items:center;gap:11px;padding:12px;border-radius:11px;color:#666f7f;font-weight:600;font-size:14px}.sidebar nav a.active{background:var(--coral-soft);color:var(--coral)}.nav-static{opacity:.7}.security-note{margin-top:auto;padding:14px;display:flex;gap:9px;font-size:12px;color:#39705e;background:#effaf5;border-radius:12px}.user-chip{margin-top:15px;border:0;background:#f6f6f3;border-radius:12px;padding:9px;display:flex;align-items:center;gap:9px;text-align:left}.user-chip>span{width:30px;height:30px;background:#222;color:#fff;display:grid;place-items:center;border-radius:9px}.user-chip strong{flex:1;overflow:hidden;text-overflow:ellipsis}.main-content{padding:42px clamp(24px,5vw,68px)}.page-stack{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:26px}.page-header,.topic-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.page-header h1,.topic-hero h1{font:800 36px Manrope;letter-spacing:-1.5px;margin:6px 0}.page-header p,.topic-hero p,.section-heading p{color:var(--muted);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stats-grid article{display:flex;align-items:center;gap:15px;padding:20px;background:#fff;border:1px solid var(--border);border-radius:16px}.stat-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px}.stat-icon.coral{background:var(--coral-soft);color:var(--coral)}.stat-icon.blue{background:var(--blue-soft);color:var(--blue)}.stat-icon.mint{background:#e9f9f0;color:#25a56d}.stats-grid strong{display:block;font:800 25px Manrope}.stats-grid small{color:var(--muted)}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h2{font:800 22px Manrope;margin:0 0 5px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.topic-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px;min-height:240px;display:flex;flex-direction:column;transition:.2s}.topic-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.topic-card.accent-0{border-top:3px solid var(--coral)}.topic-card.accent-1{border-top:3px solid #6c5ce7}.topic-card.accent-2{border-top:3px solid var(--blue)}.topic-top,.topic-footer,.row-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.topic-avatar{width:42px;height:42px;border-radius:13px;background:var(--coral-soft);color:var(--coral);display:grid;place-items:center;font:800 18px Manrope}.topic-avatar.large{width:58px;height:58px;border-radius:17px;font-size:24px}.private-pill{font-size:11px;font-weight:700;color:#6d65a8;background:#f1efff;padding:5px 9px;border-radius:99px}.topic-card h3{font:800 20px Manrope;margin:20px 0 7px}.topic-card>p{color:var(--muted);margin:0;line-height:1.5;flex:1}.topic-meta{display:flex;gap:16px;font-size:12px;color:var(--muted);margin:16px 0}.topic-meta span{display:flex;align-items:center;gap:5px}.topic-footer{border-top:1px solid var(--border);padding-top:14px}.topic-footer code{color:#888}.empty-state{border:1px dashed #d6d7d3;border-radius:18px;padding:50px;text-align:center;color:var(--muted);background:#ffffff73}.empty-state h3{color:#303743;margin-bottom:6px}.empty-state.compact-empty{padding:35px}.invite-banner,.command-box{display:flex;align-items:center;gap:18px;background:#fff6f1;border:1px solid #ffd9cf;border-radius:15px;padding:16px}.invite-banner>div{display:flex;flex-direction:column;gap:4px;flex:1}.invite-banner code,.command-box code{font-size:13px;background:#fff;border:1px solid #edd7d0;padding:9px;border-radius:8px;word-break:break-all}.invite-banner button,.command-box button{border:0;border-radius:9px;background:var(--coral);color:#fff;padding:10px 13px;display:flex;align-items:center;gap:6px}.modal-backdrop,.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#13192361;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30}.modal-backdrop{display:grid;place-items:center;padding:20px}.modal{width:min(500px,100%);background:#fff;border-radius:22px;padding:34px;box-shadow:0 25px 80px #0003;display:flex;flex-direction:column;gap:17px;position:relative}.modal h2{font:800 28px Manrope;margin:0}.modal textarea,.drawer textarea{min-height:95px;resize:vertical}.modal-close{position:absolute;right:18px;top:18px}.modal label small{color:var(--muted);font-weight:400}.modal-description{color:var(--muted);line-height:1.55;margin:-8px 0 0}.quick-send-button{color:var(--blue);border-color:#cfe3ff}.send-result{display:flex;flex-direction:column;gap:5px;border-radius:14px;padding:16px}.send-result.success{color:#287052;background:#edf9f3;border:1px solid #ccebdc}.send-result.warning{color:#8b5a19;background:#fff8e8;border:1px solid #f1dfb4}.back-link{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;font-weight:700;width:max-content}.topic-title-row{display:flex;align-items:center;gap:17px}.connect-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;background:linear-gradient(120deg,#eef7ff,#fff);border:1px solid #dcecff;border-radius:18px;padding:21px}.zalo-orb{width:50px;height:50px;display:grid;place-items:center;background:var(--blue);color:#fff;border-radius:16px;box-shadow:0 9px 24px #1677ff38}.connect-card h3{margin:3px 0 5px}.connect-card p{margin:0;color:var(--muted);font-size:13px}.blue-text{color:var(--blue)}.command-box{background:var(--blue-soft);border-color:#cce3ff;flex-wrap:wrap}.command-box code{flex:1;border-color:#cce3ff}.command-box button{background:var(--blue)}.command-box small{width:100%;color:#557}.tabs{display:flex;border-bottom:1px solid var(--border);gap:24px}.tabs button{border:0;background:none;padding:12px 3px;display:flex;align-items:center;gap:7px;color:var(--muted);font-weight:700;border-bottom:2px solid transparent}.tabs button.active{color:var(--coral);border-bottom-color:var(--coral)}.tabs b{background:#eee;padding:2px 7px;border-radius:99px;font-size:11px}.list-panel{background:#fff;border:1px solid var(--border);border-radius:17px;overflow:hidden}.reminder-row,.subscriber-row,.activity-row{display:flex;align-items:center;gap:15px;padding:18px 20px;border-bottom:1px solid #eee}.reminder-row:last-child,.subscriber-row:last-child,.activity-row:last-child{border:0}.reminder-icon,.subscriber-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--coral-soft);color:var(--coral);font-weight:800}.subscriber-icon svg{width:19px}.subscriber-icon.group{background:#eeeaff;color:#6655d9}.subscriber-icon.private{background:var(--blue-soft);color:var(--blue)}.grow{flex:1;min-width:0}.row-title h3{font-size:15px;margin:0}.reminder-row p,.subscriber-row p,.activity-row p{font-size:13px;color:var(--muted);margin:5px 0}.row-meta{display:flex;flex-wrap:wrap;gap:12px;color:#858b98;font-size:11px}.attention-dot{color:#cc5948!important}.status{font-size:10px;font-weight:800;border-radius:99px;padding:5px 8px;background:#eee;color:#555;white-space:nowrap}.status-active,.status-acknowledged,.status-completed{background:#eaf8ef;color:#25845b}.status-group,.status-waiting_confirmation{background:#eeebff;color:#6453ca}.status-private,.status-waiting_primary,.status-pending_primary{background:#eaf4ff;color:#1677ff}.status-failed,.status-exhausted{background:#fff0ee;color:#c34437}.status-superceded,.status-superseded,.status-paused{background:#f1f1ef;color:#777}.timeline-dot{width:10px;height:10px;background:var(--coral);border-radius:50%;box-shadow:0 0 0 5px var(--coral-soft)}.drawer-backdrop{display:flex;justify-content:flex-end}.drawer{width:min(600px,100%);height:100%;overflow:auto;background:#fff;padding:30px;box-shadow:-20px 0 60px #00000024}.drawer>header{display:flex;align-items:center;justify-content:space-between}.drawer h2{font:800 29px Manrope;margin:4px 0 18px}.drawer form{display:flex;flex-direction:column;gap:18px}.drawer fieldset{border:0;padding:0;margin:0}.drawer legend{font-weight:700;font-size:13px;margin-bottom:8px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;background:#f1f1ef;border-radius:12px}.segmented button{border:0;background:transparent;padding:10px;border-radius:9px;color:var(--muted);font-weight:700}.segmented button.active{background:#fff;color:var(--coral);box-shadow:0 3px 12px #00000012}.weekday-picker{display:flex;gap:7px}.weekday-picker button{flex:1;border:1px solid var(--border);background:#fff;padding:9px 3px;border-radius:10px}.weekday-picker button.selected{background:#262b37;color:#fff}.option-card{border:1px solid var(--border);border-radius:14px;padding:15px}.option-card.attention{border-color:#ffd7cd;background:#fffbf9}.toggle-row{flex-direction:row!important;align-items:center;justify-content:space-between}.toggle-row>span{display:flex;align-items:center;gap:10px}.toggle-row>span>svg{color:var(--coral)}.toggle-row span span{display:flex;flex-direction:column}.toggle-row small{color:var(--muted);font-weight:400}.toggle-row input{width:42px;height:23px;accent-color:var(--coral)}.inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.inline-fields.three{grid-template-columns:1fr 1fr 1fr}.attention-hint{font-size:11px;color:#a05f52;margin:9px 0 0}.message-preview{border-radius:15px;background:linear-gradient(145deg,#eaf5ff,#f6fbff);padding:15px}.preview-label{display:flex;align-items:center;gap:6px;color:#47718f;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:11px}.chat-bubble{background:#fff;border-radius:4px 14px 14px;padding:14px;box-shadow:0 5px 20px #2f5b7817;font-size:13px}.chat-bubble p{margin:6px 0;color:#525b69}.chat-bubble small{display:block;border-top:1px solid #eee;padding-top:9px;color:#5a6978}.drawer label>svg{display:inline}.drawer label:has(>svg){display:grid;grid-template-columns:auto 1fr;align-items:center}.drawer label:has(>svg) input{grid-column:1/-1}.status-pending_pre_alert{background:#fff4dc;color:#9a6813}@media(max-width:950px){.topic-grid{grid-template-columns:repeat(2,1fr)}.auth-page{grid-template-columns:1fr}.auth-story{display:none}.mobile-logo{display:block;margin-bottom:18px}.stats-grid{grid-template-columns:1fr 1fr 1fr}}@media(max-width:720px){.app-shell{display:block}.sidebar{height:auto;position:sticky;z-index:20;padding:12px 16px;display:flex;flex-direction:row;align-items:center}.sidebar .logo{padding:0}.sidebar nav,.security-note{display:none}.user-chip{margin:0 0 0 auto;padding:5px}.user-chip strong{display:none}.main-content{padding:24px 16px 90px}.page-header,.topic-hero{align-items:flex-start;flex-direction:column}.stats-grid,.topic-grid{grid-template-columns:1fr}.connect-card{grid-template-columns:auto 1fr}.connect-card .secondary-button{grid-column:1/-1}.tabs{gap:8px;overflow:auto}.tabs button{white-space:nowrap}.inline-fields.three{grid-template-columns:1fr 1fr}.auth-form-wrap{padding:18px}.auth-card{padding:28px 22px;border:0;box-shadow:none}.topic-title-row,.reminder-row,.subscriber-row,.activity-row,.row-title{align-items:flex-start}.invite-banner{align-items:flex-start;flex-wrap:wrap}.invite-banner>div{width:100%;flex-basis:100%}}.header-actions,.row-actions{display:flex;align-items:center;gap:8px}.secondary-button.compact{min-height:42px}.row-actions{align-self:center}.row-action{width:36px;height:36px;border:1px solid var(--border);background:#fff;color:#667080;border-radius:10px;display:grid;place-items:center}.row-action:hover{color:var(--coral);border-color:#ffd0c7}.archive-button{border:1px solid #ffd2cc;background:#fff5f3;color:#bf4134;border-radius:12px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.zalo-guide{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:18px;padding:22px;border:1px solid #cfe5ff;border-radius:18px;background:linear-gradient(125deg,#edf7ff,#fff)}.guide-copy strong{font:800 18px Manrope}.guide-copy p{margin:5px 0 0;color:var(--muted);font-size:13px}.connect-steps{display:flex;gap:14px;margin:0;padding:0;list-style:none;color:#526176;font-size:12px;font-weight:700}.connect-steps li{display:flex;align-items:center;gap:6px;white-space:nowrap}.connect-steps span{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--blue);box-shadow:0 3px 10px #1677ff1f}.connect-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.connect-topic-card{display:flex;align-items:center;gap:14px;min-height:126px;padding:19px;border:1px solid var(--border);border-radius:17px;background:#fff;transition:.2s}.connect-topic-card:hover{transform:translateY(-2px);border-color:#bfdcff;box-shadow:var(--shadow)}.connect-topic-card h3{margin:0 0 5px;font:800 17px Manrope}.connect-topic-card p{margin:0 0 12px;color:var(--muted);font-size:13px}.connect-count{display:flex;align-items:center;gap:5px;color:#55718c;font-size:11px;font-weight:700}.connect-action{display:flex;align-items:center;gap:5px;color:var(--blue);font-size:12px;font-weight:800;white-space:nowrap}.loading-panel{min-height:160px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted)}@media(max-width:720px){.header-actions{width:100%}.header-actions>button{flex:1}.row-actions{flex-direction:column}.reminder-row{gap:10px}.zalo-guide{grid-template-columns:auto 1fr}.connect-steps{grid-column:1/-1;flex-wrap:wrap}.connect-topic-grid{grid-template-columns:1fr}.connect-topic-card{align-items:flex-start}}