.keyword-page{min-height:calc(100vh - 110px)}.keyword-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px;padding:17px 20px;border:1px solid #e6eaf0;border-radius:16px;background:#fff;box-shadow:0 6px 22px rgba(31,45,68,.04)}.keyword-title span{color:#16845f;font-size:9px;font-weight:850;letter-spacing:1.2px}.keyword-title h1{margin:3px 0 0;color:#263248;font-size:21px}.keyword-tools{display:flex;align-items:center;gap:10px}.keyword-tools>select{width:190px;height:40px;margin:0}.keyword-refresh{width:40px;height:40px;border:1px solid #dfe5ed;border-radius:10px;background:#f8fafc;color:#667085;font-size:19px}.keyword-search{position:relative;width:235px;margin:0}.keyword-search span{position:absolute;left:12px;top:10px;color:#98a2b3}.keyword-search input{height:40px;margin:0;padding-left:34px}.keyword-add{height:40px;padding:0 16px;border:0;border-radius:10px;background:#16845f;color:#fff;font-weight:750}.keyword-batch{display:flex;align-items:center;gap:18px;margin-bottom:17px;padding:13px 18px;border:1px solid #e8ecf2;border-radius:14px;background:#fff;color:#7b8797;font-size:11px}.keyword-batch label{display:flex;align-items:center;gap:8px;margin:0}.keyword-batch input{width:auto;margin:0}.keyword-batch b{color:#16845f}.keyword-batch button{border:0;background:transparent;color:#667085;font-size:11px}.keyword-batch #keywordBatchDelete{padding:7px 11px;border-radius:8px;background:#fff0f2;color:#d34c5d}.keyword-batch button:disabled{opacity:.45}.keyword-batch em{margin-left:auto;font-style:normal}.keyword-grid{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:16px}.keyword-card{overflow:hidden;border:1px solid #e5eaf1;border-radius:16px;background:#fff;box-shadow:0 7px 24px rgba(31,45,68,.035);transition:.2s}.keyword-card:hover{transform:translateY(-2px);box-shadow:0 13px 32px rgba(31,45,68,.08)}.keyword-card-head{display:flex;align-items:center;gap:9px;padding:16px 17px 13px;border-bottom:1px solid #f0f2f5}.keyword-card-head label{margin:0}.keyword-card-head input{width:auto;margin:0}.keyword-type{padding:5px 8px;border-radius:7px;background:#e9f8f2;color:#16845f;font-size:9px;font-weight:850}.keyword-type.markdown{background:#f1edff;color:#7655c5}.keyword-type.image,.keyword-type.video{background:#fff2e7;color:#c86c25}.keyword-card-head>div{display:flex;min-width:0;flex:1;flex-direction:column}.keyword-card-head strong{overflow:hidden;color:#344054;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.keyword-card-head small{margin-top:3px;color:#98a2b3;font-size:9px}.keyword-health{display:grid;place-items:center;width:30px;height:18px;border-radius:12px;background:#dff7ee}.keyword-health b{width:7px;height:7px;border-radius:50%;background:#20b486}.keyword-health.off{background:#eef0f3}.keyword-health.off b{background:#98a2b3}.keyword-card dl{display:grid;gap:10px;margin:0;padding:15px 17px}.keyword-card dl>div{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px}.keyword-card dt{color:#98a2b3;font-size:10px}.keyword-card dd{overflow:hidden;margin:0;color:#526078;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.keyword-card>footer{display:flex;align-items:center;justify-content:space-between;padding:11px 17px;border-top:1px solid #f0f2f5;background:#fbfcfe}.keyword-card>footer span{color:#98a2b3;font-size:9px}.keyword-delete{border:0;background:transparent;color:#d34c5d;font-size:10px}.keyword-loading,.keyword-empty{grid-column:1/-1;display:flex;min-height:250px;align-items:center;justify-content:center;flex-direction:column;color:#98a2b3}.keyword-empty>span{display:grid;place-items:center;width:58px;height:58px;margin-bottom:13px;border-radius:18px;background:#e9f8f2;color:#16845f;font-size:25px}.keyword-empty strong{color:#475467}.keyword-empty p{margin:7px 0 16px;font-size:11px}.keyword-empty button{padding:9px 14px;border:0;border-radius:9px;background:#16845f;color:#fff}.keyword-modal{position:fixed;inset:0;z-index:2100;display:grid;place-items:center;padding:20px;background:rgba(20,29,44,.46);backdrop-filter:blur(5px)}.keyword-dialog{overflow:hidden;width:min(850px,100%);max-height:calc(100vh - 40px);border-radius:20px;background:#fff;box-shadow:0 30px 90px rgba(15,23,42,.28)}.keyword-dialog>header{position:relative;padding:23px 27px 18px;border-bottom:1px solid #edf0f4}.keyword-dialog>header span{color:#16845f;font-size:9px;font-weight:850;letter-spacing:1.2px}.keyword-dialog h2{margin:5px 0;color:#263248;font-size:22px}.keyword-dialog header p{margin:0;color:#8792a5;font-size:10px}.keyword-close{position:absolute;right:22px;top:20px;width:34px;height:34px;border:0;border-radius:10px;background:#f4f6f9;color:#7b8797;font-size:22px}.keyword-form-body{overflow:auto;max-height:calc(100vh - 190px);padding:21px 27px}.keyword-form-body label{margin:0 0 17px;color:#526078;font-size:11px}.keyword-form-body label>span{display:block;margin-bottom:7px;font-weight:700}.keyword-form-body input,.keyword-form-body select,.keyword-form-body textarea{margin:0}.keyword-form-body small{display:block;margin-top:6px;color:#98a2b3;font-size:9px;font-weight:400}.keyword-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.reply-markdown[hidden],.reply-url[hidden],.reply-text[hidden],.owner-field[hidden]{display:none}.keyword-dialog>footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 27px;border-top:1px solid #edf0f4;background:#fbfcfe}.keyword-dialog>footer button{min-width:90px;padding:10px 16px;border-radius:10px;font-weight:750}.keyword-cancel{border:1px solid #dce2ea;background:#fff;color:#667085}.keyword-save{border:0;background:#16845f;color:#fff}@media(max-width:1100px){.keyword-grid{grid-template-columns:repeat(2,minmax(280px,1fr))}.keyword-toolbar{align-items:flex-start;flex-direction:column}.keyword-tools{width:100%}.keyword-search{flex:1}}@media(max-width:700px){.keyword-tools{display:grid;grid-template-columns:1fr 42px}.keyword-tools>select,.keyword-search{width:100%}.keyword-search{grid-column:1/-1}.keyword-add{grid-column:1/-1}.keyword-batch{overflow:auto;white-space:nowrap}.keyword-batch em{display:none}.keyword-grid{grid-template-columns:1fr}.keyword-modal{padding:0;place-items:end center}.keyword-dialog{max-height:94vh;border-radius:19px 19px 0 0}.keyword-form-grid{grid-template-columns:1fr}.keyword-dialog>header,.keyword-form-body{padding-left:18px;padding-right:18px}.keyword-dialog>footer{padding:13px 18px}.keyword-dialog>footer button{flex:1}}
.keyword-card>footer>div{display:flex;gap:10px}.keyword-edit{border:0;background:transparent;color:#16845f;font-size:10px}
