body{
background:#1e1e1e;
color:#f5f5f5;
font-family:Inter,sans-serif;
padding:40px;
}

header{
display:flex;
justify-content:space-between;
margin-bottom:30px;
}

h1{
color:#c75b12;
}

.container{
max-width:900px;
margin:auto;
}

input,button{
padding:10px;
border:none;
border-radius:6px;
}

button{
background:#c75b12;
color:white;
cursor:pointer;
}

.table-container {
    margin-top: 20px;
    width: 100%;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

th {
    color: var(--rust-orange);
    font-weight: 600;
    padding: 10px;
    border-bottom: 2px solid #333;
}

td {
    padding: 10px;
    border-bottom: 1px solid #2a2a2a;
}

tr:nth-child(even) {
    background: rgba(255,255,255,0.03);
}

tr:hover {
    background: rgba(255,255,255,0.07);
}

td, th {
    text-align: center;
}

td:first-child {
    text-align: left;
    padding-left: 20px;
}

.actions a {
    margin: 0 5px;
    text-decoration: none;
    font-weight: 600;
}

.actions a.open {
    color: var(--rust-orange);
}

.actions a.delete {
    color: #ff4444;
}

a{
color:#c75b12;
margin-right:10px;
text-decoration:none;
}

.delete{
color:#ff4444;
}

.login-box{
max-width:400px;
margin:auto;
text-align:center;
}

.error{
color:red;
}

.deleteBtn{
    color: red;
}