/* ====== Dashboard Styles ====== */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Tajawal', sans-serif;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Navigation */
.nav-link {
  position: relative;
  transition: all 0.3s ease;
}

.nav-link.active {
  background-color: #10b981;
  color: white;
}

.nav-link:not(.active):hover {
  background-color: rgba(255, 255, 255, 0.1);
}

/* Tables */
table {
  width: 100%;
  border-collapse: collapse;
}

thead {
  background-color: #f8fafc;
}

th {
  text-align: right;
  font-weight: 600;
  color: #475569;
  padding: 12px 16px;
  font-size: 0.875rem;
}

td {
  padding: 12px 16px;
  border-bottom: 1px solid #e2e8f0;
}

tbody tr:hover {
  background-color: #f8fafc;
}

/* Forms */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
select,
textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 0.875rem;
  transition: border-color 0.3s ease;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: #10b981;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}

/* Buttons */
button {
  font-family: 'Tajawal', sans-serif;
  cursor: pointer;
  transition: all 0.3s ease;
}

button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Cards */
.card {
  background: white;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border: 1px solid #e2e8f0;
  transition: box-shadow 0.3s ease;
}

.card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Badges */
.badge {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
}

.badge-success {
  background-color: #d1fae5;
  color: #065f46;
}

.badge-warning {
  background-color: #fef3c7;
  color: #92400e;
}

.badge-danger {
  background-color: #fee2e2;
  color: #991b1b;
}

.badge-info {
  background-color: #dbeafe;
  color: #0c2d6b;
}

/* Animations */
@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.animate-slide-in {
  animation: slideIn 0.3s ease-out;
}

.animate-fade-in {
  animation: fadeIn 0.3s ease-out;
}

/* Toast */
#toast {
  animation: slideIn 0.3s ease-out;
}

#toast.hidden {
  animation: fadeIn 0.3s ease-out reverse;
}

/* Responsive */
@media (max-width: 1024px) {
  aside {
    width: 200px;
  }
  
  main {
    margin-right: 200px;
  }
}

@media (max-width: 768px) {
  aside {
    position: fixed;
    right: -100%;
    width: 80%;
    height: 100vh;
    z-index: 50;
    transition: right 0.3s ease;
  }
  
  aside.open {
    right: 0;
  }
  
  main {
    margin-right: 0;
    padding: 16px;
  }
  
  .grid {
    grid-template-columns: 1fr !important;
  }
  
  table {
    font-size: 0.75rem;
  }
  
  th, td {
    padding: 8px 12px;
  }
}

/* Loading Skeleton */
.skeleton {
  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
}

@keyframes loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

/* Status Colors */
.status-new {
  color: #3b82f6;
}

.status-contacted {
  color: #f59e0b;
}

.status-sold {
  color: #10b981;
}

.status-cancelled {
  color: #ef4444;
}

/* Chart Container */
canvas {
  max-height: 300px;
}

/* Utility Classes */
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.opacity-50 {
  opacity: 0.5;
}

.cursor-pointer {
  cursor: pointer;
}

.transition {
  transition: all 0.3s ease;
}

/* Premium customer workspace */
:root{--ws-bg:#080c0e;--ws-panel:rgba(17,24,27,.8);--ws-border:rgba(255,255,255,.08);--ws-muted:#8b999e;--ws-green:#34d399}
.customer-app{background:radial-gradient(circle at 65% 0,rgba(16,185,129,.13),transparent 30%),var(--ws-bg)!important;color:#edf7f3!important}.customer-sidebar{width:260px!important;background:rgba(8,13,15,.9)!important;border-left:1px solid var(--ws-border);backdrop-filter:blur(20px);padding:0 10px}.customer-sidebar>div:first-child{padding:22px 12px}.customer-sidebar a small{display:block;color:#758489;font-size:9px;margin-right:auto}.customer-sidebar nav{padding:0 4px}.sidebar-link{border-radius:10px!important;padding:10px 12px!important;font-size:12px!important;color:#89979b!important;gap:12px!important}.sidebar-link i{width:18px;text-align:center}.sidebar-link:hover,.sidebar-link.active{background:linear-gradient(90deg,rgba(52,211,153,.14),rgba(52,211,153,.03))!important;color:#effff9!important;box-shadow:inset 2px 0 var(--ws-green)!important}.sidebar-link b{margin-right:auto;background:rgba(52,211,153,.15);color:#6ee7b7;padding:1px 7px;border-radius:10px;font-size:9px}
.customer-app main{margin-right:260px!important;padding:0 30px 32px!important;min-width:0}.customer-topbar{height:66px;position:sticky;top:0;z-index:35;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ws-border);background:rgba(8,12,14,.72);backdrop-filter:blur(18px);margin:0 -30px 26px;padding:0 30px}.customer-search{width:min(360px,40vw);display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--ws-border);border-radius:10px;background:rgba(255,255,255,.035);color:#67777c}.customer-search input{background:none!important;border:0!important;padding:0!important;box-shadow:none!important;color:white;width:100%}.topbar-tools{display:flex;align-items:center;gap:12px}.topbar-tools>button{width:36px;height:36px;border-radius:10px;border:1px solid var(--ws-border);position:relative}.topbar-tools>button span{position:absolute;width:6px;height:6px;background:#34d399;border-radius:50%;top:7px;right:8px}.user-chip{display:flex;align-items:center;gap:9px}.user-chip>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#064e3b,#10b981);font-weight:700}.user-chip strong,.user-chip small{display:block}.user-chip strong{font-size:11px}.user-chip small{font-size:9px;color:var(--ws-muted)}.mobile-menu-btn{display:none}
#content-area{max-width:1200px!important}.customer-app h1{color:#f4fbf8}.customer-app h1+ p{color:var(--ws-muted)!important}.workspace-hero{display:flex;align-items:center;justify-content:space-between;padding:26px 28px;border:1px solid rgba(52,211,153,.18);border-radius:20px;background:linear-gradient(120deg,rgba(16,185,129,.15),rgba(11,18,20,.72) 55%),radial-gradient(circle at 90%,rgba(52,211,153,.15),transparent 30%);overflow:hidden;position:relative}.workspace-hero:after{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(110,231,183,.15);border-radius:50%;left:7%;top:-80px;box-shadow:0 0 0 25px rgba(110,231,183,.025)}.workspace-hero span{color:#6ee7b7;font-size:10px}.workspace-hero h2{font-size:22px;margin:7px 0}.workspace-hero p{color:var(--ws-muted);font-size:11px}.workspace-hero a{z-index:1;background:#34d399;color:#052018;padding:10px 15px;border-radius:10px;font-size:11px;font-weight:700}
.customer-app .card{background:linear-gradient(145deg,rgba(21,31,34,.85),rgba(12,18,20,.75))!important;border:1px solid var(--ws-border)!important;color:#e9f3ef!important;box-shadow:0 18px 50px rgba(0,0,0,.18)!important;border-radius:18px!important}.customer-app .card p,.customer-app td{color:#91a09d}.customer-app thead{background:rgba(255,255,255,.025)!important}.customer-app th{color:#84938f}.customer-app td{border-color:var(--ws-border)}.customer-app tbody tr:hover{background:rgba(52,211,153,.035)}.customer-app input,.customer-app select{background:#0e1719!important;border-color:var(--ws-border)!important;color:#e3efeb!important}.premium-empty{text-align:center;padding:64px 24px!important}.premium-empty>span,.support-hero>span{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 16px;border-radius:17px;background:rgba(52,211,153,.1);color:#6ee7b7;font-size:20px}.premium-empty h3,.support-hero h3{font-size:18px}.premium-empty p,.support-hero p{font-size:12px;margin:6px 0 18px}.premium-empty button,.support-hero button{background:#34d399;color:#052018;padding:9px 16px;border-radius:9px;font-weight:700;font-size:11px}.support-hero{display:flex;align-items:center;gap:16px}.support-hero>span{margin:0}.support-hero div{flex:1}
.skeleton{background:linear-gradient(90deg,#10181b 25%,#1a272a 50%,#10181b 75%);background-size:200% 100%}
@media(max-width:768px){.customer-app main{margin-right:0!important;padding:0 14px 24px!important}.customer-topbar{margin:0 -14px 20px;padding:0 14px}.mobile-menu-btn{display:block}.customer-search{width:55%;}.user-chip div{display:none}.customer-sidebar.open{display:flex!important;right:0!important}.workspace-hero{align-items:flex-start;gap:20px}.workspace-hero a{white-space:nowrap}.support-hero{align-items:flex-start;flex-wrap:wrap}.support-hero button{width:100%}}
@media(prefers-reduced-motion:no-preference){.workspace-hero,.customer-app .card{animation:wsUp .5s ease both}.customer-app .card:nth-child(2){animation-delay:.07s}@keyframes wsUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}

/* Customer marketplace and settings */
.recommended-block{margin-top:26px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.section-title h3{font-size:20px;margin-top:4px}.section-title>button,.save-settings{color:#6ee7b7;font-size:10px}.recommend-grid,.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.recommend-grid article,.market-grid article,.settings-stack article{background:linear-gradient(145deg,rgba(21,31,34,.85),rgba(12,18,20,.75));border:1px solid var(--ws-border);border-radius:16px}.recommend-grid article{padding:17px}.recommend-grid article>i{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(52,211,153,.1);color:#6ee7b7}.recommend-grid h4{font-size:12px;margin:14px 0 4px}.recommend-grid p{font-size:10px;color:var(--ws-muted);line-height:1.7;min-height:34px}.recommend-grid article>div{display:flex;justify-content:space-between;border-top:1px solid var(--ws-border);padding-top:11px;margin-top:12px}.recommend-grid article>div span{color:#fbbf24;font-size:9px}.recommend-grid article>div b{color:#6ee7b7;font-size:9px}.market-search{display:flex;align-items:center;gap:8px;border:1px solid var(--ws-border);background:rgba(255,255,255,.03);border-radius:10px;padding:8px 11px;color:#667579}.market-search input{border:0!important;background:none!important;padding:0!important;box-shadow:none!important}.market-grid article{overflow:hidden}.agent-cover{height:120px;display:grid;place-items:center;font-size:29px;background:radial-gradient(circle,rgba(52,211,153,.18),transparent 65%),#0c1517;color:#6ee7b7}.agent-cover.sales{color:#7dd3fc;background:radial-gradient(circle,rgba(56,189,248,.16),transparent 65%),#0c1517}.agent-cover.content{color:#c4b5fd;background:radial-gradient(circle,rgba(167,139,250,.16),transparent 65%),#0c1517}.market-grid article>span,.market-grid article>h3,.market-grid article>p,.market-grid article>footer{margin-inline:17px}.market-grid article>span{display:block;color:#6ee7b7;font-size:9px;margin-top:15px}.market-grid h3{font-size:13px;margin-top:5px}.market-grid p{font-size:10px;color:var(--ws-muted);line-height:1.7;margin-top:5px}.market-grid footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ws-border);padding:13px 0;margin-top:14px}.market-grid footer strong{font-size:10px}.market-grid footer button{color:#061c15;background:#34d399;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:700}.settings-stack{display:flex;flex-direction:column;gap:10px}.settings-stack article{display:flex;align-items:center;gap:13px;padding:17px}.settings-stack article>i{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(52,211,153,.1);color:#6ee7b7}.settings-stack article>div{flex:1}.settings-stack h4{font-size:12px}.settings-stack p{font-size:9px;color:var(--ws-muted);margin-top:3px}.switch input{display:none}.switch span{display:block;width:38px;height:21px;border-radius:20px;background:#263236;position:relative}.switch span:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#718085;top:3px;right:3px;transition:.2s}.switch input:checked+span{background:#0d7a56}.switch input:checked+span:after{right:20px;background:#a7f3d0}.setting-select{border:1px solid var(--ws-border);padding:7px 10px;border-radius:8px;color:#b9c5c1;font-size:10px}
@media(max-width:850px){.recommend-grid,.market-grid{grid-template-columns:1fr}.section-title{align-items:start;gap:14px}.market-search{width:48%}}
.customer-app .agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;text-align:right}.customer-app .agent-grid article{padding:18px;border:1px solid var(--ws-border);border-radius:15px;background:rgba(255,255,255,.025);position:relative}.customer-app .agent-grid article>i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(52,211,153,.1);color:#6ee7b7;margin-bottom:14px}.customer-app .agent-grid h3{font-size:12px}.customer-app .agent-grid p{font-size:10px;color:var(--ws-muted);margin-top:4px}.customer-app .agent-grid article>span{position:absolute;top:18px;left:18px;color:#6ee7b7;font-size:9px}.customer-app .agent-grid footer{display:flex;gap:8px;align-items:baseline;margin-top:14px;padding-top:12px;border-top:1px solid var(--ws-border)}.customer-app .agent-grid footer small{color:var(--ws-muted);font-size:9px}@media(max-width:850px){.customer-app .agent-grid{grid-template-columns:1fr}}

/* Kaian-inspired experience layer */
.kx-icon{width:36px;height:36px;border:1px solid var(--ws-border);border-radius:10px;color:#9aa8a4;display:grid;place-items:center}.kx-lang{display:flex;padding:3px;border:1px solid var(--ws-border);background:rgba(255,255,255,.03);border-radius:99px}.kx-lang button{padding:4px 10px;border-radius:99px;font-size:9px;color:#71807c}.kx-lang button.active{background:rgba(255,255,255,.08);color:#fff}.kx-rail-collapsed .customer-sidebar{width:74px!important}.kx-rail-collapsed .customer-sidebar .sidebar-link{font-size:0;justify-content:center}.kx-rail-collapsed .customer-sidebar .sidebar-link i{font-size:13px}.kx-rail-collapsed .customer-sidebar a span,.kx-rail-collapsed .customer-sidebar a small,.kx-rail-collapsed .customer-sidebar .sidebar-link b{display:none}.kx-rail-collapsed .customer-app main{margin-right:74px!important}
.kx-page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.kx-page-head>div>span{font-size:10px;color:#6ee7b7}.kx-page-head h2{font:700 25px Tajawal;margin:5px 0 2px}.kx-page-head p{font-size:11px;color:var(--ws-muted)}.kx-page-head select{width:auto!important;min-width:150px}.kx-primary{padding:9px 14px;border-radius:9px;background:#34d399;color:#052018;font-size:10px;font-weight:700}
.kx-kanban{display:grid;grid-auto-flow:column;grid-auto-columns:250px;gap:12px;overflow-x:auto;padding-bottom:14px}.kx-column{padding:11px;border:1px solid var(--ws-border);background:rgba(255,255,255,.02);border-radius:15px;min-height:300px}.kx-column>header{display:flex;justify-content:space-between;padding:3px 4px 12px;font-size:11px}.kx-column>header b{background:rgba(255,255,255,.06);padding:1px 7px;border-radius:99px;color:#91a09c}.kx-column>div{display:flex;flex-direction:column;gap:8px;min-height:245px}.kx-column article{padding:12px;border:1px solid var(--ws-border);background:linear-gradient(145deg,rgba(22,31,34,.95),rgba(12,18,20,.85));border-radius:12px;cursor:grab}.kx-column article strong,.kx-column article small{display:block}.kx-column article strong{font-size:11px}.kx-column article small{font-size:9px;color:var(--ws-muted);margin-top:3px}.kx-column article footer{display:flex;justify-content:space-between;border-top:1px solid var(--ws-border);padding-top:9px;margin-top:10px;font-size:9px}.kx-column article footer em{font-style:normal;color:#6ee7b7}
.kx-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.kx-metrics article,.kx-chart-card,.kx-vector,.kx-docs,.kx-team-grid article{border:1px solid var(--ws-border);background:linear-gradient(145deg,rgba(21,31,34,.85),rgba(12,18,20,.75));border-radius:16px}.kx-metrics article{padding:17px}.kx-metrics span,.kx-metrics strong,.kx-metrics em{display:block}.kx-metrics span{font-size:10px;color:var(--ws-muted)}.kx-metrics strong{font:700 22px Tajawal;margin:7px 0}.kx-metrics em{font-size:9px;color:#6ee7b7;font-style:normal}.kx-chart-card{padding:20px}.kx-chart-card header span{font-size:9px;color:#6ee7b7}.kx-chart-card h3{font-size:14px;margin-top:3px}.kx-bars{height:240px;display:flex;align-items:end;gap:10px;border-bottom:1px solid var(--ws-border);margin-top:20px}.kx-bars i{flex:1;min-height:10px;background:linear-gradient(#34d399,rgba(16,185,129,.1));border-radius:5px 5px 0 0;position:relative}.kx-bars i b{position:absolute;bottom:-19px;left:50%;transform:translateX(-50%);font-size:7px;color:#586763}
.kx-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kx-team-grid article{display:flex;align-items:center;gap:11px;padding:15px}.kx-team-grid article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#10b981,#06b6d4);color:#052018;font-weight:700}.kx-team-grid article>div{flex:1}.kx-team-grid h3{font-size:11px}.kx-team-grid p{font-size:9px;color:var(--ws-muted);margin-top:2px}.kx-team-grid article>b{font-size:8px;color:#6ee7b7}.kx-team-grid article>b.off{color:#77847f}.kx-vector{display:flex;align-items:center;justify-content:space-between;padding:17px;margin-bottom:14px}.kx-vector>div{display:flex;align-items:center;gap:12px}.kx-vector>div>i{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(52,211,153,.1);color:#6ee7b7}.kx-vector b,.kx-vector small{display:block}.kx-vector b{font-size:11px}.kx-vector small{font-size:9px;color:var(--ws-muted)}.kx-vector em{font-style:normal;color:#6ee7b7;font-size:9px}.kx-docs{overflow:hidden}.kx-docs article{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--ws-border)}.kx-docs article:last-child{border-bottom:0}.kx-docs article>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.04);color:#6ee7b7}.kx-docs article>div{flex:1}.kx-docs strong,.kx-docs small{display:block}.kx-docs strong{font-size:10px}.kx-docs small{font-size:8px;color:var(--ws-muted);margin-top:3px}.kx-docs b{font-size:8px;color:#fbbf24}.kx-docs b.indexed{color:#6ee7b7}.kx-docs b.failed{color:#fb7185}.kx-docs button{color:#65736f}
.kx-overlay{position:fixed;inset:0;z-index:200;background:rgba(2,5,6,.7);backdrop-filter:blur(7px);display:grid;place-items:start center;padding-top:11vh}.kx-command{width:min(590px,92vw);border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(13,19,21,.96);box-shadow:0 30px 90px rgba(0,0,0,.55);overflow:hidden}.kx-command>div{display:flex;align-items:center;gap:10px;padding:15px 17px;border-bottom:1px solid var(--ws-border)}.kx-command input{flex:1;background:none!important;border:0!important;box-shadow:none!important;color:white}.kx-command kbd{font-size:8px;border:1px solid var(--ws-border);border-radius:5px;padding:2px 5px;color:#75847f}.kx-command section{padding:7px;max-height:340px;overflow-y:auto}.kx-command section button{width:100%;display:flex;align-items:center;gap:11px;text-align:right;padding:10px;border-radius:10px;color:#a3b0ac;font-size:11px}.kx-command section button:hover,.kx-command section button.selected{background:rgba(255,255,255,.05);color:#fff}.kx-command section button kbd{margin-right:auto}.kx-command footer{padding:10px 15px;border-top:1px solid var(--ws-border);font-size:8px;color:#65736f}.kx-no-results{text-align:center;padding:30px;color:#65736f}
.kx-assistant-toggle{position:fixed;left:22px;bottom:22px;z-index:90;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#34d399,#06b6d4);color:#052018;box-shadow:0 12px 40px rgba(16,185,129,.3)}.kx-assistant{position:fixed;left:22px;bottom:80px;z-index:90;width:min(360px,calc(100vw - 28px));height:480px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(12,18,20,.96);box-shadow:0 25px 80px rgba(0,0,0,.55);display:flex;flex-direction:column;overflow:hidden}.kx-assistant header{display:flex;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--ws-border);font-size:11px}.kx-assistant header span i{color:#6ee7b7;margin-left:6px}.kx-assistant header button{font-size:18px;color:#77847f}.kx-ai-body{flex:1;overflow-y:auto;padding:15px}.kx-ai-body p{max-width:86%;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);font-size:10px;line-height:1.7;margin-bottom:8px}.kx-ai-body p.user{margin-right:auto;background:rgba(52,211,153,.12)}.kx-assistant form{display:flex;gap:7px;padding:11px;border-top:1px solid var(--ws-border)}.kx-assistant form input{flex:1}.kx-assistant form button{width:34px;height:34px;border-radius:10px;background:#34d399;color:#052018}.kx-empty{grid-column:1/-1;padding:55px 20px;text-align:center;color:#677570}.kx-empty>i{font-size:25px}.kx-empty h3{font-size:13px;color:#a9b5b1;margin:10px 0 4px}.kx-empty p{font-size:9px}.hidden{display:none!important}
@media(max-width:900px){.kx-metrics,.kx-team-grid{grid-template-columns:repeat(2,1fr)}.kx-rail-collapsed .customer-app main{margin-right:0!important}}@media(max-width:640px){.kx-page-head{align-items:start}.kx-page-head .kx-primary{white-space:nowrap}.kx-metrics,.kx-team-grid{grid-template-columns:1fr}.kx-icon,.kx-lang{display:none}.kx-assistant{left:14px;bottom:72px}.kx-assistant-toggle{left:14px;bottom:14px}}
.dashboard-warning{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px;padding:14px 16px;border:1px solid rgba(245,158,11,.24);border-radius:14px;background:rgba(245,158,11,.08);color:#fbbf24}.dashboard-warning>i{margin-top:3px}.dashboard-warning strong{display:block;font-size:11px}.dashboard-warning p{margin-top:3px!important;color:#b9a77e!important;font-size:9px!important}