:root{
--bg:#f3f6f8;--panel:#fff;--line:#dfe6ea;--text:#172126;--muted:#66757e;--primary:#087f5b;--primary-dark:#076b4d;--soft:#e9f7f1;--danger:#c92a2a;--warning:#e67700;--info:#1971c2;--shadow:0 10px 30px rgba(22,42,52,.08);--radius:14px
}*{box-sizing:border-box}html,body{margin:0;min-height:100%;max-width:100%;overflow-x:hidden;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg);font-size:15px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;max-width:100%;overflow-x:hidden}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#11221d;color:#e8f3ef;padding:18px 14px;display:flex;flex-direction:column;z-index:50}.brand{display:flex;align-items:center;gap:12px;padding:7px 8px 22px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark,.auth-logo{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-weight:800;background:#25d366;color:#092017;letter-spacing:-1px}.brand strong{display:block;font-size:16px}.brand small{display:block;color:#9db1aa;margin-top:3px}.main-nav{display:grid;gap:5px;padding-top:17px}.main-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:#c8d7d2}.main-nav a:hover,.main-nav a.active{background:#1e3a31;color:#fff}.nav-icon{width:22px;text-align:center}.sidebar-foot{margin-top:auto;padding:15px 10px 4px;display:flex;justify-content:space-between;gap:8px;color:#9db1aa;font-size:13px}.sidebar-foot form{margin:0}.sidebar-foot button{border:0;background:transparent;color:#fff;padding:0;cursor:pointer;font:inherit}.sidebar-foot button:hover{text-decoration:underline}.main-column{margin-left:248px;min-height:100vh;min-width:0;max-width:calc(100% - 248px)}.topbar{height:78px;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:30;backdrop-filter:blur(10px)}.topbar h1{font-size:21px;margin:0}.topbar-sub{font-size:12px;color:var(--muted);margin-top:3px}.topbar-user{font-size:13px;color:var(--muted)}.content{padding:26px;max-width:1500px;width:100%;min-width:0;margin:0 auto}.grid{display:grid;gap:18px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;min-width:0}.card.compact{padding:15px}.card h2,.card h3{margin:0 0 14px}.card h2{font-size:18px}.card h3{font-size:15px}.metric{padding:18px}.metric-label{color:var(--muted);font-size:13px}.metric-value{font-size:30px;font-weight:800;margin-top:8px;letter-spacing:-1px}.metric-note{font-size:12px;color:var(--muted);margin-top:5px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.toolbar .left,.toolbar .right,.button-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:9px 14px;font-weight:650;cursor:pointer;max-width:100%}.button:hover{filter:brightness(.98)}.button.primary{background:var(--primary);border-color:var(--primary);color:#fff}.button.primary:hover{background:var(--primary-dark)}.button.danger{background:#fff5f5;border-color:#ffc9c9;color:var(--danger)}.button.warning{background:#fff9db;border-color:#ffe066;color:#8a4b00}.button.small{min-height:32px;padding:6px 10px;font-size:13px}.button.full{width:100%}.icon-button{border:0;background:transparent;font-size:24px;cursor:pointer}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;max-width:100%}.data-table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}.data-table th,.data-table td{padding:12px 13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.data-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#f8fafb;position:sticky;top:0}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfdfc}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:Consolas,monospace}.text-success{color:#087f5b}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:750;white-space:nowrap}.badge-success{background:#d3f9d8;color:#1b5e20}.badge-primary{background:#d3f9d8;color:#087f5b}.badge-info{background:#d0ebff;color:#155592}.badge-warning{background:#fff3bf;color:#8f4d00}.badge-danger{background:#ffe3e3;color:#b42318}.badge-muted{background:#edf2f4;color:#59666d}.alert{padding:12px 14px;border-radius:10px;margin-bottom:14px;border:1px solid transparent}.alert-success{background:#e6fcf5;border-color:#96f2d7;color:#086c4d}.alert-danger{background:#fff5f5;border-color:#ffc9c9;color:#9f1c1c}.alert-warning{background:#fff9db;border-color:#ffe066;color:#7a4500}.alert-info{background:#e7f5ff;border-color:#a5d8ff;color:#155592}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid.one{grid-template-columns:1fr}.form-grid .span-2,.span-2{grid-column:span 2}label{display:grid;gap:7px;font-size:13px;font-weight:650;color:#34444c}input,select,textarea{width:100%;border:1px solid #cfd8dc;border-radius:9px;background:#fff;padding:10px 11px;color:var(--text);outline:none}textarea{min-height:130px;resize:vertical;line-height:1.45}input:focus,select:focus,textarea:focus{border-color:#3cb591;box-shadow:0 0 0 3px rgba(8,127,91,.12)}.checkbox{display:flex;align-items:flex-start;gap:9px;font-weight:500}.checkbox input{width:auto;margin-top:3px}.help{font-size:12px;color:var(--muted);font-weight:400}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 15px}.section-title h2{margin:0}.filter-form{display:flex;gap:9px;flex-wrap:wrap}.filter-form input,.filter-form select{width:auto;min-width:160px}.pagination{display:flex;gap:6px;justify-content:flex-end;margin-top:15px;flex-wrap:wrap}.pagination a{min-width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:8px;display:grid;place-items:center}.pagination a.active{background:var(--primary);border-color:var(--primary);color:#fff}.progress{height:8px;border-radius:999px;background:#edf1f3;overflow:hidden}.progress>span{display:block;height:100%;background:var(--primary)}.kv{display:grid;grid-template-columns:160px 1fr;gap:8px 14px}.kv dt{color:var(--muted)}.kv dd{margin:0}.empty{padding:35px;text-align:center;color:var(--muted)}.qr-box{min-height:300px;display:grid;place-items:center;background:#f8faf9;border:1px dashed #b7c6c0;border-radius:14px;padding:18px}.qr-box img{max-width:290px;width:100%;height:auto}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:#adb5bd;margin-right:7px}.status-dot.ready{background:#20c997;box-shadow:0 0 0 5px rgba(32,201,151,.14)}.status-dot.error{background:#fa5252}.status-dot.waiting{background:#fab005}.media-preview{max-width:280px;max-height:220px;border-radius:10px;border:1px solid var(--line);object-fit:contain;background:#fff}.message-preview{white-space:pre-wrap;background:#f8fafb;border:1px solid var(--line);padding:15px;border-radius:11px;line-height:1.5}.requirements{display:grid;gap:6px;margin:18px 0}.requirements>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0}.auth-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#e6fcf5,#f3f6f8 55%,#d0ebff)}.auth-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 25px 70px rgba(20,50,45,.16)}.auth-card.wide{width:min(620px,100%)}.auth-card .auth-logo{margin-bottom:18px}.auth-card h1{margin:0 0 7px;font-size:25px}.auth-note{text-align:center;font-size:12px;color:var(--muted);margin-top:18px}.mobile-only{display:none}.sidebar-overlay{display:none}.split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px}.list-clean{list-style:none;padding:0;margin:0;display:grid;gap:9px}.list-clean li{padding:10px 0;border-bottom:1px solid var(--line)}.list-clean li:last-child{border-bottom:0}.code-block{background:#13231e;color:#d8efe7;border-radius:10px;padding:13px;overflow:auto;font:13px/1.5 Consolas,monospace}.nowrap{white-space:nowrap}
.field-label{font-size:13px;font-weight:650;color:#34444c;margin-bottom:7px}.group-form-card{margin-bottom:18px}.group-editor-layout{display:grid;grid-template-columns:minmax(210px,250px) minmax(0,1fr);gap:15px;align-items:start;min-width:0;max-width:100%}.group-directory{position:sticky;top:96px;max-height:calc(100vh - 122px);overflow:auto;min-width:0}.group-directory .section-title{align-items:center;margin-bottom:10px}.group-directory .section-title h2{font-size:14px;margin:0}.group-members-panel{min-width:0;max-width:100%;overflow:hidden}.group-list{display:grid;gap:8px}.group-list-item{border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden;min-width:0}.group-list-item.active{border-color:#67c7a9;box-shadow:0 0 0 3px rgba(8,127,91,.10)}.group-list-item.inactive{background:#f8fafb}.group-list-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 9px;padding:10px}.group-list-main:hover{background:var(--soft)}.group-list-name{font-size:13px;font-weight:750;overflow:hidden;text-overflow:ellipsis}.group-list-count{font-size:16px;font-weight:800;color:var(--primary)}.group-list-meta{grid-column:1/-1;font-size:10px;color:var(--muted)}.group-list-actions{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:6px 9px;border-top:1px solid var(--line);background:#fbfcfc}.group-editor-title{align-items:center;min-width:0}.group-editor-title>div:first-child{min-width:0}.group-editor-title>div:first-child>.small:first-child{font-size:10px;line-height:1.2;text-transform:uppercase;letter-spacing:.035em}.group-editor-title h2{font-size:16px;overflow-wrap:anywhere}.group-editor-title form{margin:0}.group-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px;margin-bottom:14px}.group-metrics>div{border:1px solid var(--line);background:#f8fafb;border-radius:10px;padding:10px;min-width:0}.group-metrics span{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}.group-metrics strong{font-size:18px}.group-member-filter{padding:11px;background:#f8fafb;border:1px solid var(--line);border-radius:11px;margin-bottom:12px;min-width:0}.group-member-filter input{min-width:180px;flex:1}.group-member-filter select{min-width:140px;flex:1 1 140px}.member-actionbar,.filtered-bulk-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;min-width:0}.member-actionbar{margin-bottom:11px}.member-selection-summary{font-size:12px;color:var(--muted)}.member-selection-summary strong{color:var(--text);font-size:16px}.check-column{width:42px;text-align:center!important}.check-column input{width:18px;height:18px}.group-member-table-wrap{overflow:hidden;max-width:100%}.group-member-table{width:100%;min-width:0;table-layout:fixed}.group-member-table th,.group-member-table td{padding:10px 9px;font-size:12px;overflow-wrap:anywhere}.group-member-table th:nth-child(1){width:42px}.group-member-table th:nth-child(2){width:28%}.group-member-table th:nth-child(3){width:15%}.group-member-table th:nth-child(4){width:30%}.member-contact-cell strong{display:block;font-size:13px}.member-phone{font-size:11px;color:#40515a;margin-top:4px;white-space:nowrap}.member-status-cell .badge{margin:0 3px 4px 0}.group-chip-list{display:flex;gap:4px;flex-wrap:wrap;max-width:100%;min-width:0}.group-chip-list span{font-size:10px;background:#e7f5ff;color:#155592;border-radius:999px;padding:3px 6px;max-width:100%;overflow-wrap:anywhere}.filtered-bulk-actions{border-top:1px solid var(--line);margin-top:15px;padding-top:14px}.filtered-bulk-actions>div:first-child{min-width:0}.filtered-bulk-actions .button-row{max-width:100%}.filtered-bulk-actions .button{white-space:normal;text-align:center}.group-checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:10px;background:#f8fafb;margin-bottom:7px}.group-checkbox-option{background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px;margin:0}.compact-empty{padding:18px}.button:disabled{opacity:.5;cursor:not-allowed;filter:none}
@media(max-width:1250px){.group-editor-layout{grid-template-columns:1fr}.group-directory{position:static;max-height:none}.group-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{transform:translateX(-105%);transition:.2s ease}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:40}.main-column{margin-left:0;max-width:100%}.mobile-only{display:block}.topbar{height:68px;padding:0 15px;justify-content:flex-start;gap:12px}.topbar-user{margin-left:auto}.content{padding:15px}.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .span-2,.span-2{grid-column:span 1}.card{padding:16px}.filter-form{width:100%}.filter-form input,.filter-form select{width:100%;min-width:0}.toolbar{align-items:stretch}.toolbar .left,.toolbar .right{width:100%}.toolbar .right .button{flex:1}.kv{grid-template-columns:1fr}.auth-card{padding:23px}.topbar h1{font-size:18px}.group-list{grid-template-columns:1fr}.group-metrics{grid-template-columns:1fr 1fr}.group-checkbox-grid{grid-template-columns:1fr}.member-actionbar .button-row,.filtered-bulk-actions .button-row{width:100%}.member-actionbar .button,.filtered-bulk-actions .button{flex:1;min-width:0}.group-editor-title{align-items:flex-start;flex-direction:column}.group-editor-title .button-row{width:100%}.group-member-table-wrap{border:0;border-radius:0;overflow:visible}.group-member-table,.group-member-table tbody{display:block;width:100%}.group-member-table thead{display:none}.group-member-table tr{display:grid;grid-template-columns:38px minmax(0,1fr);border:1px solid var(--line);border-radius:10px;margin-bottom:9px;background:#fff;overflow:hidden}.group-member-table td{display:grid;grid-template-columns:minmax(92px,34%) minmax(0,1fr);gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);grid-column:1/-1;min-width:0}.group-member-table td::before{content:attr(data-label);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.035em;color:var(--muted)}.group-member-table td.check-column{display:flex;grid-column:1;grid-row:1;align-items:center;justify-content:center;width:auto;border:0;padding:11px 8px;background:#f8fafb}.group-member-table td.check-column::before{display:none}.group-member-table td.member-contact-cell{grid-column:2;grid-row:1;display:block;border:0;padding:10px}.group-member-table td.member-contact-cell::before{display:none}.group-member-table td:last-child{border-bottom:0}.group-chip-list{padding-top:0}.member-status-cell .badge{margin-bottom:3px}.pagination{justify-content:center}}