:root{--ink:#172b3a;--muted:#718096;--line:#e5ecf1;--accent:#0b9d83;--surface:#fff}
body{background:#f3f6fa;color:var(--ink);font-family:'Cairo',Tahoma,Arial,sans-serif}
.app-navbar{box-shadow:none;border-bottom:1px solid var(--line);background:#fff}
.app-navbar .nav-link.active{background:#e4f5ef;color:#087c67}.app-navbar .nav-link{border-radius:10px}
body[data-page] section,.settings-page section,body[data-page] .card{border:1px solid var(--line);border-radius:18px;box-shadow:0 4px 22px #172b3a04}
body[data-page] h1,.settings-page h1{letter-spacing:-.5px;color:#172b3a}body[data-page] h2,.settings-page h2{color:#22394a}
body[data-page] input,body[data-page] select,body[data-page] textarea,.settings-page input,.settings-page select,.settings-page textarea{border-color:#dce5ec;border-radius:10px;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{border-color:#0b9d83!important;box-shadow:0 0 0 3px #0b9d8312;outline:none}
body[data-page] button,.settings-page button{border-radius:10px}body[data-page] .secondary,.settings-page .secondary{border:1px solid #dfe7ed;background:#fff;color:#476173}
body[data-page="admin"] .admin-sidebar{background:#142c3d;color:#fff;border:0;padding:26px 18px;width:256px}
.admin-sidebar>div a{color:#fff!important;font-size:21px}.admin-sidebar>p{color:#86a3b7!important;margin-top:12px}
.admin-sidebar nav a{color:#a9c0ce;padding:13px 16px;margin-bottom:7px;border-radius:10px;font-size:14px}
.admin-sidebar nav a:hover{background:#203f51;color:#fff}.admin-sidebar nav a.active{background:#0b9d83;color:white;box-shadow:0 5px 15px #071e3033}
.admin-sidebar nav .border-t{border-color:#294657}.admin-header{min-height:82px;box-shadow:none!important}.admin-header h1{font-size:21px!important}
body[data-page="admin"] main>div{max-width:1600px;padding:28px}
body[data-page="admin"] section{padding:24px;border-radius:16px}
.admin-table-wrap{border:0!important;border-radius:0!important;overflow:visible!important}
.dt-container .dt-layout-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin:18px 0!important}
.dt-container .dt-layout-table{display:block;overflow-x:auto;border:1px solid #e5ecf1;border-radius:12px;width:100%}
.dt-container .dt-layout-cell{max-width:100%}.dt-container .dt-search,.dt-container .dt-length{display:flex;align-items:center;gap:10px;font-size:13px;color:#617789}
body[data-page="admin"] .dt-container label{margin:0;white-space:nowrap}body[data-page="admin"] .dt-container .dt-search input{width:240px;margin:0;padding:10px 14px;background:#f8fafc}
body[data-page="admin"] .dt-container .dt-length select{width:76px;margin:0;padding:8px}
body[data-page="admin"] table.dataTable{width:100%!important;margin:0!important;border:0!important;min-width:780px}
body[data-page="admin"] table.dataTable th{background:#f5f8fb;color:#698092;font-size:12px;padding:17px 22px;border-bottom:1px solid #e5ecf1}
body[data-page="admin"] table.dataTable td{padding:18px 22px;font-size:13px;border-bottom:1px solid #edf2f6;box-shadow:none!important}
body[data-page="admin"] table.dataTable tbody tr:hover{background:#f0f9f6!important}
.dt-container .dt-info{font-size:12px;color:#7890a1}.dt-container .dt-paging button.dt-paging-button{margin:2px!important;border:1px solid #dfe7ed!important;background:white!important;color:#51697b!important;border-radius:8px!important;min-width:34px;padding:7px 10px!important;font-size:12px}
.dt-container .dt-paging button.dt-paging-button.current{background:#0b9d83!important;border-color:#0b9d83!important;color:#fff!important}.dt-container .dt-paging button.dt-paging-button.disabled{opacity:.4}
.admin-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px}.admin-summary article{background:#fff;border:1px solid #e5ecf1;border-radius:16px;padding:22px}.admin-summary small{display:block;color:#71899b;font-size:12px}.admin-summary strong{display:block;margin-top:12px;font-size:30px;color:#17364b}.admin-summary article:first-child{background:#e7f5ef;border-color:#cce9de}
.settings-page main{max-width:1260px!important}.settings-nav{padding:8px;background:#e9eff4;border-radius:14px;gap:6px!important}.settings-nav button{flex:1;border:0!important;background:transparent!important;font-size:13px}.settings-nav button[aria-selected="true"]{background:#fff!important;color:#087c67!important;box-shadow:0 2px 8px #172b3a0c}
.settings-save-bar{box-shadow:0 4px 20px #172b3a0a!important;border-color:#e5ecf1!important}
body[data-page="billing"] #plans .card{position:relative;min-height:220px;border-top:4px solid #0b9d83}body[data-page="billing"] #plans h2{font-size:30px;margin:18px 0}
body[data-page="login"]{min-height:100dvh;background:radial-gradient(ellipse at 10% 10%,#d9f2e9,transparent 60%),#f3f6fa}body[data-page="login"] .auth{max-width:500px;padding-top:20px}body[data-page="login"] section{padding:32px}
#chatMainPanel{border-radius:16px!important}#chatList>div{transition:background .15s}
@media(max-width:767px){body[data-page="admin"] main>div{padding:16px}.admin-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-summary article{padding:16px}.dt-container .dt-search input{width:170px!important}.dt-container .dt-layout-row{gap:10px}.settings-nav button{flex:1 1 30%;padding:10px 8px}.settings-save-bar{position:static!important;flex-direction:column;align-items:stretch!important}.admin-header{min-height:70px}body[data-page="admin"] section{padding:16px}}
@media(min-width:1024px){body[data-page="admin"] .admin-sidebar{translate:0!important;transform:none!important;right:0!important}body[data-page="admin"] main{margin-right:256px!important;margin-left:0!important}}