body { 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; 
    margin: 0; 
    background-color: #f8f9fa; 
    color: #343a40; 
}
.container { 
    max-width: 960px; 
    margin: 20px auto; 
    padding: 20px; 
    background-color: #fff; 
    border-radius: 8px; 
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); 
}
h1 { 
    color: #007bff; 
    border-bottom: 2px solid #dee2e6; 
    padding-bottom: 10px; 
    margin-top: 0;
}
a { 
    color: #007bff; 
    text-decoration: none; 
    cursor: pointer;
}
a:hover { 
    text-decoration: underline; 
}
.breadcrumb { 
    margin-bottom: 20px; 
    font-size: 1.1em; 
}

table { 
    width: 100%; 
    border-collapse: collapse; 
}
.table-container {
    overflow-x: auto;
}
th, td { 
    padding: 12px 15px; 
    text-align: left; 
    border-bottom: 1px solid #dee2e6; 
}
th { 
    background-color: #f8f9fa; 
}
th:nth-child(2),
th:nth-child(3),
th:nth-child(4) {
    font-size: 0.9em;
    white-space: nowrap;
}
td:nth-child(2),
td:nth-child(3),
td:nth-child(4) {
    font-size: 0.9em;
    white-space: nowrap;
}
tr:hover { 
    background-color: #f1f3f5; 
}
.icon { 
    width: 20px; 
    margin-right: 10px; 
}