/* ====================================
   ADMIN DASHBOARD
==================================== */

.admin-dashboard{

position:relative;

padding:140px 40px 100px;

min-height:100vh;

z-index:10;
}

/* ====================================
   CONTAINER
==================================== */

.container{

max-width:1400px;

margin:auto;
}

/* ====================================
   DASHBOARD HEADER
==================================== */

.dashboard-header{

display:flex;

justify-content:space-between;

align-items:center;

gap:30px;

margin-bottom:50px;

flex-wrap:wrap;
}

.dashboard-header h1{

font-size:52px;

font-weight:800;

margin-bottom:15px;

color:#fff;
}

.dashboard-header p{

color:rgba(255,255,255,.7);

font-size:18px;

max-width:650px;

line-height:1.7;
}

/* ====================================
   BUTTONS
==================================== */

.dashboard-actions{

display:flex;

gap:20px;

flex-wrap:wrap;
}

.primary-btn,
.secondary-btn{

padding:16px 30px;

border-radius:14px;

font-weight:700;

text-decoration:none;

transition:.3s ease;

display:inline-flex;

align-items:center;

justify-content:center;
}

.primary-btn{

background:#00d8ff;

color:#000;

box-shadow:0 0 25px rgba(0,216,255,.4);
}

.primary-btn:hover{

transform:translateY(-3px);

box-shadow:0 0 40px rgba(0,216,255,.7);
}

.secondary-btn{

border:1px solid rgba(255,255,255,.12);

background:rgba(255,255,255,.03);

color:#fff;
}

.secondary-btn:hover{

background:rgba(255,255,255,.08);
}

/* ====================================
   STATS GRID
==================================== */

.stats-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

margin-bottom:50px;
}

.stats-card{

background:rgba(255,255,255,.04);

border:1px solid rgba(255,255,255,.06);

border-radius:24px;

padding:35px;

backdrop-filter:blur(20px);

transition:.3s ease;
}

.stats-card:hover{

transform:translateY(-6px);

border-color:rgba(0,216,255,.4);
}

.stats-card span{

display:block;

font-size:14px;

letter-spacing:1px;

text-transform:uppercase;

color:#00d8ff;

margin-bottom:15px;
}

.stats-card h2{

font-size:42px;

font-weight:800;

color:#fff;
}

/* ====================================
   QUICK ACTIONS
==================================== */

.quick-actions{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

margin-bottom:60px;
}

.quick-card{

background:rgba(255,255,255,.03);

border:1px solid rgba(255,255,255,.06);

border-radius:24px;

padding:35px;

text-decoration:none;

transition:.3s ease;
}

.quick-card:hover{

transform:translateY(-5px);

border-color:#00d8ff;

background:rgba(0,216,255,.05);
}

.quick-card h3{

font-size:24px;

margin-bottom:15px;

color:#fff;
}

.quick-card p{

color:rgba(255,255,255,.7);

line-height:1.7;
}

/* ====================================
   TABLE WRAPPER
==================================== */

.dashboard-table-wrapper{

background:rgba(255,255,255,.03);

border:1px solid rgba(255,255,255,.06);

border-radius:28px;

padding:40px;

overflow:hidden;
}

/* ====================================
   TABLE HEADER
==================================== */

.table-header{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:35px;

gap:20px;

flex-wrap:wrap;
}

.table-header h2{

font-size:38px;

font-weight:800;

color:#fff;
}

.mini-title{

font-size:13px;

letter-spacing:3px;

text-transform:uppercase;

color:#00d8ff;

display:inline-block;

margin-bottom:10px;
}

/* ====================================
   TABLE
==================================== */

.dashboard-table{

width:100%;

border-collapse:collapse;
}

.dashboard-table th{

text-align:left;

padding:20px;

font-size:14px;

text-transform:uppercase;

letter-spacing:1px;

color:#00d8ff;

border-bottom:1px solid rgba(255,255,255,.08);
}

.dashboard-table td{

padding:25px 20px;

border-bottom:1px solid rgba(255,255,255,.05);

color:#fff;
}

/* ====================================
   POST CELL
==================================== */

.post-cell{

display:flex;

align-items:center;

gap:18px;
}

.post-cell img{

width:80px;
height:60px;

object-fit:cover;

border-radius:14px;
}

.post-cell strong{

display:block;

font-size:17px;

margin-bottom:8px;
}

.post-cell span{

font-size:14px;

color:rgba(255,255,255,.5);
}

/* ====================================
   STATUS
==================================== */

.status-badge{

padding:8px 14px;

border-radius:999px;

font-size:13px;

font-weight:700;

display:inline-flex;

align-items:center;

justify-content:center;
}

.status-badge.approved{

background:rgba(0,255,140,.15);

color:#00ff9d;
}

/* ====================================
   ACTIONS
==================================== */

.table-actions{

display:flex;

gap:12px;

flex-wrap:wrap;
}

.action-btn{

padding:10px 16px;

border-radius:12px;

font-size:14px;

font-weight:700;

text-decoration:none;

transition:.3s ease;
}

.view-btn{

background:#00d8ff;

color:#000;
}

.edit-btn{

background:#ffe600;

color:#000;
}

.delete-btn{

background:#ff3d5a;

color:#fff;
}

.action-btn:hover{

transform:translateY(-3px);
}

/* ====================================
   EMPTY STATE
==================================== */

.empty-state{

padding:70px 20px;

text-align:center;
}

.empty-state h3{

font-size:34px;

margin-bottom:20px;

color:#fff;
}

.empty-state p{

color:rgba(255,255,255,.7);

margin-bottom:30px;
}

/* ====================================
   RESPONSIVE
==================================== */

@media(max-width:1200px){

.stats-grid,
.quick-actions{

grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.admin-dashboard{

padding:120px 20px 80px;
}

.dashboard-header h1{

font-size:38px;
}

.stats-grid,
.quick-actions{

grid-template-columns:1fr;
}

.dashboard-table-wrapper{

padding:20px;
}

.dashboard-table{

min-width:900px;
}

.dashboard-table-scroll{

overflow-x:auto;
}

.table-header h2{

font-size:30px;
}

.primary-btn,
.secondary-btn{

width:100%;
}
}