/*==========================================
MYLIKITH GLOBAL BACKGROUND
==========================================*/

:root{

--primary:#7c3aed;
--secondary:#22d3ee;
--dark:#0b1020;
--card:#131b32;
--border:rgba(255,255,255,.08);

}

body{

background:

linear-gradient(
rgba(6,10,28,.82),
rgba(10,15,35,.86)
),

url("../assets/images/profile-bg.jpg");

background-size:cover;

background-position:center;

background-repeat:no-repeat;

background-attachment:fixed;

color:#fff;

min-height:100vh;

overflow-x:hidden;

}

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

.btn{

display:inline-flex;

align-items:center;

justify-content:center;

gap:8px;

padding:12px 24px;

border:none;

border-radius:12px;

font-size:15px;

font-weight:600;

cursor:pointer;

transition:.3s;

text-decoration:none;

}

.btn-primary{

background:linear-gradient(135deg,#7c3aed,#22d3ee);

color:#fff;

}

.btn-success{

background:linear-gradient(135deg,#22c55e,#16a34a);

color:#fff;

}

.btn-danger{

background:linear-gradient(135deg,#ef4444,#dc2626);

color:#fff;

}

.btn-secondary{

background:#374151;

color:#fff;

}

.btn:hover{

transform:translateY(-3px);

box-shadow:0 10px 25px rgba(0,0,0,.25);

}

/* ===========================
   CARDS
=========================== */

.card{

background:rgba(15,23,42,.60);

backdrop-filter:blur(18px);

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

border-radius:20px;

padding:25px;

transition:.3s;

}

.card:hover{

transform:translateY(-5px);

border-color:#7c3aed;

}

/* ===========================
   INPUTS
=========================== */

.input{

width:100%;

padding:14px;

border-radius:12px;

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

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

color:#fff;

font-size:16px;

outline:none;

}

.input:focus{

border-color:#22d3ee;

}

/* ===========================
   TEXTAREA
=========================== */

.textarea{

width:100%;

min-height:140px;

padding:14px;

border-radius:12px;

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

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

color:white;

resize:vertical;

}

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

.table{

width:100%;

border-collapse:collapse;

}

.table th{

background:#7c3aed;

padding:15px;

}

.table td{

padding:15px;

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

}

/* ===========================
   BADGES
=========================== */

.badge{

display:inline-block;

padding:6px 12px;

border-radius:999px;

font-size:13px;

font-weight:600;

}

.badge-success{

background:#16a34a;

}

.badge-warning{

background:#ca8a04;

}

.badge-danger{

background:#dc2626;

}

/* ===========================
   SECTION
=========================== */

.section{

margin:50px 0;

}

/* ===========================
   PAGE TITLE
=========================== */

.page-title{

font-size:42px;

font-weight:700;

margin-bottom:30px;

}

.common-novel-card{

max-width:240px;

margin:auto;

background:rgba(15,23,42,.55);

border-radius:18px;

overflow:hidden;

.novel-card:hover{

transform:translateY(-6px);

border-color:#7c3aed;

}

.common-novel-cover{

width:100%;

height:220px;

object-fit:cover;

display:block;

border-radius:14px;

}

.common-novel-body{

padding:22px;

}

.novel-body h2{

margin:0 0 10px;

font-size:24px;

}

.common-novel-meta{

display:flex;

justify-content:space-between;

margin:20px 0;

font-size:15px;

color:#22d3ee;

}

.common-novel-buttons{

display:flex;

gap:12px;

margin-top:20px;

}

/* ==========================================
   FIXED NAVBAR SPACING
========================================== */

body{
    padding-top:82px;
}

.dashboard,
.profile-container,
.library-container,
.home-container,
.reader-container{

padding-top:25px;

}

.dashboard-hero{

margin-top:20px;

}

/*==========================================
GLOBAL GLASS EFFECT
==========================================*/

.section,
.card,
.stat-card,
.analytics-card,
.library-card,
.history-card,
.review-card,
.comment-card,
.continue-card,
.activity-card,
.novel-card,
.common-novel-card,
.table-wrapper{

background:rgba(18,26,46,.72);

backdrop-filter:blur(18px);

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

box-shadow:

0 12px 40px rgba(0,0,0,.25);

transition:.35s;

}

.section:hover,
.card:hover,
.stat-card:hover,
.analytics-card:hover,
.library-card:hover,
.history-card:hover,
.review-card:hover,
.comment-card:hover,
.continue-card:hover,
.activity-card:hover,
.novel-card:hover,
.common-novel-card:hover{

transform:translateY(-6px);

border-color:#22d3ee;

box-shadow:

0 20px 60px rgba(34,211,238,.15);

}