/* KARYAN Admin Panel — assets/css/admin.css */
:root {
  --navy: #0d1b2e; --navy-mid: #162540; --navy-lite: #1f3558;
  --gold: #C9A84C; --gold-lite: #e0c270;
  --white: #ffffff; --text: #e8e0d0; --muted: #9aabb8;
  --danger: #e53e3e; --success: #38a169; --warning: #d69e2e;
  --sidebar-w: 240px;
  --font: 'Inter', system-ui, sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:var(--font);background:#0a1422;color:var(--text);min-height:100vh;display:flex;flex-direction:column;}
a{color:var(--gold);text-decoration:none;}
a:hover{color:var(--gold-lite);}

/* Layout */
.admin-wrap{display:flex;min-height:100vh;}
.sidebar{width:var(--sidebar-w);background:var(--navy-mid);border-right:1px solid rgba(201,168,76,0.1);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:100;overflow-y:auto;}
.main-area{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-height:100vh;}
.topbar{background:var(--navy-mid);border-bottom:1px solid rgba(201,168,76,0.1);padding:0 28px;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;}
.topbar-title{font-size:17px;font-weight:600;color:var(--white);}
.content{padding:32px 28px;flex:1;}

/* Sidebar */
.sidebar-logo{padding:22px 22px 14px;border-bottom:1px solid rgba(201,168,76,0.1);}
.sidebar-logo .brand{font-size:18px;font-weight:700;color:var(--gold);letter-spacing:.05em;}
.sidebar-logo .sub{font-size:10px;color:var(--muted);letter-spacing:.15em;text-transform:uppercase;}
.sidebar-nav{padding:16px 0;flex:1;}
.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:11px 22px;font-size:14px;color:var(--muted);transition:.2s;}
.sidebar-nav a:hover,.sidebar-nav a.active{color:var(--white);background:rgba(201,168,76,0.1);}
.sidebar-nav a.active{border-left:3px solid var(--gold);padding-left:19px;}
.sidebar-nav .nav-icon{font-size:16px;width:20px;text-align:center;}
.sidebar-footer{padding:16px 22px;border-top:1px solid rgba(201,168,76,0.1);}
.sidebar-footer a{font-size:13px;color:var(--muted);}

/* Cards */
.card{background:var(--navy-mid);border:1px solid rgba(201,168,76,0.12);border-radius:8px;padding:24px;}
.card-title{font-size:15px;font-weight:600;color:var(--white);margin-bottom:16px;}
.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:28px;}
.stat-card{background:var(--navy-mid);border:1px solid rgba(201,168,76,0.12);border-radius:8px;padding:20px;text-align:center;}
.stat-card .number{font-size:36px;font-weight:700;color:var(--gold);}
.stat-card .label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-top:4px;}

/* Tables */
.table-wrap{overflow-x:auto;}
table{width:100%;border-collapse:collapse;font-size:14px;}
thead th{background:var(--navy);color:var(--muted);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.08em;padding:12px 16px;text-align:left;border-bottom:1px solid rgba(201,168,76,0.1);}
tbody td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.05);color:var(--text);vertical-align:middle;}
tbody tr:hover td{background:rgba(201,168,76,0.04);}

/* Badges */
.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;}
.badge-new{background:rgba(56,161,105,.15);color:#68d391;}
.badge-contacted{background:rgba(214,158,46,.15);color:#ecc94b;}
.badge-converted{background:rgba(66,153,225,.15);color:#90cdf4;}
.badge-junk{background:rgba(229,62,62,.15);color:#fc8181;}

/* Forms */
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.form-group{margin-bottom:18px;}
.form-group label{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em;}
.form-group input,.form-group select,.form-group textarea{width:100%;background:rgba(255,255,255,0.05);border:1px solid rgba(201,168,76,0.2);border-radius:6px;color:var(--white);font-family:var(--font);font-size:14px;padding:10px 14px;outline:none;transition:.2s;}
.form-group input:focus,.form-group select,.form-group textarea:focus{border-color:var(--gold);}
.form-group textarea{resize:vertical;min-height:80px;}
.form-group select option{background:var(--navy-mid);}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;font-size:13px;font-weight:600;border:1.5px solid transparent;border-radius:6px;cursor:pointer;transition:.2s;text-decoration:none;}
.btn-gold{background:var(--gold);color:var(--navy);border-color:var(--gold);}
.btn-gold:hover{background:var(--gold-lite);}
.btn-outline{background:transparent;color:var(--gold);border-color:var(--gold);}
.btn-outline:hover{background:var(--gold);color:var(--navy);}
.btn-danger{background:rgba(229,62,62,.15);color:#fc8181;border-color:rgba(229,62,62,.3);}
.btn-danger:hover{background:var(--danger);color:#fff;}
.btn-sm{padding:6px 14px;font-size:12px;}

/* Alerts */
.alert{padding:12px 16px;border-radius:6px;font-size:14px;margin-bottom:18px;}
.alert-success{background:rgba(56,161,105,.15);border:1px solid var(--success);color:#68d391;}
.alert-error{background:rgba(229,62,62,.15);border:1px solid var(--danger);color:#fc8181;}

/* Search / Filter bar */
.filter-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;}
.filter-bar input,.filter-bar select{background:rgba(255,255,255,0.05);border:1px solid rgba(201,168,76,0.2);border-radius:6px;color:var(--white);font-size:13px;padding:8px 14px;outline:none;}
.filter-bar select option{background:var(--navy-mid);}

/* Pagination */
.pagination{display:flex;gap:6px;margin-top:20px;justify-content:center;}
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;border:1px solid rgba(201,168,76,0.2);font-size:13px;color:var(--muted);}
.pagination a:hover{border-color:var(--gold);color:var(--gold);}
.pagination .current{background:var(--gold);color:var(--navy);border-color:var(--gold);font-weight:600;}

/* Login Page */
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--navy);padding:20px;}
.login-card{background:var(--navy-mid);border:1px solid rgba(201,168,76,0.2);border-radius:12px;padding:44px 40px;width:100%;max-width:400px;}
.login-logo{text-align:center;margin-bottom:32px;}
.login-logo .brand{font-size:28px;font-weight:700;color:var(--gold);}
.login-logo .sub{font-size:12px;color:var(--muted);}

@media(max-width:768px){
  .sidebar{transform:translateX(-100%);transition:transform .3s;}
  .sidebar.open{transform:translateX(0);}
  .main-area{margin-left:0;}
  .form-row{grid-template-columns:1fr;}
}