:root {
    --apple-blue: #0071e3;
    --apple-gray: #f5f5f7;
    --apple-dark: #1d1d1f;
    --apple-border: #d2d2d7;
}

body {
    font-family: 'Inter', -apple-system, sans-serif;
    background-color: var(--apple-gray);
    color: var(--apple-dark);
    margin: 0;
    line-height: 1.5;
}

.container { padding: 20px; max-width: 1200px; margin: auto; }

/* Dashboard Cards */
.card {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(10px);
    border-radius: 18px;
    padding: 20px;
    border: 1px solid var(--apple-border);
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    margin-bottom: 25px;
}

/* Tables */
table { width: 100%; border-collapse: collapse; margin-top: 15px; }
th { text-align: left; padding: 12px; font-weight: 600; color: #86868b; font-size: 13px; border-bottom: 1px solid var(--apple-border); }
td { padding: 15px 12px; font-size: 14px; border-bottom: 1px solid #f2f2f7; }

/* Buttons */
.btn { padding: 8px 16px; border-radius: 8px; text-decoration: none; font-size: 13px; font-weight: 500; display: inline-block; transition: 0.2s; }
.btn-primary { background: var(--apple-blue); color: white; }
.btn-edit { background: #e8f2ff; color: var(--apple-blue); margin-right: 5px; }
.btn-delete { background: #fff1f0; color: #ff3b30; }
.btn:hover { opacity: 0.8; transform: translateY(-1px); }

.status-badge { padding: 4px 8px; border-radius: 6px; font-size: 11px; font-weight: 600; text-transform: uppercase; }