body{
    margin:0;
}

/*
|--------------------------------------------------------------------------
| DASHBOARD LAYOUT
|--------------------------------------------------------------------------
*/

.trm-dashboard{
    display:flex;
    min-height:100vh;
    font-family:Arial,sans-serif;
}

/*
|--------------------------------------------------------------------------
| SIDEBAR
|--------------------------------------------------------------------------
*/

.trm-sidebar{
    width:260px;
    background:#2d1b69;
    color:white;
    padding:25px;
}

.trm-sidebar h2{
    margin-top:0;
    margin-bottom:30px;
}

.trm-sidebar ul{
    list-style:none;
    padding:0;
    margin:0;
}

.trm-sidebar li{
    margin-bottom:18px;
}

.trm-sidebar a{
    color:white;
    text-decoration:none;
    font-size:16px;
}

.trm-sidebar a:hover{
    opacity:0.9;
}

/*
|--------------------------------------------------------------------------
| MAIN CONTENT
|--------------------------------------------------------------------------
*/

.trm-main{
    flex:1;
    padding:40px;
    background:#f5f5f5;
}

.trm-main h1{
    margin-top:0;
}

/*
|--------------------------------------------------------------------------
| QUIZ CARD
|--------------------------------------------------------------------------
*/

.trm-card{
    background:white;
    padding:25px;
    border-radius:12px;
    max-width:500px;
    margin-bottom:25px;
    box-shadow:0 2px 8px rgba(0,0,0,0.08);
}

.trm-card h3{
    margin-top:0;
}

/*
|--------------------------------------------------------------------------
| ACTION BUTTONS
|--------------------------------------------------------------------------
*/

.trm-actions{
    margin-top:20px;
}

/*
|--------------------------------------------------------------------------
| BUTTON LINKS
|--------------------------------------------------------------------------
*/

.trm-btn-link{
    text-decoration:none !important;
}

/*
|--------------------------------------------------------------------------
| BUTTON STYLE
|--------------------------------------------------------------------------
*/

.trm-btn{
    display:inline-block;
    padding:10px 18px;
    margin-bottom:12px;
    background:#2d1b69;
    color:#ffffff;
    border-radius:6px;
    font-size:14px;
    line-height:1.4;
}

/*
|--------------------------------------------------------------------------
| DELETE BUTTON
|--------------------------------------------------------------------------
*/

.trm-delete{
    background:#c0392b;
}
/*
|--------------------------------------------------------------------------
| FORCE BUTTON APPEARANCE
|--------------------------------------------------------------------------
*/

.trm-actions a{
    text-decoration:none !important;
}

.trm-actions .trm-btn{
    display:inline-block !important;
    background:#2d1b69 !important;
    color:#ffffff !important;
    padding:12px 18px !important;
    border-radius:6px !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.4 !important;
}

.trm-actions .trm-delete{
    background:#c0392b !important;
}