@import url("https://fonts.googleapis.com/css2?family=Space+Mono:wital,wght@0,400;0,700;1,400&display=swap");body {
    background: linear-gradient(45deg, #f0f4f8, #c6d7e8);
    font-family: "Space Mono", monospace;
    
}#header {
    background: rgba(255,255,255,0.7);
    
    border-bottom: 3px dashed #4a4a4a;
}.friend-table {
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    border-radius: 15px;
    overflow: hidden;
}.friend-table tbody tr:nth-child(odd) {
    background: linear-gradient(90deg, #f8f8f8, #e8e8ee);
}.friend-table tbody tr:nth-child(even) {
    background: linear-gradient(90deg, #e8e8ee, #f8f8f8);
}.friend-table tbody tr:hover {
    transform: scale(1.02);
    transition: all 0.3s ease;
    background: linear-gradient(90deg, #d0e1f9, #f5f5f5);
}.checkbox-them-checked {
    accent-color: #4CAF50;
    transform: rotate(5deg);
    border: 3px solid #2E7D32;
    box-shadow: 0 0 10px rgba(76, 175, 80, 0.5);
}.checkbox-default {
    accent-color: #FF9800;
    border-radius: 50%;
    border: 2px dashed #F57C00;
}.checkbox-server-checked {
    accent-color: #2196F3;
    transform: scale(1.2) rotate(-5deg);
    border: 3px double #1565C0;
}button {
    background: #4a4a4a;
    color: white;
    border-radius: 20px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}button:hover {
    background: #2a2a2a;
    transform: translateY(-3px);
    box-shadow: 0 6px 8px rgba(0,0,0,0.2);
}a {
    color: #1565C0;
    text-decoration: none;
    transition: all 0.3s ease;
}a:hover {
    color: #0D47A1;
    text-decoration: underline wavy #1565C0;
}a:visited {
    color: #6A1B9A;
}