:root { 
        --primary: #1e293b;
        --accent: #2563eb;
        --accent-hover: #1d4ed8;  
        --success: #10b981;
        --bg: #f8fafc;
        --danger: #ef4444;
        --text-main: #334155;
        --border: #e2e8f0;
        --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }
    *, *::before, *::after { box-sizing: border-box; }
    body { 
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; 
        background: var(--bg); 
        margin: 0; 
        color: var(--text-main); 
        line-height: 1.5;
    }
    .container { 
        max-width: 1200px; 
        margin: 40px auto; 
        background: white; 
        padding: 40px; 
        border-radius: 20px; 
        box-shadow: var(--shadow-lg); 
    }
    .header { 
        text-align: center; 
        margin-bottom: 35px; 
        padding: 30px 20px; 
        background: linear-gradient(145deg, #ffffff, #f8fafc);
        border: 1px solid var(--border);
        border-radius: 16px;
        box-shadow: var(--shadow-sm);
        position: relative;
        overflow: hidden;
    }
    .header::before {
        content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;
        background: linear-gradient(90deg, var(--accent), var(--success));
    }
    .header h1 {
        color: var(--primary); font-size: 2rem; font-weight: 800; margin: 0 0 15px 0; letter-spacing: -0.5px;
    }
    .header p { color: #64748b; font-size: 1.1rem; margin: 0; font-weight: 500; }
    
    /* Butoane Globale */
    .btn { 
        color: white; border: none; padding: 12px 20px; border-radius: 8px; 
        cursor: pointer; font-weight: 600; font-size: 0.95rem; transition: all 0.2s ease; 
        box-shadow: var(--shadow-sm); text-decoration: none; display: inline-flex; align-items: center; justify-content: center;
    }
    .btn:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); filter: brightness(1.1); }
    .btn:active { transform: translateY(0); }
    .btn-blue { background: var(--accent); }
    .btn-verde { background: #43a4ad; }
    .btn-green { background: var(--success); }
    .btn-red { background: var(--danger); }
    .btn-gray { background: #64748b; }
    .btn-orange { background: #f59e0b; }
    .btn-save { background: #43a4ad; width: 100%; height: 100%; padding: 14px; font-size: 1.1rem; }
    
    /* Inputuri Premium */
    input[type='text'], input[type='password'], input[type='number'] {
        width: 100%; padding: 14px 16px; border: 2px solid #e2e8f0; background-color: #f8fafc;
        border-radius: 10px; font-size: 1rem; color: var(--primary); font-weight: 600; transition: all 0.2s ease;
    }
    input[type='text']:focus, input[type='password']:focus, input[type='number']:focus {
        border-color: var(--accent); background-color: #ffffff; outline: none;
        box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1);
    }
    label { display: block; font-size: 0.85rem; margin-bottom: 8px; font-weight: 700; color: #475569; text-transform: uppercase; letter-spacing: 0.5px; }
    
    /* Alerte */
    .alert { padding: 16px 20px; border-radius: 10px; margin-bottom: 25px; font-weight: 600; display: flex; align-items: center; gap: 10px; }
    .alert-success { background: #dcfce7; color: #166534; border-left: 5px solid #166534; }
    .alert-error { background: #fee2e2; color: #991b1b; border-left: 5px solid #991b1b; }
    
    /* Fix definitiv pentru alinierea și centrarea butoanelor a vs button */
    .top-actions { display: flex; align-items: center; justify-content: center; gap: 15px; flex-wrap: wrap; }
    .top-actions .btn { font-family: inherit !important; line-height: 1 !important;  margin: 0; box-sizing: border-box !important; height: 44px !important; 
        padding: 0 20px !important;  display: inline-flex !important; align-items: center !important; justify-content: center !important; -webkit-appearance: none;  appearance: none; } 
    .form-inline { display: inline-flex; margin: 0; padding: 0; height: 44px; }