:root{--bg:#0f172a;--card:#111827;--muted:#94a3b8;--text:#e5e7eb;--accent:#1976D2;}
*{box-sizing:border-box;} 
body{margin:0;background:var(--bg);color:var(--text);
font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;line-height:1.5;}
.container{max-width:920px;margin:40px auto;padding:0 16px;}
.card{background:var(--card);border:1px solid #1f2937;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,0.2);padding:24px;}
h1{margin:0 0 12px 0;font-size:28px;letter-spacing:0.2px;}
.sub{color:var(--muted);margin-bottom:16px;}
label{display:block;margin:14px 0 6px 2px;font-weight:600;}
input[type=text], input[type=number], input[type=password], select, textarea{
    width:100%;
    padding:12px 14px;
    border:1px solid #cfd8dc;
    background:#fff;
    color:#222;
    border-radius:12px;
    outline:none;
}
input::placeholder, textarea::placeholder{color:#6b7280;}
.btn{display:inline-block;background:var(--accent);color:#001018;border:0;padding:12px 18px;border-radius:12px;font-weight:700;cursor:pointer;margin-top:12px;}
.btn:hover{filter:brightness(1.05);} 
.table{width:100%;border-collapse:separate;border-spacing:0 8px;}
.table th{color:#cbd5e1;text-align:left;font-weight:600;padding:10px 12px;}
.table td{padding:12px;background:#0b1220;border:1px solid #1f2937;}
.table tr td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px;}
.table tr td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px;}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
a.link{color:#7dd3fc;text-decoration:none;} 
a.link:hover{text-decoration:underline;}
.badge{display:inline-block;padding:4px 10px;background:#0b1220;border:1px solid #1f2937;border-radius:999px;color:#93c5fd;font-size:12px;}
.footer{color:#64748b;margin-top:16px;font-size:13px;}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}

/* Form specific styles */
h3 {
    color: var(--accent);
    margin-top: 24px;
    margin-bottom: 12px;
}

textarea {
    resize: vertical;
    font-family: inherit;
}

/* Table responsive adjustments */
@media (max-width: 768px) {
    .container {
        padding: 0 8px;
        margin: 20px auto;
    }
    
    .table {
        font-size: 12px;
    }
    
    .table th, .table td {
        padding: 8px 6px;
    }
}