*{box-sizing:border-box}
:root{--navy:#0b344b;--navy2:#06283b;--orange:#f15a24;--orange2:#ff7a2f;--border:#dbe3f0;--muted:#64748b;--bg:#f4f8fb}
body.crm-body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:#111827}
.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(180deg,#edf7fb,#fff)}
.login-box{width:100%;max-width:420px;background:#fff;border:1px solid var(--border);border-radius:24px;padding:28px;box-shadow:0 18px 45px rgba(11,52,75,.18)}
.brand{font-size:28px;font-weight:900;color:var(--navy)}.brand span{color:var(--orange)}
.login-box label{display:block;margin:14px 0 7px;font-weight:900;font-size:13px}.login-box input{width:100%;border:1px solid var(--border);border-radius:14px;padding:12px}.login-box button{width:100%;border:0;border-radius:14px;padding:13px 16px;background:linear-gradient(135deg,var(--navy),var(--orange));color:#fff;font-weight:900;margin-top:16px}
.error{background:#fee2e2;color:#991b1b;padding:12px;border-radius:14px;margin:12px 0}.success{background:#dcfce7;color:#166534;padding:12px;border-radius:14px;margin:12px 0}
.crm-shell{display:grid;grid-template-columns:318px 1fr;min-height:100vh}
.crm-sidebar{background:linear-gradient(180deg,var(--navy2),var(--navy));color:#fff;padding:18px;position:sticky;top:0;height:100vh;overflow:auto;box-shadow:12px 0 32px rgba(6,40,59,.18)}
.side-logo-text{padding:14px 10px 18px;border-bottom:1px solid rgba(255,255,255,.13);margin-bottom:14px;text-align:center}
.swg-word{font-size:28px;font-weight:1000;letter-spacing:.8px;color:#fff;line-height:1}.swg-word span{color:var(--orange)}
.logo-sub{margin-top:9px;color:#dff3ff;font-size:12px;font-weight:900;letter-spacing:.4px;text-transform:uppercase}
.side-title{font-size:19px;font-weight:1000;margin-bottom:8px;color:#fff}
.hint{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);padding:10px;border-radius:12px;color:#dff3ff;font-size:12px;line-height:1.4}
.side-form{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:14px}
.side-form label{display:block;margin:12px 0 6px;font-size:12px;font-weight:900;color:#dff3ff}
.side-form input,.side-form select{width:100%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);color:#fff;border-radius:12px;padding:10px 11px;outline:none;font-size:13px;transition:.2s}
.side-form input:focus,.side-form select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(241,90,36,.18)}
.side-form select option{color:#111827}.side-form input::placeholder{color:#c8e7f5}
.input-clear{display:grid;grid-template-columns:1fr 36px;gap:6px}.input-clear button{border:0;border-radius:10px;background:var(--orange);color:#fff;font-size:18px;font-weight:900;cursor:pointer}
.featured-input input{border-color:rgba(241,90,36,.75);background:rgba(241,90,36,.12)}
.search-btn{width:100%;margin-top:14px;border:0;border-radius:14px;padding:12px;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;font-weight:900;cursor:pointer;box-shadow:0 10px 22px rgba(241,90,36,.22)}
.reset-btn{display:block;text-align:center;margin-top:10px;color:#fff;text-decoration:none;font-weight:900;background:rgba(255,255,255,.12);padding:10px;border-radius:12px}
.crm-main{padding:18px;min-width:0}
.crm-top{background:linear-gradient(135deg,#fff,#f8fbfd);border:1px solid var(--border);border-radius:22px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 12px 34px rgba(6,40,59,.07)}
.top-left.no-logo{display:block}.crm-top h1{margin:0 0 5px;color:var(--navy);font-size:25px;font-weight:1000;letter-spacing:.2px}.crm-top p{margin:0;color:var(--muted)}
.top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.top-actions a,.top-actions button{border:0;text-decoration:none;color:#fff;background:linear-gradient(135deg,var(--navy),var(--orange));padding:10px 13px;border-radius:999px;font-weight:900;font-size:13px;cursor:pointer}.top-actions .logout{background:linear-gradient(135deg,#991b1b,var(--orange))}
.database-panel{background:#fff;border:1px solid var(--border);border-radius:22px;padding:16px;box-shadow:0 12px 34px rgba(6,40,59,.07);margin-top:16px}.panel-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.panel-head h2{margin:0 0 5px;color:var(--navy)}.panel-head p{margin:0;color:var(--muted);font-size:13px}
.record-controls{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.mini-stat{background:#edf7fb;border:1px solid #cce3ee;color:var(--navy);padding:9px 11px;border-radius:14px;min-width:76px;text-align:center}.mini-stat b{display:block;font-size:18px}.mini-stat span{font-size:11px;font-weight:900}
.limit-form,.select-count-box{display:flex;gap:6px;align-items:center;background:#f8fafc;border:1px solid var(--border);border-radius:14px;padding:7px}.limit-form label,.select-count-box label{font-size:12px;font-weight:900;color:var(--navy)}.limit-form select,.limit-form input,.select-count-box input{border:1px solid var(--border);border-radius:10px;padding:8px;max-width:90px}.select-count-box button{border:0;background:var(--navy);color:#fff;border-radius:10px;padding:8px 10px;font-weight:900}.select-export{border:0;background:var(--orange);color:#fff;border-radius:12px;padding:10px 12px;font-weight:900;cursor:pointer}
.import-box{display:none;background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;padding:13px;margin:12px 0}.import-box form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.import-box b{color:var(--navy)}.import-box span{color:#9a3412;font-size:12px}.import-box input{border:1px solid #fed7aa;border-radius:10px;padding:8px}.import-box button{border:0;background:var(--orange);color:#fff;border-radius:10px;padding:9px 12px;font-weight:900}
.selected-bar{background:#f8fafc;border:1px dashed #cbd5e1;padding:10px 12px;border-radius:14px;margin-bottom:12px;color:#475569;font-weight:800}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:16px;max-height:650px}table{width:100%;min-width:1320px;border-collapse:collapse}th{position:sticky;top:0;z-index:3;background:linear-gradient(135deg,var(--navy2),var(--navy));color:#fff;text-align:left;padding:12px;font-size:12px;white-space:nowrap}td{padding:10px 12px;border-bottom:1px solid #eef2f7;font-size:13px;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tr:hover td{background:#fff7ed}.empty{text-align:center!important;padding:30px!important;color:#64748b}
.wa,.mail{display:inline-block;color:#fff;text-decoration:none;font-weight:900;padding:7px 9px;border-radius:9px;font-size:12px;margin:2px}.wa{background:#22c55e}.mail{background:var(--navy)}
.pagination{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:16px}.pagination a,.pagination span{padding:9px 12px;border-radius:12px;background:#edf7fb;color:var(--navy);font-weight:900;text-decoration:none;font-size:13px}.pagination a.active{background:linear-gradient(135deg,var(--navy),var(--orange));color:#fff}
.topbar{display:none}.container{max-width:1250px;margin:22px auto;padding:0 18px}.form-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:20px;box-shadow:0 10px 28px rgba(6,40,59,.06)}.form-card h1{color:var(--navy)}.form-card p{color:var(--muted);line-height:1.55}.form-card label{display:block;margin:14px 0 7px;font-weight:900;font-size:13px}.form-card input{width:100%;border:1px solid var(--border);border-radius:14px;padding:12px}.form-card button{border:0;border-radius:14px;padding:13px 16px;background:linear-gradient(135deg,var(--navy),var(--orange));color:#fff;font-weight:900;margin-top:16px}
@media(max-width:1200px){.crm-shell{grid-template-columns:1fr}.crm-sidebar{position:relative;height:auto}.panel-head,.crm-top{display:block}.record-controls{justify-content:flex-start;margin-top:12px}.top-actions{margin-top:12px}}
@media(max-width:700px){.crm-main{padding:12px}.crm-top h1{font-size:22px}.import-box form{display:block}.import-box input,.import-box button{width:100%;margin-top:8px}}
/* Premium Login UI */
.login-body {
  min-height: 100vh;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(135deg, #eef7fb 0%, #ffffff 55%, #fff3ec 100%);
  padding: 20px;
}

.login-box {
  width: 100%;
  max-width: 430px;
  background: rgba(255,255,255,0.96);
  padding: 34px;
  border-radius: 28px;
  border: 1px solid #dbe7f0;
  box-shadow: 0 25px 70px rgba(11,52,75,0.16);
}

.login-box .brand {
  font-size: 38px;
  font-weight: 900;
  color: #0b344b;
  margin-bottom: 12px;
}

.login-box .brand span {
  color: #f15a24;
}

.login-box p {
  font-size: 18px;
  font-weight: 700;
  color: #0b344b;
  margin-bottom: 24px;
}

.login-box label {
  font-weight: 800;
  color: #0b344b;
}

.login-box input {
  height: 54px;
  border-radius: 18px;
  border: 1px solid #d7e2ee;
  font-size: 16px;
  padding: 0 18px;
}

.login-box input:focus {
  border-color: #f15a24;
  box-shadow: 0 0 0 4px rgba(241,90,36,0.13);
  outline: none;
}

.login-box button {
  height: 56px;
  border-radius: 18px;
  background: linear-gradient(135deg, #0b344b, #f15a24);
  font-size: 17px;
  font-weight: 900;
  box-shadow: 0 14px 30px rgba(241,90,36,0.25);
}

.login-box button:hover {
  transform: translateY(-2px);
}