.admin-layout{display:flex;min-height:100dvh}.admin-nav{width:215px;padding:29px 18px;background:#142a3b;color:#95adbd;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;gap:7px}.admin-brand{font-size:21px;font-weight:700;color:#fff;padding:0 12px 7px}.admin-brand small{display:block;font-size:10px;font-weight:400;letter-spacing:2px;color:#718fa4;margin-top:9px}.admin-nav .nav-label{padding:30px 12px 9px;font-size:10px;color:#5e7c91;letter-spacing:1px}.admin-nav button{text-align:left;padding:13px 14px;border-radius:9px;color:#95adbd;font-size:12px}.admin-nav button.active{background:#0da5d5;color:white}.admin-nav footer{margin-top:auto;padding:14px 12px;line-height:1.9;font-size:10px;color:#68879c}.admin-main{margin-left:215px;flex:1;padding:30px 35px;min-width:0}.admin-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.admin-top h1{font-size:24px;letter-spacing:-.5px}.admin-top p{color:#94a7b5;font-size:11px;margin-top:9px}.admin-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;margin-bottom:25px}.admin-metrics .metric{padding:20px 16px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-card{background:white;border:1px solid var(--line);border-radius:14px;padding:23px;min-width:0}.admin-card h3{margin-bottom:19px}.collector-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid var(--line)}.collector-row:first-of-type{border:0}.collector-row p{font-size:11px;color:#94a5b3;margin-top:6px}.collector-icon{height:40px;width:40px;display:grid;place-items:center;border-radius:12px;background:#edf8fc;color:#1c98bc;font-weight:600}.admin-table td{font-size:11px}.admin-table th{font-size:10px}.admin-table select,.admin-table input{font-size:11px;padding:7px;width:95px}.admin-table .plan-form{display:flex;gap:6px;align-items:center}.admin-table .plan-form input{width:65px}.admin-message{max-width:310px;white-space:normal;line-height:1.8;overflow-wrap:anywhere}.admin-card .help{line-height:1.9}.admin-status{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.admin-template{display:grid;grid-template-columns:1fr 1fr;gap:23px}.admin-preview{background:#80b5d8;border-radius:13px;padding:28px 20px;align-self:start;min-height:340px}.telegram-card{background:#fff;padding:18px;border-radius:12px;font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:#223a4b}.telegram-card a{color:#1686b7}.telegram-buttons{display:flex;flex-direction:column;gap:4px;margin-top:5px}.telegram-buttons>div{display:flex;gap:4px}.telegram-buttons span{background:#4b93bb;color:white;font-size:12px;flex:1;border-radius:6px;text-align:center;padding:10px}.admin-preview>p{color:#e5f3fc;font-size:10px;margin-top:15px;line-height:1.8}.card-checkboxes{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;margin:10px 0 20px}.card-checkboxes label{display:flex;align-items:center;gap:6px}.admin-login{max-width:440px;margin:12vh auto;background:white;padding:35px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.admin-login h1{font-size:25px;margin:15px 0}.admin-login p{font-size:12px;color:#8a9eae;line-height:1.8;margin-bottom:25px}.admin-login input{width:100%}.admin-login .btn{width:100%;margin-top:18px}.admin-empty{padding:35px;text-align:center;color:#a4b2bd;font-size:12px}.admin-alert{font-size:11px;line-height:1.9;color:#9e834e;background:#fff8e8;border:1px solid #f4e8ca;padding:14px;border-radius:10px;margin-bottom:20px}.admin-tab-note{color:#93a6b5;font-size:11px;margin:0 0 18px}.admin-scroll{overflow:auto}.admin-meta{color:#9badbb;font-size:10px}.admin-metrics .number{font-size:27px}.admin-auto{font-size:10px;color:#9bafbd}.admin-form-status{font-size:11px;color:#3a9a7e}.admin-login-error{color:#d65e6e;font-size:12px;margin-top:13px}@media(max-width:1100px){.admin-metrics{grid-template-columns:repeat(3,1fr)}.admin-main{padding:25px}.admin-template{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}}@media(max-width:700px){.admin-nav{width:70px;padding:23px 6px}.admin-brand{font-size:14px;padding:0 3px}.admin-brand small,.admin-nav footer,.admin-nav .nav-label{display:none}.admin-nav button{padding:12px 5px;text-align:center;font-size:10px;margin-top:9px}.admin-main{margin-left:70px;padding:20px 13px}.admin-top{gap:10px;align-items:flex-start}.admin-top h1{font-size:21px}.admin-top .row{flex-direction:column}.admin-metrics{grid-template-columns:repeat(2,1fr);gap:8px}.admin-card{padding:16px}.admin-top p{line-height:1.7}.admin-metrics .number{font-size:24px}}
.admin-metrics.four{grid-template-columns:repeat(4,1fr)}.health-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:25px 0}.health-grid small{display:block;color:#8ca1b1;font-size:11px}.health-grid b{display:block;font-size:26px;margin-top:9px}.customer-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:20px}.customer-toolbar input{flex:1;max-width:420px}.customer-toolbar select{font-size:12px}.ops-divider{height:1px;background:var(--line);margin:27px 0}.commands-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;font-size:12px;color:#8399aa}.commands-grid b{color:#1b90b9;font-weight:500}.audit-row{padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.8}.audit-row span{color:#9bafbd;font-size:10px}.audit-row p{white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0}.admin-nav{overflow-y:auto}.admin-table .row{flex-wrap:wrap}.modal-content input[type=datetime-local]{width:100%}@media(max-width:900px){.admin-metrics.four{grid-template-columns:1fr 1fr}.commands-grid{grid-template-columns:1fr}.customer-toolbar{flex-wrap:wrap}}@media(max-width:500px){.admin-brand{font-size:13px}.admin-metrics.four .metric{padding:13px}.customer-toolbar input{min-width:100px;max-width:100%}}

/* v0.4 settings and resource workspace */
.settings-tabs{display:flex;gap:8px;margin:0 0 20px;flex-wrap:wrap}.profile-layout{display:grid;grid-template-columns:minmax(320px,560px) 330px;gap:34px;align-items:start}.compact-card{max-width:620px}.profile-heading{display:flex;align-items:center;gap:14px;margin-bottom:12px}.bot-avatar{height:58px;width:58px;border-radius:50%;display:grid;place-items:center;background:#21a5d8 center/cover;color:#fff;font-size:25px;flex-shrink:0}.photo-line{display:flex;gap:10px;align-items:center;margin:12px 0 24px}.compact-card input:not([type=checkbox]):not([type=file]),.compact-card textarea{padding:9px 11px;font-size:14px}.form-group label small{color:#8b95a4;font-weight:400;margin-left:8px}.bot-phone{background:#e4edf1;border:7px solid #e0e6ec;border-radius:28px;overflow:hidden;box-shadow:0 15px 35px #33415512}.phone-header{padding:21px 15px;background:#fff;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.phone-header .bot-avatar{width:40px;height:40px;font-size:19px}.phone-header small{color:#7d8998}.phone-profile{background:#fff;padding:0 18px 16px}.phone-profile p{font-size:13px;margin:5px 0 13px;white-space:pre-wrap;overflow-wrap:anywhere}.phone-chat{padding:35px 13px 20px}.bot-description{background:white;border-radius:15px;padding:15px;font-size:13px;margin-bottom:24px}.bot-description p{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0;line-height:1.7}.phone-chat>.btn{width:100%}.preview-label{text-align:center;padding-bottom:16px}.command-row{padding:16px 0;border-bottom:1px solid #eef1f6}.command-main{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.command-main>input{flex:2;min-width:150px}.command-main select{flex:1;min-width:140px}.command-slash{display:flex;align-items:center;gap:5px;width:145px}.command-slash input{width:120px}.command-row textarea{width:100%;margin-top:10px}.command-row textarea[hidden]{display:none}#commands-editor>.btn{margin-top:20px}.resource-toolbar{display:flex;gap:10px;margin:20px 0 12px;flex-wrap:wrap}.resource-toolbar input{flex:1;min-width:160px}.resource-scroll{max-height:580px;overflow:auto}.resource-scroll thead{position:sticky;top:0;background:#f8fafc}.modal-overlay{cursor:default}.modal{cursor:auto}.form-group input[type=datetime-local]{cursor:pointer;min-width:0}#account-import-result{white-space:pre-wrap;line-height:1.8}.admin-card .row{flex-wrap:wrap}
@media(max-width:1050px){.profile-layout{grid-template-columns:minmax(260px,1fr)}.bot-phone{max-width:330px}.command-main{align-items:stretch}.command-main>input{width:100%}}
@media(max-width:600px){.profile-layout{display:block}.bot-phone{margin:20px auto}.settings-tabs .btn{flex:1}.photo-line{flex-wrap:wrap}.command-main{display:grid;grid-template-columns:1fr}.command-main input,.command-main select{width:100%}.command-slash{width:100%}.resource-toolbar>*{width:100%}.compact-card{padding:16px}}
